@charset "UTF-8";
/*!
 * BootstrapVue Custom CSS (https://bootstrap-vue.org)
 */
.bv-no-focus-ring:focus {
  outline: none;
}
@media (max-width: 575.98px) {
  .bv-d-xs-down-none {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .bv-d-sm-down-none {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .bv-d-md-down-none {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .bv-d-lg-down-none {
    display: none !important;
  }
}
.bv-d-xl-down-none {
  display: none !important;
}
.form-control.focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.form-control.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.b-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  max-width: 100%;
  max-height: auto;
  text-align: center;
  overflow: visible;
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.b-avatar:focus {
  outline: 0;
}
.b-avatar.btn,
.b-avatar[href] {
  padding: 0;
  border: 0;
}
.b-avatar.btn .b-avatar-img img,
.b-avatar[href] .b-avatar-img img {
  transition: transform 0.15s ease-in-out;
}
.b-avatar.btn:not(:disabled):not(.disabled),
.b-avatar[href]:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
  transform: scale(1.15);
}
.b-avatar.disabled,
.b-avatar:disabled,
.b-avatar[disabled] {
  opacity: 0.65;
  pointer-events: none;
}
.b-avatar .b-avatar-custom,
.b-avatar .b-avatar-img,
.b-avatar .b-avatar-text {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}
.b-avatar .b-avatar-text {
  text-transform: uppercase;
  white-space: nowrap;
}
.b-avatar[href] {
  text-decoration: none;
}
.b-avatar > .b-icon {
  width: 60%;
  height: auto;
  max-width: 100%;
}
.b-avatar .b-avatar-img img {
  width: 100%;
  height: 100%;
  max-height: auto;
  border-radius: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
.b-avatar .b-avatar-badge {
  position: absolute;
  min-height: 1.5em;
  min-width: 1.5em;
  padding: 0.25em;
  line-height: 1;
  border-radius: 10em;
  font-size: 70%;
  font-weight: 700;
  z-index: 1;
}
.b-avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
}
.b-avatar-sm .b-avatar-text {
  font-size: 0.6rem;
}
.b-avatar-sm .b-avatar-badge {
  font-size: 0.42rem;
}
.b-avatar-lg {
  width: 3.5rem;
  height: 3.5rem;
}
.b-avatar-lg .b-avatar-text {
  font-size: 1.4rem;
}
.b-avatar-lg .b-avatar-badge {
  font-size: 0.98rem;
}
.b-avatar-group .b-avatar-group-inner {
  display: flex;
  flex-wrap: wrap;
}
.b-avatar-group .b-avatar {
  border: 1px solid #dee2e6;
}
.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled),
.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) {
  z-index: 1;
}
.b-calendar {
  display: inline-flex;
}
.b-calendar .b-calendar-inner {
  min-width: 250px;
}
.b-calendar .b-calendar-header,
.b-calendar .b-calendar-nav {
  margin-bottom: 0.25rem;
}
.b-calendar .b-calendar-nav .btn {
  padding: 0.25rem;
}
.b-calendar output {
  padding: 0.25rem;
  font-size: 80%;
}
.b-calendar output.readonly {
  background-color: #e9ecef;
  opacity: 1;
}
.b-calendar .b-calendar-footer {
  margin-top: 0.5rem;
}
.b-calendar .b-calendar-grid {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.b-calendar .b-calendar-grid .row {
  flex-wrap: nowrap;
}
.b-calendar .b-calendar-grid-caption {
  padding: 0.25rem;
}
.b-calendar .b-calendar-grid-body .col[data-date] .btn {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  margin: 3px auto;
  padding: 9px 0;
}
.b-calendar .btn.disabled,
.b-calendar .btn:disabled,
.b-calendar .btn[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
}
.card-img-left {
  border-top-left-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-img-right {
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret:before,
.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret:after {
  display: none !important;
}
.dropdown .dropdown-menu:focus {
  outline: none;
}
.b-dropdown-form {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  width: 100%;
  clear: both;
  font-weight: 400;
}
.b-dropdown-form:focus {
  outline: 1px dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}
.b-dropdown-form.disabled,
.b-dropdown-form:disabled {
  outline: 0 !important;
  color: #6c757d;
  pointer-events: none;
}
.b-dropdown-text {
  display: inline-block;
  padding: 0.25rem 1.5rem;
  margin-bottom: 0;
  width: 100%;
  clear: both;
  font-weight: lighter;
}
.custom-checkbox.b-custom-control-lg,
.input-group-lg .custom-checkbox {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-checkbox .custom-control-label:before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3rem;
}
.custom-checkbox.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-checkbox .custom-control-label:after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 50% 50%;
}
.custom-checkbox.b-custom-control-sm,
.input-group-sm .custom-checkbox {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-checkbox .custom-control-label:before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.2rem;
}
.custom-checkbox.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-checkbox .custom-control-label:after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-lg,
.input-group-lg .custom-switch {
  padding-left: 2.8125rem;
}
.custom-switch.b-custom-control-lg .custom-control-label,
.input-group-lg .custom-switch .custom-control-label {
  font-size: 1.25rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-switch .custom-control-label:before {
  top: 0.3125rem;
  height: 1.25rem;
  left: -2.8125rem;
  width: 2.1875rem;
  border-radius: 0.625rem;
}
.custom-switch.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-switch .custom-control-label:after {
  top: calc(0.3125rem + 2px);
  left: calc(-2.8125rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  border-radius: 0.625rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-lg
  .custom-control-input:checked
  ~ .custom-control-label:after,
.input-group-lg
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label:after {
  transform: translateX(0.9375rem);
}
.custom-switch.b-custom-control-sm,
.input-group-sm .custom-switch {
  padding-left: 1.96875rem;
}
.custom-switch.b-custom-control-sm .custom-control-label,
.input-group-sm .custom-switch .custom-control-label {
  font-size: 0.875rem;
  line-height: 1.5;
}
.custom-switch.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-switch .custom-control-label:before {
  top: 0.21875rem;
  left: -1.96875rem;
  width: 1.53125rem;
  height: 0.875rem;
  border-radius: 0.4375rem;
}
.custom-switch.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-switch .custom-control-label:after {
  top: calc(0.21875rem + 2px);
  left: calc(-1.96875rem + 2px);
  width: calc(0.875rem - 4px);
  height: calc(0.875rem - 4px);
  border-radius: 0.4375rem;
  background-size: 50% 50%;
}
.custom-switch.b-custom-control-sm
  .custom-control-input:checked
  ~ .custom-control-label:after,
.input-group-sm
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label:after {
  transform: translateX(0.65625rem);
}
.input-group
  > .input-group-append:last-child
  > .btn-group:not(:last-child):not(.dropdown-toggle)
  > .btn,
.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
.input-group > .input-group-prepend > .btn-group > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn-group > .btn,
.input-group
  > .input-group-prepend:first-child
  > .btn-group:not(:first-child)
  > .btn,
.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-form-btn-label-control.form-control {
  display: flex;
  align-items: stretch;
  height: auto;
  padding: 0;
  background-image: none;
}
.input-group .b-form-btn-label-control.form-control {
  padding: 0;
}
.b-form-btn-label-control.form-control[dir="rtl"],
[dir="rtl"] .b-form-btn-label-control.form-control {
  flex-direction: row-reverse;
}
.b-form-btn-label-control.form-control[dir="rtl"] > label,
[dir="rtl"] .b-form-btn-label-control.form-control > label {
  text-align: right;
}
.b-form-btn-label-control.form-control > .btn {
  line-height: 1;
  font-size: inherit;
  box-shadow: none !important;
  border: 0;
}
.b-form-btn-label-control.form-control > .btn:disabled {
  pointer-events: none;
}
.b-form-btn-label-control.form-control.is-valid > .btn {
  color: #28a745;
}
.b-form-btn-label-control.form-control.is-invalid > .btn {
  color: #dc3545;
}
.b-form-btn-label-control.form-control > .dropdown-menu {
  padding: 0.5rem;
}
.b-form-btn-label-control.form-control > .form-control {
  height: auto;
  min-height: calc(1.5em + 0.75rem);
  padding-left: 0.25rem;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  word-break: break-word;
  font-size: inherit;
  white-space: normal;
  cursor: pointer;
}
.b-form-btn-label-control.form-control > .form-control.form-control-sm {
  min-height: calc(1.5em + 0.5rem);
}
.b-form-btn-label-control.form-control > .form-control.form-control-lg {
  min-height: calc(1.5em + 1rem);
}
.input-group.input-group-sm
  .b-form-btn-label-control.form-control
  > .form-control {
  min-height: calc(1.5em + 0.5rem);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.input-group.input-group-lg
  .b-form-btn-label-control.form-control
  > .form-control {
  min-height: calc(1.5em + 1rem);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.b-form-btn-label-control.form-control[aria-disabled="true"],
.b-form-btn-label-control.form-control[aria-readonly="true"] {
  background-color: #e9ecef;
  opacity: 1;
}
.b-form-btn-label-control.form-control[aria-disabled="true"] {
  pointer-events: none;
}
.b-form-btn-label-control.form-control[aria-disabled="true"] > label {
  cursor: default;
}
.b-form-btn-label-control.btn-group > .dropdown-menu {
  padding: 0.5rem;
}
.custom-file-label {
  white-space: nowrap;
  overflow-x: hidden;
}
.b-custom-control-lg.custom-file,
.b-custom-control-lg .custom-file-input,
.b-custom-control-lg .custom-file-label,
.input-group-lg.custom-file,
.input-group-lg .custom-file-input,
.input-group-lg .custom-file-label {
  font-size: 1.25rem;
  height: calc(1.5em + 1rem + 2px);
}
.b-custom-control-lg .custom-file-label,
.b-custom-control-lg .custom-file-label:after,
.input-group-lg .custom-file-label,
.input-group-lg .custom-file-label:after {
  padding: 0.5rem 1rem;
  line-height: 1.5;
}
.b-custom-control-lg .custom-file-label,
.input-group-lg .custom-file-label {
  border-radius: 0.3rem;
}
.b-custom-control-lg .custom-file-label:after,
.input-group-lg .custom-file-label:after {
  font-size: inherit;
  height: calc(1.5em + 1rem);
  border-radius: 0 0.3rem 0.3rem 0;
}
.b-custom-control-sm.custom-file,
.b-custom-control-sm .custom-file-input,
.b-custom-control-sm .custom-file-label,
.input-group-sm.custom-file,
.input-group-sm .custom-file-input,
.input-group-sm .custom-file-label {
  font-size: 0.875rem;
  height: calc(1.5em + 0.5rem + 2px);
}
.b-custom-control-sm .custom-file-label,
.b-custom-control-sm .custom-file-label:after,
.input-group-sm .custom-file-label,
.input-group-sm .custom-file-label:after {
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
}
.b-custom-control-sm .custom-file-label,
.input-group-sm .custom-file-label {
  border-radius: 0.2rem;
}
.b-custom-control-sm .custom-file-label:after,
.input-group-sm .custom-file-label:after {
  font-size: inherit;
  height: calc(1.5em + 0.5rem);
  border-radius: 0 0.2rem 0.2rem 0;
}
.form-control.is-invalid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
  background-position: right calc(0.375em + 0.1875rem) center;
}
input[type="color"].form-control {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.125rem 0.25rem;
}
.input-group-sm input[type="color"].form-control,
input[type="color"].form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.125rem 0.25rem;
}
.input-group-lg input[type="color"].form-control,
input[type="color"].form-control.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.125rem 0.25rem;
}
input[type="color"].form-control:disabled {
  background-color: #adb5bd;
  opacity: 0.65;
}
.input-group > .custom-range {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .custom-file + .custom-range,
.input-group > .custom-range + .custom-file,
.input-group > .custom-range + .custom-range,
.input-group > .custom-range + .custom-select,
.input-group > .custom-range + .form-control,
.input-group > .custom-range + .form-control-plaintext,
.input-group > .custom-select + .custom-range,
.input-group > .form-control + .custom-range,
.input-group > .form-control-plaintext + .custom-range {
  margin-left: -1px;
}
.input-group > .custom-range:focus {
  z-index: 3;
}
.input-group > .custom-range:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-range:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-range {
  padding: 0 0.75rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group > .custom-range {
    transition: none;
  }
}
.input-group > .custom-range:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.input-group > .custom-range:disabled,
.input-group > .custom-range[readonly] {
  background-color: #e9ecef;
}
.input-group-lg > .custom-range {
  height: calc(1.5em + 1rem + 2px);
  padding: 0 1rem;
  border-radius: 0.3rem;
}
.input-group-sm > .custom-range {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0 0.5rem;
  border-radius: 0.2rem;
}
.input-group .custom-range.is-valid,
.was-validated .input-group .custom-range:valid {
  border-color: #28a745;
}
.input-group .custom-range.is-valid:focus,
.was-validated .input-group .custom-range:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.custom-range.is-valid:focus::-webkit-slider-thumb,
.was-validated .custom-range:valid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}
.custom-range.is-valid:focus::-moz-range-thumb,
.was-validated .custom-range:valid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}
.custom-range.is-valid:focus::-ms-thumb,
.was-validated .custom-range:valid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}
.custom-range.is-valid::-webkit-slider-thumb,
.was-validated .custom-range:valid::-webkit-slider-thumb {
  background-color: #28a745;
  background-image: none;
}
.custom-range.is-valid::-webkit-slider-thumb:active,
.was-validated .custom-range:valid::-webkit-slider-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}
.custom-range.is-valid::-webkit-slider-runnable-track,
.was-validated .custom-range:valid::-webkit-slider-runnable-track {
  background-color: rgba(40, 167, 69, 0.35);
}
.custom-range.is-valid::-moz-range-thumb,
.was-validated .custom-range:valid::-moz-range-thumb {
  background-color: #28a745;
  background-image: none;
}
.custom-range.is-valid::-moz-range-thumb:active,
.was-validated .custom-range:valid::-moz-range-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}
.custom-range.is-valid::-moz-range-track,
.was-validated .custom-range:valid::-moz-range-track {
  background: rgba(40, 167, 69, 0.35);
}
.custom-range.is-valid ~ .valid-feedback,
.custom-range.is-valid ~ .valid-tooltip,
.was-validated .custom-range:valid ~ .valid-feedback,
.was-validated .custom-range:valid ~ .valid-tooltip {
  display: block;
}
.custom-range.is-valid::-ms-thumb,
.was-validated .custom-range:valid::-ms-thumb {
  background-color: #28a745;
  background-image: none;
}
.custom-range.is-valid::-ms-thumb:active,
.was-validated .custom-range:valid::-ms-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}
.custom-range.is-valid::-ms-track-lower,
.custom-range.is-valid::-ms-track-upper,
.was-validated .custom-range:valid::-ms-track-lower,
.was-validated .custom-range:valid::-ms-track-upper {
  background: rgba(40, 167, 69, 0.35);
}
.input-group .custom-range.is-invalid,
.was-validated .input-group .custom-range:invalid {
  border-color: #dc3545;
}
.input-group .custom-range.is-invalid:focus,
.was-validated .input-group .custom-range:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.custom-range.is-invalid:focus::-webkit-slider-thumb,
.was-validated .custom-range:invalid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}
.custom-range.is-invalid:focus::-moz-range-thumb,
.was-validated .custom-range:invalid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}
.custom-range.is-invalid:focus::-ms-thumb,
.was-validated .custom-range:invalid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}
.custom-range.is-invalid::-webkit-slider-thumb,
.was-validated .custom-range:invalid::-webkit-slider-thumb {
  background-color: #dc3545;
  background-image: none;
}
.custom-range.is-invalid::-webkit-slider-thumb:active,
.was-validated .custom-range:invalid::-webkit-slider-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}
.custom-range.is-invalid::-webkit-slider-runnable-track,
.was-validated .custom-range:invalid::-webkit-slider-runnable-track {
  background-color: rgba(220, 53, 69, 0.35);
}
.custom-range.is-invalid::-moz-range-thumb,
.was-validated .custom-range:invalid::-moz-range-thumb {
  background-color: #dc3545;
  background-image: none;
}
.custom-range.is-invalid::-moz-range-thumb:active,
.was-validated .custom-range:invalid::-moz-range-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}
.custom-range.is-invalid::-moz-range-track,
.was-validated .custom-range:invalid::-moz-range-track {
  background: rgba(220, 53, 69, 0.35);
}
.custom-range.is-invalid ~ .invalid-feedback,
.custom-range.is-invalid ~ .invalid-tooltip,
.was-validated .custom-range:invalid ~ .invalid-feedback,
.was-validated .custom-range:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-range.is-invalid::-ms-thumb,
.was-validated .custom-range:invalid::-ms-thumb {
  background-color: #dc3545;
  background-image: none;
}
.custom-range.is-invalid::-ms-thumb:active,
.was-validated .custom-range:invalid::-ms-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}
.custom-range.is-invalid::-ms-track-lower,
.custom-range.is-invalid::-ms-track-upper,
.was-validated .custom-range:invalid::-ms-track-lower,
.was-validated .custom-range:invalid::-ms-track-upper {
  background: rgba(220, 53, 69, 0.35);
}
.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-radio.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-radio .custom-control-label:before {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-radio .custom-control-label:after {
  top: 0.3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat 50%/50% 50%;
}
.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}
.custom-radio.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-radio .custom-control-label:before {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}
.custom-radio.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-radio .custom-control-label:after {
  top: 0.21875rem;
  left: -1.3125rem;
  width: 0.875rem;
  height: 0.875rem;
  background: no-repeat 50%/50% 50%;
}
.b-rating {
  text-align: center;
}
.b-rating.d-inline-flex {
  width: auto;
}
.b-rating .b-rating-star,
.b-rating .b-rating-value {
  padding: 0 0.25em;
}
.b-rating .b-rating-value {
  min-width: 2.5em;
}
.b-rating .b-rating-star {
  display: inline-flex;
  justify-content: center;
  outline: 0;
}
.b-rating .b-rating-star .b-rating-icon {
  display: inline-flex;
  transition: all 0.15s ease-in-out;
}
.b-rating.disabled,
.b-rating:disabled {
  background-color: #e9ecef;
  color: #6c757d;
}
.b-rating:not(.disabled):not(.readonly) .b-rating-star {
  cursor: pointer;
}
.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon,
.b-rating:not(.disabled):not(.readonly):focus:not(:hover)
  .b-rating-star.focused
  .b-rating-icon {
  transform: scale(1.5);
}
.b-rating[dir="rtl"] .b-rating-star-half {
  transform: scaleX(-1);
}
.b-form-spinbutton {
  text-align: center;
  overflow: hidden;
  background-image: none;
  padding: 0;
}
.b-form-spinbutton[dir="rtl"]:not(.flex-column),
[dir="rtl"] .b-form-spinbutton:not(.flex-column) {
  flex-direction: row-reverse;
}
.b-form-spinbutton output {
  font-size: inherit;
  outline: 0;
  border: 0;
  background-color: transparent;
  width: auto;
  margin: 0;
  padding: 0 0.25rem;
}
.b-form-spinbutton output > bdi,
.b-form-spinbutton output > div {
  display: block;
  min-width: 2.25em;
  height: 1.5em;
}
.b-form-spinbutton.flex-column {
  height: auto;
  width: auto;
}
.b-form-spinbutton.flex-column output {
  margin: 0 0.25rem;
  padding: 0.25rem 0;
}
.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
  output-width: 100%;
}
.b-form-spinbutton.d-inline-flex:not(.flex-column) {
  width: auto;
}
.b-form-spinbutton .btn {
  line-height: 1;
  box-shadow: none !important;
}
.b-form-spinbutton .btn:disabled {
  pointer-events: none;
}
.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
  transform: scale(1.25);
}
.b-form-spinbutton.disabled,
.b-form-spinbutton.readonly {
  background-color: #e9ecef;
}
.b-form-spinbutton.disabled {
  pointer-events: none;
}
.b-form-tags .b-form-tags-list {
  margin-top: -0.25rem;
}
.b-form-tags .b-form-tags-list .b-form-tag,
.b-form-tags .b-form-tags-list .b-from-tags-field {
  margin-top: 0.25rem;
}
.b-form-tags.focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.b-form-tags.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.b-form-tags.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.b-form-tags.disabled {
  background-color: #e9ecef;
}
.b-form-tag {
  font-size: 75%;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 0.25rem;
}
.b-form-tag.disabled {
  opacity: 0.75;
}
.b-form-tag > button.b-form-tag-remove {
  color: inherit;
  font-size: 125%;
  line-height: 1;
  float: none;
  margin-left: 0.25rem;
}
.form-control-lg .b-form-tag,
.form-control-sm .b-form-tag {
  line-height: 1.5;
}
.media-aside {
  display: flex;
  margin-right: 1rem;
}
.media-aside-right {
  margin-right: 0;
  margin-left: 1rem;
}
.modal-backdrop {
  opacity: 0.5;
}
.b-pagination-pills .page-item .page-link {
  border-radius: 50rem !important;
  margin-left: 0.25rem;
  line-height: 1;
}
.b-pagination-pills .page-item:first-child .page-link {
  margin-left: 0;
}
.popover.b-popover {
  display: block;
  opacity: 1;
  outline: 0;
}
.popover.b-popover.fade:not(.show) {
  opacity: 0;
}
.popover.b-popover.show {
  opacity: 1;
}
.b-popover-primary.popover {
  background-color: #cce5ff;
  border-color: #b8daff;
}
.b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-primary.bs-popover-top > .arrow:before {
  border-top-color: #b8daff;
}
.b-popover-primary.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-primary.bs-popover-top > .arrow:after {
  border-top-color: #cce5ff;
}
.b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-primary.bs-popover-right > .arrow:before {
  border-right-color: #b8daff;
}
.b-popover-primary.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-primary.bs-popover-right > .arrow:after {
  border-right-color: #cce5ff;
}
.b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-primary.bs-popover-bottom > .arrow:before {
  border-bottom-color: #b8daff;
}
.b-popover-primary.bs-popover-auto[x-placement^="bottom"]
  .popover-header:before,
.b-popover-primary.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-primary.bs-popover-bottom .popover-header:before,
.b-popover-primary.bs-popover-bottom > .arrow:after {
  border-bottom-color: #bdddff;
}
.b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-primary.bs-popover-left > .arrow:before {
  border-left-color: #b8daff;
}
.b-popover-primary.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-primary.bs-popover-left > .arrow:after {
  border-left-color: #cce5ff;
}
.b-popover-primary .popover-header {
  color: #212529;
  background-color: #bdddff;
  border-bottom-color: #a3d0ff;
}
.b-popover-primary .popover-body {
  color: #004085;
}
.b-popover-secondary.popover {
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-secondary.bs-popover-top > .arrow:before {
  border-top-color: #d6d8db;
}
.b-popover-secondary.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-secondary.bs-popover-top > .arrow:after {
  border-top-color: #e2e3e5;
}
.b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-secondary.bs-popover-right > .arrow:before {
  border-right-color: #d6d8db;
}
.b-popover-secondary.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-secondary.bs-popover-right > .arrow:after {
  border-right-color: #e2e3e5;
}
.b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-secondary.bs-popover-bottom > .arrow:before {
  border-bottom-color: #d6d8db;
}
.b-popover-secondary.bs-popover-auto[x-placement^="bottom"]
  .popover-header:before,
.b-popover-secondary.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-secondary.bs-popover-bottom .popover-header:before,
.b-popover-secondary.bs-popover-bottom > .arrow:after {
  border-bottom-color: #dadbde;
}
.b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-secondary.bs-popover-left > .arrow:before {
  border-left-color: #d6d8db;
}
.b-popover-secondary.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-secondary.bs-popover-left > .arrow:after {
  border-left-color: #e2e3e5;
}
.b-popover-secondary .popover-header {
  color: #212529;
  background-color: #dadbde;
  border-bottom-color: #ccced2;
}
.b-popover-secondary .popover-body {
  color: #383d41;
}
.b-popover-success.popover {
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-success.bs-popover-top > .arrow:before {
  border-top-color: #c3e6cb;
}
.b-popover-success.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-success.bs-popover-top > .arrow:after {
  border-top-color: #d4edda;
}
.b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-success.bs-popover-right > .arrow:before {
  border-right-color: #c3e6cb;
}
.b-popover-success.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-success.bs-popover-right > .arrow:after {
  border-right-color: #d4edda;
}
.b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-success.bs-popover-bottom > .arrow:before {
  border-bottom-color: #c3e6cb;
}
.b-popover-success.bs-popover-auto[x-placement^="bottom"]
  .popover-header:before,
.b-popover-success.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-success.bs-popover-bottom .popover-header:before,
.b-popover-success.bs-popover-bottom > .arrow:after {
  border-bottom-color: #c9e8d1;
}
.b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-success.bs-popover-left > .arrow:before {
  border-left-color: #c3e6cb;
}
.b-popover-success.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-success.bs-popover-left > .arrow:after {
  border-left-color: #d4edda;
}
.b-popover-success .popover-header {
  color: #212529;
  background-color: #c9e8d1;
  border-bottom-color: #b7e1c1;
}
.b-popover-success .popover-body {
  color: #155724;
}
.b-popover-info.popover {
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-info.bs-popover-top > .arrow:before {
  border-top-color: #bee5eb;
}
.b-popover-info.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-info.bs-popover-top > .arrow:after {
  border-top-color: #d1ecf1;
}
.b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-info.bs-popover-right > .arrow:before {
  border-right-color: #bee5eb;
}
.b-popover-info.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-info.bs-popover-right > .arrow:after {
  border-right-color: #d1ecf1;
}
.b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-info.bs-popover-bottom > .arrow:before {
  border-bottom-color: #bee5eb;
}
.b-popover-info.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.b-popover-info.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-info.bs-popover-bottom .popover-header:before,
.b-popover-info.bs-popover-bottom > .arrow:after {
  border-bottom-color: #c5e7ed;
}
.b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-info.bs-popover-left > .arrow:before {
  border-left-color: #bee5eb;
}
.b-popover-info.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-info.bs-popover-left > .arrow:after {
  border-left-color: #d1ecf1;
}
.b-popover-info .popover-header {
  color: #212529;
  background-color: #c5e7ed;
  border-bottom-color: #b2dfe7;
}
.b-popover-info .popover-body {
  color: #0c5460;
}
.b-popover-warning.popover {
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-warning.bs-popover-top > .arrow:before {
  border-top-color: #ffeeba;
}
.b-popover-warning.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-warning.bs-popover-top > .arrow:after {
  border-top-color: #fff3cd;
}
.b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-warning.bs-popover-right > .arrow:before {
  border-right-color: #ffeeba;
}
.b-popover-warning.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-warning.bs-popover-right > .arrow:after {
  border-right-color: #fff3cd;
}
.b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-warning.bs-popover-bottom > .arrow:before {
  border-bottom-color: #ffeeba;
}
.b-popover-warning.bs-popover-auto[x-placement^="bottom"]
  .popover-header:before,
.b-popover-warning.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-warning.bs-popover-bottom .popover-header:before,
.b-popover-warning.bs-popover-bottom > .arrow:after {
  border-bottom-color: #ffefbe;
}
.b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-warning.bs-popover-left > .arrow:before {
  border-left-color: #ffeeba;
}
.b-popover-warning.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-warning.bs-popover-left > .arrow:after {
  border-left-color: #fff3cd;
}
.b-popover-warning .popover-header {
  color: #212529;
  background-color: #ffefbe;
  border-bottom-color: #ffe9a4;
}
.b-popover-warning .popover-body {
  color: #856404;
}
.b-popover-danger.popover {
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-danger.bs-popover-top > .arrow:before {
  border-top-color: #f5c6cb;
}
.b-popover-danger.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-danger.bs-popover-top > .arrow:after {
  border-top-color: #f8d7da;
}
.b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-danger.bs-popover-right > .arrow:before {
  border-right-color: #f5c6cb;
}
.b-popover-danger.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-danger.bs-popover-right > .arrow:after {
  border-right-color: #f8d7da;
}
.b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-danger.bs-popover-bottom > .arrow:before {
  border-bottom-color: #f5c6cb;
}
.b-popover-danger.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.b-popover-danger.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-danger.bs-popover-bottom .popover-header:before,
.b-popover-danger.bs-popover-bottom > .arrow:after {
  border-bottom-color: #f6cace;
}
.b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-danger.bs-popover-left > .arrow:before {
  border-left-color: #f5c6cb;
}
.b-popover-danger.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-danger.bs-popover-left > .arrow:after {
  border-left-color: #f8d7da;
}
.b-popover-danger .popover-header {
  color: #212529;
  background-color: #f6cace;
  border-bottom-color: #f2b4ba;
}
.b-popover-danger .popover-body {
  color: #721c24;
}
.b-popover-light.popover {
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-light.bs-popover-top > .arrow:before {
  border-top-color: #fdfdfe;
}
.b-popover-light.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-light.bs-popover-top > .arrow:after {
  border-top-color: #fefefe;
}
.b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-light.bs-popover-right > .arrow:before {
  border-right-color: #fdfdfe;
}
.b-popover-light.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-light.bs-popover-right > .arrow:after {
  border-right-color: #fefefe;
}
.b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-light.bs-popover-bottom > .arrow:before {
  border-bottom-color: #fdfdfe;
}
.b-popover-light.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.b-popover-light.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-light.bs-popover-bottom .popover-header:before,
.b-popover-light.bs-popover-bottom > .arrow:after {
  border-bottom-color: #f6f6f6;
}
.b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-light.bs-popover-left > .arrow:before {
  border-left-color: #fdfdfe;
}
.b-popover-light.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-light.bs-popover-left > .arrow:after {
  border-left-color: #fefefe;
}
.b-popover-light .popover-header {
  color: #212529;
  background-color: #f6f6f6;
  border-bottom-color: #eaeaea;
}
.b-popover-light .popover-body {
  color: #818182;
}
.b-popover-dark.popover {
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow:before,
.b-popover-dark.bs-popover-top > .arrow:before {
  border-top-color: #c6c8ca;
}
.b-popover-dark.bs-popover-auto[x-placement^="top"] > .arrow:after,
.b-popover-dark.bs-popover-top > .arrow:after {
  border-top-color: #d6d8d9;
}
.b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow:before,
.b-popover-dark.bs-popover-right > .arrow:before {
  border-right-color: #c6c8ca;
}
.b-popover-dark.bs-popover-auto[x-placement^="right"] > .arrow:after,
.b-popover-dark.bs-popover-right > .arrow:after {
  border-right-color: #d6d8d9;
}
.b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.b-popover-dark.bs-popover-bottom > .arrow:before {
  border-bottom-color: #c6c8ca;
}
.b-popover-dark.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.b-popover-dark.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.b-popover-dark.bs-popover-bottom .popover-header:before,
.b-popover-dark.bs-popover-bottom > .arrow:after {
  border-bottom-color: #ced0d2;
}
.b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow:before,
.b-popover-dark.bs-popover-left > .arrow:before {
  border-left-color: #c6c8ca;
}
.b-popover-dark.bs-popover-auto[x-placement^="left"] > .arrow:after,
.b-popover-dark.bs-popover-left > .arrow:after {
  border-left-color: #d6d8d9;
}
.b-popover-dark .popover-header {
  color: #212529;
  background-color: #ced0d2;
  border-bottom-color: #c1c4c5;
}
.b-popover-dark .popover-body {
  color: #1b1e21;
}
.b-sidebar-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: visible;
  z-index: 1035;
}
.b-sidebar-backdrop {
  left: 0;
  z-index: -1;
  width: 100vw;
  opacity: 0.6;
}
.b-sidebar,
.b-sidebar-backdrop {
  position: fixed;
  top: 0;
  height: 100vh;
}
.b-sidebar {
  display: flex;
  flex-direction: column;
  width: 320px;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  outline: 0;
  transform: translateX(0);
}
.b-sidebar.slide {
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .b-sidebar.slide {
    transition: none;
  }
}
.b-sidebar:not(.b-sidebar-right) {
  left: 0;
  right: auto;
}
.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
  transform: translateX(-100%);
}
.b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
  margin-left: auto;
}
.b-sidebar.b-sidebar-right {
  left: auto;
  right: 0;
}
.b-sidebar.b-sidebar-right.slide:not(.show) {
  transform: translateX(100%);
}
.b-sidebar.b-sidebar-right > .b-sidebar-header .close {
  margin-right: auto;
}
.b-sidebar > .b-sidebar-header {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: center;
}
[dir="rtl"] .b-sidebar > .b-sidebar-header {
  flex-direction: row-reverse;
}
.b-sidebar > .b-sidebar-header .close {
  float: none;
  font-size: 1.5rem;
}
.b-sidebar > .b-sidebar-body {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}
.b-sidebar > .b-sidebar-footer {
  flex-grow: 0;
}
.b-skeleton-wrapper {
  cursor: wait;
}
.b-skeleton {
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.12);
  cursor: wait;
  -webkit-mask-image: radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}
.b-skeleton:before {
  content: " ";
}
.b-skeleton-text {
  height: 1rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.b-skeleton-button {
  width: 75px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.b-skeleton-avatar {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
}
.b-skeleton-input {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.b-skeleton-icon-wrapper svg {
  color: rgba(0, 0, 0, 0.12);
}
.b-skeleton-img {
  height: 100%;
  width: 100%;
}
.b-skeleton-animate-wave:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(
    90deg,
    transparent,
    hsla(0, 0%, 100%, 0.4),
    transparent
  );
  -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite;
  animation: b-skeleton-animate-wave 1.75s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-wave:after {
    background: none;
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes b-skeleton-animate-wave {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes b-skeleton-animate-wave {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.b-skeleton-animate-fade {
  -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out infinite
    alternate;
  animation: b-skeleton-animate-fade 0.875s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-fade {
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes b-skeleton-animate-fade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
@keyframes b-skeleton-animate-fade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}
.b-skeleton-animate-throb {
  -webkit-animation: b-skeleton-animate-throb 0.875s ease-in infinite alternate;
  animation: b-skeleton-animate-throb 0.875s ease-in infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-skeleton-animate-throb {
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes b-skeleton-animate-throb {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.975);
  }
}
@keyframes b-skeleton-animate-throb {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0.975);
  }
}
.table.b-table.b-table-fixed {
  table-layout: fixed;
}
.table.b-table.b-table-no-border-collapse {
  border-collapse: separate;
  border-spacing: 0;
}
.table.b-table[aria-busy="true"] {
  opacity: 0.55;
}
.table.b-table > tbody > tr.b-table-details > td {
  border-top: none !important;
}
.table.b-table > caption {
  caption-side: bottom;
}
.table.b-table.b-table-caption-top > caption {
  caption-side: top !important;
}
.table.b-table > tbody > .table-active,
.table.b-table > tbody > .table-active > td,
.table.b-table > tbody > .table-active > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table.b-table.table-hover > tbody > tr.table-active:hover td,
.table.b-table.table-hover > tbody > tr.table-active:hover th {
  color: #212529;
  background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
  background-repeat: no-repeat;
}
.table.b-table > tbody > .bg-active,
.table.b-table > tbody > .bg-active > td,
.table.b-table > tbody > .bg-active > th {
  background-color: hsla(0, 0%, 100%, 0.075) !important;
}
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
  color: #fff;
  background-image: linear-gradient(
    hsla(0, 0%, 100%, 0.075),
    hsla(0, 0%, 100%, 0.075)
  );
  background-repeat: no-repeat;
}
.b-table-sticky-header,
.table-responsive,
[class*="table-responsive-"] {
  margin-bottom: 1rem;
}
.b-table-sticky-header > .table,
.table-responsive > .table,
[class*="table-responsive-"] > .table {
  margin-bottom: 0;
}
.b-table-sticky-header {
  overflow-y: auto;
  max-height: 300px;
}
@media print {
  .b-table-sticky-header {
    overflow-y: visible !important;
    max-height: none !important;
  }
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .b-table-sticky-header > .table.b-table > thead > tr > th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > tbody
    > tr
    > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > tfoot
    > tr
    > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > thead
    > tr
    > .b-table-sticky-column {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }
  .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > thead
    > tr
    > .b-table-sticky-column {
    z-index: 5;
  }
  .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
  .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
  .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > tbody
    > tr
    > .b-table-sticky-column,
  [class*="table-responsive-"]
    > .table.b-table
    > tfoot
    > tr
    > .b-table-sticky-column {
    z-index: 2;
  }
  .table.b-table > tbody > tr > .table-b-table-default,
  .table.b-table > tfoot > tr > .table-b-table-default,
  .table.b-table > thead > tr > .table-b-table-default {
    color: #212529;
    background-color: #fff;
  }
  .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
  .table.b-table.table-dark > tfoot > tr > .bg-b-table-default,
  .table.b-table.table-dark > thead > tr > .bg-b-table-default {
    color: #fff;
    background-color: #343a40;
  }
  .table.b-table.table-striped
    > tbody
    > tr:nth-of-type(odd)
    > .table-b-table-default {
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-striped.table-dark
    > tbody
    > tr:nth-of-type(odd)
    > .bg-b-table-default {
    background-image: linear-gradient(
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0.05)
    );
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
    color: #212529;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.075),
      rgba(0, 0, 0, 0.075)
    );
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover.table-dark
    > tbody
    > tr:hover
    > .bg-b-table-default {
    color: #fff;
    background-image: linear-gradient(
      hsla(0, 0%, 100%, 0.075),
      hsla(0, 0%, 100%, 0.075)
    );
    background-repeat: no-repeat;
  }
}
.table.b-table > tfoot > tr > [aria-sort],
.table.b-table > thead > tr > [aria-sort] {
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0.65em 1em;
}
.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right 0.375rem center;
  padding-right: calc(0.75rem + 0.65em);
}
.table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left 0.375rem center;
  padding-left: calc(0.75rem + 0.65em);
}
.table.b-table > tfoot > tr > [aria-sort="none"],
.table.b-table > thead > tr > [aria-sort="none"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table > tfoot > tr > [aria-sort="ascending"],
.table.b-table > thead > tr > [aria-sort="ascending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table > tfoot > tr > [aria-sort="descending"],
.table.b-table > thead > tr > [aria-sort="descending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table.table-dark > tfoot > tr > [aria-sort="none"],
.table.b-table.table-dark > thead > tr > [aria-sort="none"],
.table.b-table > .thead-dark > tr > [aria-sort="none"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table.table-dark > tfoot > tr > [aria-sort="ascending"],
.table.b-table.table-dark > thead > tr > [aria-sort="ascending"],
.table.b-table > .thead-dark > tr > [aria-sort="ascending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table.table-dark > tfoot > tr > [aria-sort="descending"],
.table.b-table.table-dark > thead > tr > [aria-sort="descending"],
.table.b-table > .thead-dark > tr > [aria-sort="descending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table > tfoot > tr > .table-dark[aria-sort="none"],
.table.b-table > thead > tr > .table-dark[aria-sort="none"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table > tfoot > tr > .table-dark[aria-sort="ascending"],
.table.b-table > thead > tr > .table-dark[aria-sort="ascending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table > tfoot > tr > .table-dark[aria-sort="descending"],
.table.b-table > thead > tr > .table-dark[aria-sort="descending"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}
.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table.table-sm
  > thead
  > tr
  > [aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right 0.15rem center;
  padding-right: calc(0.3rem + 0.65em);
}
.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left {
  background-position: left 0.15rem center;
  padding-left: calc(0.3rem + 0.65em);
}
.table.b-table.b-table-selectable:not(.b-table-selectable-no-click)
  > tbody
  > tr {
  cursor: pointer;
}
.table.b-table.b-table-selectable:not(
    .b-table-selectable-no-click
  ).b-table-selecting.b-table-select-range
  > tbody
  > tr {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 575.98px) {
  .table.b-table.b-table-stacked-sm {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-sm > caption,
  .table.b-table.b-table-stacked-sm > tbody,
  .table.b-table.b-table-stacked-sm > tbody > tr,
  .table.b-table.b-table-stacked-sm > tbody > tr > td,
  .table.b-table.b-table-stacked-sm > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-sm > tfoot,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm > thead,
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 0.5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-sm > tbody > tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child,
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 767.98px) {
  .table.b-table.b-table-stacked-md {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-md > caption,
  .table.b-table.b-table-stacked-md > tbody,
  .table.b-table.b-table-stacked-md > tbody > tr,
  .table.b-table.b-table-stacked-md > tbody > tr > td,
  .table.b-table.b-table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-md > tfoot,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-md > thead,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 0.5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-md > tbody > tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md > tbody > tr > :first-child,
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 991.98px) {
  .table.b-table.b-table-stacked-lg {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-lg > caption,
  .table.b-table.b-table-stacked-lg > tbody,
  .table.b-table.b-table-stacked-lg > tbody > tr,
  .table.b-table.b-table-stacked-lg > tbody > tr > td,
  .table.b-table.b-table-stacked-lg > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-lg > tfoot,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg > thead,
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 0.5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-lg > tbody > tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg > tbody > tr > :first-child,
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
@media (max-width: 1199.98px) {
  .table.b-table.b-table-stacked-xl {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-xl > caption,
  .table.b-table.b-table-stacked-xl > tbody,
  .table.b-table.b-table-stacked-xl > tbody > tr,
  .table.b-table.b-table-stacked-xl > tbody > tr > td,
  .table.b-table.b-table-stacked-xl > tbody > tr > th {
    display: block;
  }
  .table.b-table.b-table-stacked-xl > tfoot,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl > thead,
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 0.5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 0.5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row,
  .table.b-table.b-table-stacked-xl > tbody > tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl > tbody > tr > :first-child,
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
  .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
    border-top-width: 3px;
  }
}
.table.b-table.b-table-stacked {
  display: block;
  width: 100%;
}
.table.b-table.b-table-stacked > caption,
.table.b-table.b-table-stacked > tbody,
.table.b-table.b-table-stacked > tbody > tr,
.table.b-table.b-table-stacked > tbody > tr > td,
.table.b-table.b-table-stacked > tbody > tr > th {
  display: block;
}
.table.b-table.b-table-stacked > tfoot,
.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked > thead,
.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked > thead > tr.b-table-top-row {
  display: none;
}
.table.b-table.b-table-stacked > caption {
  caption-side: top !important;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]:before {
  content: attr(data-label);
  width: 40%;
  float: left;
  text-align: right;
  word-wrap: break-word;
  font-weight: 700;
  font-style: normal;
  padding: 0 0.5rem 0 0;
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]:after {
  display: block;
  clear: both;
  content: "";
}
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
  display: inline-block;
  width: 60%;
  padding: 0 0 0 0.5rem;
  margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr.bottom-row,
.table.b-table.b-table-stacked > tbody > tr.top-row {
  display: none;
}
.table.b-table.b-table-stacked > tbody > tr > :first-child,
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
.table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
  border-top-width: 3px;
}
.b-time {
  min-width: 150px;
}
.b-time[aria-disabled="true"] output,
.b-time[aria-readonly="true"] output,
.b-time output.disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.b-time[aria-disabled="true"] output {
  pointer-events: none;
}
[dir="rtl"] .b-time > .d-flex:not(.flex-column) {
  flex-direction: row-reverse;
}
.b-time .b-time-header {
  margin-bottom: 0.5rem;
}
.b-time .b-time-header output {
  padding: 0.25rem;
  font-size: 80%;
}
.b-time .b-time-footer {
  margin-top: 0.5rem;
}
.b-time .b-time-ampm {
  margin-left: 0.5rem;
}
.b-toast {
  display: block;
  position: relative;
  max-width: 350px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: 0.25rem;
}
.b-toast .toast {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.b-toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.b-toast.b-toast-solid .toast {
  background-color: #fff;
}
.b-toast .toast {
  opacity: 1;
}
.b-toast .toast.fade:not(.show) {
  opacity: 0;
}
.b-toast .toast .toast-body {
  display: block;
}
.b-toast-primary .toast {
  background-color: rgba(230, 242, 255, 0.85);
  border-color: rgba(184, 218, 255, 0.85);
  color: #004085;
}
.b-toast-primary .toast .toast-header {
  color: #004085;
  background-color: rgba(204, 229, 255, 0.85);
  border-bottom-color: rgba(184, 218, 255, 0.85);
}
.b-toast-primary.b-toast-solid .toast {
  background-color: #e6f2ff;
}
.b-toast-secondary .toast {
  background-color: rgba(239, 240, 241, 0.85);
  border-color: rgba(214, 216, 219, 0.85);
  color: #383d41;
}
.b-toast-secondary .toast .toast-header {
  color: #383d41;
  background-color: rgba(226, 227, 229, 0.85);
  border-bottom-color: rgba(214, 216, 219, 0.85);
}
.b-toast-secondary.b-toast-solid .toast {
  background-color: #eff0f1;
}
.b-toast-success .toast {
  background-color: rgba(230, 245, 233, 0.85);
  border-color: rgba(195, 230, 203, 0.85);
  color: #155724;
}
.b-toast-success .toast .toast-header {
  color: #155724;
  background-color: rgba(212, 237, 218, 0.85);
  border-bottom-color: rgba(195, 230, 203, 0.85);
}
.b-toast-success.b-toast-solid .toast {
  background-color: #e6f5e9;
}
.b-toast-info .toast {
  background-color: rgba(229, 244, 247, 0.85);
  border-color: rgba(190, 229, 235, 0.85);
  color: #0c5460;
}
.b-toast-info .toast .toast-header {
  color: #0c5460;
  background-color: rgba(209, 236, 241, 0.85);
  border-bottom-color: rgba(190, 229, 235, 0.85);
}
.b-toast-info.b-toast-solid .toast {
  background-color: #e5f4f7;
}
.b-toast-warning .toast {
  background-color: rgba(255, 249, 231, 0.85);
  border-color: rgba(255, 238, 186, 0.85);
  color: #856404;
}
.b-toast-warning .toast .toast-header {
  color: #856404;
  background-color: rgba(255, 243, 205, 0.85);
  border-bottom-color: rgba(255, 238, 186, 0.85);
}
.b-toast-warning.b-toast-solid .toast {
  background-color: #fff9e7;
}
.b-toast-danger .toast {
  background-color: rgba(252, 237, 238, 0.85);
  border-color: rgba(245, 198, 203, 0.85);
  color: #721c24;
}
.b-toast-danger .toast .toast-header {
  color: #721c24;
  background-color: rgba(248, 215, 218, 0.85);
  border-bottom-color: rgba(245, 198, 203, 0.85);
}
.b-toast-danger.b-toast-solid .toast {
  background-color: #fcedee;
}
.b-toast-light .toast {
  background-color: hsla(0, 0%, 100%, 0.85);
  border-color: rgba(253, 253, 254, 0.85);
  color: #818182;
}
.b-toast-light .toast .toast-header {
  color: #818182;
  background-color: hsla(0, 0%, 99.6%, 0.85);
  border-bottom-color: rgba(253, 253, 254, 0.85);
}
.b-toast-light.b-toast-solid .toast {
  background-color: #fff;
}
.b-toast-dark .toast {
  background-color: rgba(227, 229, 229, 0.85);
  border-color: rgba(198, 200, 202, 0.85);
  color: #1b1e21;
}
.b-toast-dark .toast .toast-header {
  color: #1b1e21;
  background-color: rgba(214, 216, 217, 0.85);
  border-bottom-color: rgba(198, 200, 202, 0.85);
}
.b-toast-dark.b-toast-solid .toast {
  background-color: #e3e5e5;
}
.b-toaster {
  z-index: 1100;
}
.b-toaster .b-toaster-slot {
  position: relative;
  display: block;
}
.b-toaster .b-toaster-slot:empty {
  display: none !important;
}
.b-toaster.b-toaster-bottom-center,
.b-toaster.b-toaster-bottom-full,
.b-toaster.b-toaster-bottom-left,
.b-toaster.b-toaster-bottom-right,
.b-toaster.b-toaster-top-center,
.b-toaster.b-toaster-top-full,
.b-toaster.b-toaster-top-left,
.b-toaster.b-toaster-top-right {
  position: fixed;
  left: 0.5rem;
  right: 0.5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  position: absolute;
  max-width: 350px;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-top-full .b-toaster-slot .toast {
  width: 100%;
  max-width: 100%;
}
.b-toaster.b-toaster-top-center,
.b-toaster.b-toaster-top-full,
.b-toaster.b-toaster-top-left,
.b-toaster.b-toaster-top-right {
  top: 0;
}
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  top: 0.5rem;
}
.b-toaster.b-toaster-bottom-center,
.b-toaster.b-toaster-bottom-full,
.b-toaster.b-toaster-bottom-left,
.b-toaster.b-toaster-bottom-right {
  bottom: 0;
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot {
  bottom: 0.5rem;
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  margin-left: auto;
}
.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot {
  margin-right: auto;
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-move {
  transition: transform 0.175s;
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade {
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active {
  position: absolute;
  transition-delay: 0.175s;
}
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade {
  transition-delay: 0s;
}
.tooltip.b-tooltip {
  display: block;
  opacity: 0.9;
  outline: 0;
}
.tooltip.b-tooltip.fade:not(.show) {
  opacity: 0;
}
.tooltip.b-tooltip.show {
  opacity: 0.9;
}
.tooltip.b-tooltip.noninteractive {
  pointer-events: none;
}
.tooltip.b-tooltip .arrow {
  margin: 0 0.25rem;
}
.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow,
.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow,
.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow,
.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"]
  .arrow,
.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"]
  .arrow,
.tooltip.b-tooltip.bs-tooltip-left .arrow,
.tooltip.b-tooltip.bs-tooltip-right .arrow {
  margin: 0.25rem 0;
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-top .arrow:before {
  border-top-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-right .arrow:before {
  border-right-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #007bff;
}
.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-left .arrow:before {
  border-left-color: #007bff;
}
.tooltip.b-tooltip-primary .tooltip-inner {
  color: #fff;
  background-color: #007bff;
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow:before {
  border-top-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="right"]
  .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow:before {
  border-right-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"]
  .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #6c757d;
}
.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow:before {
  border-left-color: #6c757d;
}
.tooltip.b-tooltip-secondary .tooltip-inner {
  color: #fff;
  background-color: #6c757d;
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-top .arrow:before {
  border-top-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-right .arrow:before {
  border-right-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #28a745;
}
.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-left .arrow:before {
  border-left-color: #28a745;
}
.tooltip.b-tooltip-success .tooltip-inner {
  color: #fff;
  background-color: #28a745;
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-top .arrow:before {
  border-top-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-right .arrow:before {
  border-right-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #17a2b8;
}
.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-left .arrow:before {
  border-left-color: #17a2b8;
}
.tooltip.b-tooltip-info .tooltip-inner {
  color: #fff;
  background-color: #17a2b8;
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-top .arrow:before {
  border-top-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-right .arrow:before {
  border-right-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #ffc107;
}
.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-left .arrow:before {
  border-left-color: #ffc107;
}
.tooltip.b-tooltip-warning .tooltip-inner {
  color: #212529;
  background-color: #ffc107;
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-top .arrow:before {
  border-top-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-right .arrow:before {
  border-right-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #dc3545;
}
.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-left .arrow:before {
  border-left-color: #dc3545;
}
.tooltip.b-tooltip-danger .tooltip-inner {
  color: #fff;
  background-color: #dc3545;
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-top .arrow:before {
  border-top-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-right .arrow:before {
  border-right-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #f8f9fa;
}
.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-left .arrow:before {
  border-left-color: #f8f9fa;
}
.tooltip.b-tooltip-light .tooltip-inner {
  color: #212529;
  background-color: #f8f9fa;
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-top .arrow:before {
  border-top-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-right .arrow:before {
  border-right-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #343a40;
}
.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-left .arrow:before {
  border-left-color: #343a40;
}
.tooltip.b-tooltip-dark .tooltip-inner {
  color: #fff;
  background-color: #343a40;
}
.b-icon.bi {
  display: inline-block;
  overflow: visible;
  vertical-align: -0.15em;
}
.b-icon.b-icon-animation-cylon,
.b-icon.b-iconstack .b-icon-animation-cylon > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-cylon 0.75s ease-in-out infinite alternate;
  animation: b-icon-animation-cylon 0.75s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-cylon,
  .b-icon.b-iconstack .b-icon-animation-cylon > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-cylon-vertical,
.b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-cylon-vertical 0.75s ease-in-out infinite
    alternate;
  animation: b-icon-animation-cylon-vertical 0.75s ease-in-out infinite
    alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-cylon-vertical,
  .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-fade,
.b-icon.b-iconstack .b-icon-animation-fade > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-fade 0.75s ease-in-out infinite alternate;
  animation: b-icon-animation-fade 0.75s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-fade,
  .b-icon.b-iconstack .b-icon-animation-fade > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-spin,
.b-icon.b-iconstack .b-icon-animation-spin > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-spin 2s linear infinite normal;
  animation: b-icon-animation-spin 2s linear infinite normal;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin,
  .b-icon.b-iconstack .b-icon-animation-spin > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-reverse,
.b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
  transform-origin: center;
  animation: b-icon-animation-spin 2s linear infinite reverse;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-reverse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-pulse,
.b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-spin 1s steps(8) infinite normal;
  animation: b-icon-animation-spin 1s steps(8) infinite normal;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-spin-reverse-pulse,
.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
  transform-origin: center;
  animation: b-icon-animation-spin 1s steps(8) infinite reverse;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-spin-reverse-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
    -webkit-animation: none;
    animation: none;
  }
}
.b-icon.b-icon-animation-throb,
.b-icon.b-iconstack .b-icon-animation-throb > g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-throb 0.75s ease-in-out infinite alternate;
  animation: b-icon-animation-throb 0.75s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .b-icon.b-icon-animation-throb,
  .b-icon.b-iconstack .b-icon-animation-throb > g {
    -webkit-animation: none;
    animation: none;
  }
}
@-webkit-keyframes b-icon-animation-cylon {
  0% {
    transform: translateX(-25%);
  }
  to {
    transform: translateX(25%);
  }
}
@keyframes b-icon-animation-cylon {
  0% {
    transform: translateX(-25%);
  }
  to {
    transform: translateX(25%);
  }
}
@-webkit-keyframes b-icon-animation-cylon-vertical {
  0% {
    transform: translateY(25%);
  }
  to {
    transform: translateY(-25%);
  }
}
@keyframes b-icon-animation-cylon-vertical {
  0% {
    transform: translateY(25%);
  }
  to {
    transform: translateY(-25%);
  }
}
@-webkit-keyframes b-icon-animation-fade {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
@keyframes b-icon-animation-fade {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes b-icon-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes b-icon-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes b-icon-animation-throb {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes b-icon-animation-throb {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.btn .b-icon.bi,
.dropdown-item .b-icon.bi,
.dropdown-toggle .b-icon.bi,
.input-group-text .b-icon.bi,
.nav-link .b-icon.bi {
  font-size: 125%;
  vertical-align: text-bottom;
}
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
@font-face {
  font-family: "-regular-black";
  src: url(../fonts/Roboto-Black.1224b64.ttf);
}
@font-face {
  font-family: "-regular-regular";
  src: url(../fonts/Roboto-Regular.03523cf.ttf);
}
@font-face {
  font-family: "-regular-light";
  src: url(../fonts/Roboto-Light.0cea398.ttf);
}
@font-face {
  font-family: "amanise";
  src: url(../fonts/Amanise.f73e260.ttf);
}
@font-face {
  font-family: "honey-carrot";
  src: url(../fonts/Honey-Carrot.5d786cf.ttf);
}
@font-face {
  font-family: "brittney-signature";
  src: url(../fonts/Brittney%20Signature.80881c0.ttf);
}
@font-face {
  font-family: "julietta-messie";
  src: url(../fonts/Julietta-Messie.9602406.otf);
}
@font-face {
  font-family: "malatan";
  src: url(../fonts/malatan.d7422f1.ttf);
}
@font-face {
  font-family: "monarda";
  src: url(../fonts/monarda.3269452.ttf);
}
@font-face {
  font-family: "maxcellent";
  src: url(../fonts/maxcellent.1a85346.ttf);
}
@font-face {
  font-family: "salty";
  src: url(../fonts/salty.1e386ee.ttf);
}
@font-face {
  font-family: "twinkle";
  src: url(../fonts/twinkle.5439246.ttf);
}
@font-face {
  font-family: "meylina";
  src: url(../fonts/Meylina_DEMO.618ead9.ttf);
}
@font-face {
  font-family: "billy_signature";
  src: url(../fonts/billy_signature.342ac43.ttf);
}
@font-face {
  font-family: "the_seasons";
  src: url(../fonts/the_seasons.2b16f8c.ttf);
}
@font-face {
  font-family: "rosemary_jasmine";
  src: url(../fonts/Rosemary-Jasmine.76fcb97.ttf);
}
@font-face {
  font-family: "halimun";
  src: url(../fonts/Halimun-W7jn.d49fc08.ttf);
}
@font-face {
  font-family: "richard_hamilton";
  src: url(../fonts/Richard-Hamilton.2a56f5a.ttf);
}
@font-face {
  font-family: "bebas_neu";
  src: url(../fonts/bebas_neu.c501e16.ttf);
}
@font-face {
  font-family: "comforta";
  src: url(../fonts/comforta.c6eb380.ttf);
}
@font-face {
  font-family: "slim_summer";
  src: url(../fonts/slim_summer.e8efb1e.otf);
}
@font-face {
  font-family: "old_types";
  src: url(../fonts/old_types.db3851a.ttf);
}
@font-face {
  font-family: "javassoul";
  src: url(../fonts/javassoul.8fa36a0.ttf);
}
@font-face {
  font-family: "geshana";
  src: url(../fonts/geshana.d4e88c5.ttf);
}
@font-face {
  font-family: "diamond_bridge";
  src: url(../fonts/Diamond-Bridge.4605041.ttf);
}
@font-face {
  font-family: "sacramento";
  src: url(../fonts/Sacramento-Regular.5bd7d52.ttf);
}
@font-face {
  font-family: "aviano_didone";
  src: url(../fonts/aviano-didone.a666887.ttf);
}
@font-face {
  font-family: "new_york";
  src: url(../fonts/NewYork.e934fc1.otf);
}
@font-face {
  font-family: "monesta_light";
  src: url(../fonts/monesta-light.299313a.otf);
}
@font-face {
  font-family: "dream_avenue";
  src: url(../fonts/Dream-Avenue.93bc834.otf);
}
@font-face {
  font-family: "canela";
  src: url(../fonts/canela.bce800d.ttf);
}
@font-face {
  font-family: "photograph";
  src: url(../fonts/photograph.fd3e04e.ttf);
}
@font-face {
  font-family: "aire";
  src: url(../fonts/aire.19425de.otf);
}
@font-face {
  font-family: "liana";
  src: url(../fonts/Liana.58d5741.ttf);
}
@font-face {
  font-family: "avander";
  src: url(../fonts/Avander.dcb57a2.otf);
}
@font-face {
  font-family: "lovelace";
  src: url(../fonts/lovelace.0d670d7.ttf);
}
@font-face {
  font-family: "matsury";
  src: url(../fonts/matsury.c4ae511.otf);
}
@font-face {
  font-family: "tan_mon_cheri";
  src: url(../fonts/TAN-MON-CHERI.f8ff56e.otf);
}
@font-face {
  font-family: "lucian";
  src: url(../fonts/Lucian.b07dccd.ttf);
}
#coupleProfile h4 {
  font-size: 2rem;
}
.font-rosemary_jasmine-title #coupleProfile h4 {
  font-size: 3.4rem;
  line-height: 0.5;
}
.font-rosemary_jasmine-title #countdown li span b {
  font-size: 6rem;
  line-height: 0.5;
}
.font-rosemary_jasmine-title #pay h1,
.font-rosemary_jasmine-title .content-layout section h1 {
  font-size: 5rem;
  line-height: 0.5;
}
.font-rosemary_jasmine-title h1 {
  font-family: "rosemary_jasmine";
  font-size: 4.5rem;
  line-height: 0.5 !important;
}
.font-rosemary_jasmine-title h4.premium-title {
  font-family: "rosemary_jasmine" !important;
  font-size: 30px;
}
.font-rosemary_jasmine-title .naming {
  font-size: 2.8rem;
  font-family: "rosemary_jasmine";
  line-height: 0.7 !important;
}
.font-honey-carrot-title h1 {
  font-family: "honey-carrot";
}
.font-honey-carrot-title h4.premium-title {
  font-family: "honey-carrot" !important;
  font-size: 30px;
}
.font-honey-carrot-title #pay h1,
.font-honey-carrot-title .content-layout section h1 {
  font-size: 2.7rem;
}
.font-honey-carrot-title #countdown li span b {
  font-size: 2rem;
}
.font-honey-carrot-title .naming {
  font-size: 1.5rem;
  font-family: "honey-carrot" !important;
}
.font-javassoul-title h1 {
  font-family: "javassoul";
}
.font-javassoul-title h4.premium-title {
  font-family: "javassoul" !important;
  font-size: 30px;
}
.font-javassoul-title .naming {
  font-size: 1.5rem;
  font-family: "javassoul" !important;
}
.font-julietta-messie-title h1 {
  font-family: "julietta-messie";
}
.font-julietta-messie-title h4.premium-title {
  font-family: "julietta-messie" !important;
  font-size: 30px;
}
.font-julietta-messie-title .naming {
  font-size: 1.6rem;
  font-family: "julietta-messie";
}
.font-brittney-signature-title h1 {
  font-family: "brittney-signature";
  font-size: 5rem !important;
  line-height: 0.8 !important;
}
.font-brittney-signature-title h4.premium-title {
  font-family: "brittney-signature" !important;
  font-size: 40px;
}
.font-brittney-signature-title #coupleProfile h4 {
  font-size: 3rem;
}
.font-brittney-signature-title #countdown li span b {
  font-size: 4rem;
}
.font-brittney-signature-title .naming {
  font-size: 2.5rem;
  font-family: "brittney-signature";
  line-height: 1 !important;
}
.font-richard_hamilton-title h1 {
  font-family: "richard_hamilton";
  font-size: 38px !important;
}
.font-richard_hamilton-title h4.premium-title {
  font-family: "richard_hamilton" !important;
  font-size: 38px;
}
.font-richard_hamilton-title #coupleProfile h4 {
  font-size: 32px;
}
.font-richard_hamilton-title .naming {
  font-size: 1.1rem;
  font-family: "richard_hamilton";
}
.font-richard_hamilton-title #countdown li span b {
  font-size: 2rem;
}
.font-comforta-title h1 {
  font-family: "comforta";
  font-size: 33px !important;
  letter-spacing: -2px;
}
.font-comforta-title h4.premium-title {
  font-family: "comforta" !important;
  font-size: 33px;
}
.font-comforta-title #coupleProfile h4 {
  font-size: 28px;
}
.font-comforta-title #countdown li span b {
  font-size: 30px;
}
.font-comforta-title .naming {
  font-size: 1.1rem;
  font-family: "comforta";
}
.font-bebas_neu-title h1 {
  font-family: "bebas_neu";
  font-size: 40px !important;
}
.font-bebas_neu-title h4.premium-title {
  font-family: "bebas_neu" !important;
  font-size: 40px;
}
.font-bebas_neu-title #coupleProfile h4 {
  font-size: 32px;
}
.font-bebas_neu-title .naming {
  font-size: 1.3rem;
  font-family: "bebas_neu";
}
.font-halimun-title h1 {
  font-family: "halimun";
  font-size: 28px !important;
}
.font-halimun-title h4.premium-title {
  font-family: "halimun" !important;
  font-size: 28px;
}
.font-halimun-title #coupleProfile h4 {
  font-size: 22px;
}
.font-halimun-title .naming {
  font-size: 1.1rem;
  font-family: "halimun";
}
.font-meylina-title h1 {
  font-family: "meylina";
}
.font-meylina-title h4.premium-title {
  font-family: "meylina" !important;
  font-size: 30px;
}
.font-meylina-title .naming {
  font-size: 1.5rem;
  font-family: "meylina";
}
section .title-text {
  padding-left: 10%;
  padding-right: 10%;
}
.font-malatan-title h1 {
  font-family: "malatan";
}
.font-malatan-title h4.premium-title {
  font-family: "malatan" !important;
  font-size: 30px;
}
.font-malatan-title #pay h1,
.font-malatan-title .content-layout section h1 {
  font-size: 2.6rem;
}
.font-malatan-title .naming {
  font-size: 1.2rem;
  font-family: "malatan";
}
.font-monarda-title h1 {
  font-family: "monarda";
}
.font-monarda-title h4.premium-title {
  font-family: "monarda" !important;
  font-size: 30px;
}
.font-monarda-title #pay h1,
.font-monarda-title .content-layout section h1 {
  font-size: 2.6rem;
}
.font-monarda-title .naming {
  font-size: 1.2rem;
  font-family: "monarda";
}
.item-rundown a {
  margin-top: 15px;
}
.font-maxcellent-title h1 {
  font-family: "maxcellent";
}
.font-maxcellent-title #pay h1,
.font-maxcellent-title section h1 {
  font-size: 2.7rem;
}
.font-maxcellent-title #welcome h1 {
  font-size: 2.7rem !important;
}
.font-maxcellent-title h4.premium-title {
  font-family: "maxcellent" !important;
  font-size: 30px;
}
.font-maxcellent-title #pay h1,
.font-maxcellent-title .content-layout section h1 {
  font-size: 2.3rem;
}
.font-maxcellent-title .naming {
  font-size: 1.1rem;
  font-family: "maxcellent";
}
.font-salty-title h1 {
  font-family: "salty";
  line-height: 0.8 !important;
}
.font-salty-title h4.premium-title {
  font-family: "salty" !important;
  font-size: 30px;
}
.font-salty-title .naming {
  font-size: 1.5rem;
  font-family: "salty";
}
.font-twinkle-title h1 {
  font-family: "twinkle";
  line-height: 0.8 !important;
}
.font-twinkle-title h4.premium-title {
  font-family: "twinkle" !important;
  font-size: 30px;
}
.font-twinkle-title .naming {
  font-size: 1.4rem;
  font-family: "twinkle";
}
.font-amanise-title h1 {
  font-family: "amanise";
}
.font-amanise-title h4.premium-title {
  font-family: "amanise" !important;
  font-size: 30px;
}
.font-amanise-title .naming {
  font-size: 1.4rem;
  font-family: "amanise";
}
.font-billy_signature-title h1 {
  font-family: "billy_signature";
}
.font-billy_signature-title #pay h1,
.font-billy_signature-title section h1 {
  font-size: 3rem;
}
.font-billy_signature-title #welcome h1 {
  font-size: 2.7rem !important;
}
.font-billy_signature-title #pay h1,
.font-billy_signature-title .content-layout section h1 {
  font-size: 2.3rem;
}
.font-billy_signature-title #countdown li span b {
  font-size: 2rem;
}
.font-billy_signature-title .naming {
  font-size: 1.2rem;
  font-family: "billy_signature";
}
.font-the_seasons-title h1 {
  font-family: "the_seasons";
}
.font-the_seasons-title #pay h1,
.font-the_seasons-title section h1 {
  font-size: 3rem;
}
.font-the_seasons-title #welcome h1 {
  font-size: 2.7rem !important;
}
.font-the_seasons-title #pay h1,
.font-the_seasons-title .content-layout section h1 {
  font-size: 2.3rem;
}
.font-the_seasons-title #countdown li span b {
  font-size: 2rem;
}
.font-the_seasons-title .naming {
  font-size: 1.2rem;
  font-family: "the_seasons";
}
.font-old_types-title h1 {
  font-family: "old_types";
}
.font-old_types-title #pay h1,
.font-old_types-title section h1 {
  font-size: 2.5rem;
}
.font-old_types-title #pay h1,
.font-old_types-title .content-layout section h1 {
  font-size: 2.3rem;
}
.font-old_types-title #welcome h1 {
  font-size: 3rem !important;
}
.font-old_types-title #countdown li span b {
  font-size: 2rem;
}
.font-old_types-title .naming {
  font-size: 1.1rem;
  font-family: "old_types";
}
.font-slim_summer-title h1 {
  font-family: "slim_summer";
}
.font-slim_summer-title .naming {
  font-size: 1.5rem;
  font-family: "slim_summer";
}
.font-sacramento-title h1 {
  font-family: "sacramento";
}
.font-sacramento-title #pay h1,
.font-sacramento-title section h1 {
  font-size: 2.5rem;
}
.font-sacramento-title #countdown li span b {
  font-size: 2rem;
}
.font-sacramento-title .naming {
  font-size: 1.7rem;
  font-family: "sacramento";
}
.font-geshana-title h1 {
  font-family: "geshana";
}
.font-geshana-title #pay h1,
.font-geshana-title section h1 {
  font-size: 2.5rem;
}
.font-geshana-title .naming {
  font-size: 1.5rem;
  font-family: "geshana";
  line-height: 0.5;
}
.font-geshana-title #countdown li span b {
  font-size: 2.5rem;
}
.font-diamond_bridge-title h1 {
  font-family: "diamond_bridge";
}
.font-diamond_bridge-title #pay h1,
.font-diamond_bridge-title .content-layout section h1,
.font-diamond_bridge-title section h1 {
  font-size: 2.3rem;
}
.font-diamond_bridge-title .naming {
  font-size: 1.2rem;
  font-family: "diamond_bridge";
  line-height: 0.5;
}
.font-diamond_bridge-title #countdown li span b {
  font-size: 2rem;
}
.font-aviano_didone-title h1 {
  font-family: "aviano_didone";
}
.font-aviano_didone-title #pay h1,
.font-aviano_didone-title .content-layout section h1,
.font-aviano_didone-title section h1 {
  font-size: 26px;
}
.font-aviano_didone-title .naming {
  font-size: 14px;
  font-family: "aviano_didone";
  line-height: 0.5;
}
.font-aviano_didone-title #countdown li span b {
  font-size: 2rem;
}
.font-libre-baskerville-title #pay h1,
.font-libre-baskerville-title h1 {
  font-family: "Libre Baskerville", serif;
}
.font-libre-baskerville-title .naming {
  font-size: 14px;
  font-family: "Libre Baskerville", serif;
  line-height: 0.5;
}
.font-new_york-title h1 {
  font-family: "new_york";
}
.font-new_york-title #pay h1,
.font-new_york-title .content-layout section h1,
.font-new_york-title section h1 {
  font-size: 26px;
}
.font-new_york-title .naming {
  font-size: 16px;
  font-family: "new_york";
  line-height: 0.5;
}
.font-new_york-title #countdown li span b {
  font-size: 2rem;
}
.font-monesta_light-title h1 {
  font-family: "monesta_light";
}
.font-monesta_light-title #pay h1,
.font-monesta_light-title .content-layout section h1,
.font-monesta_light-title section h1 {
  font-size: 26px;
}
.font-monesta_light-title .naming {
  font-size: 16px;
  font-family: "monesta_light";
  line-height: 0.5;
}
.font-monesta_light-title #countdown li span b {
  font-size: 2rem;
}
.font-dream_avenue-title h1 {
  font-family: "dream_avenue";
}
.font-dream_avenue-title #pay h1,
.font-dream_avenue-title .content-layout section h1,
.font-dream_avenue-title section h1 {
  font-size: 26px;
}
.font-dream_avenue-title .naming {
  font-size: 16px;
  font-family: "dream_avenue";
  line-height: 0.5;
}
.font-dream_avenue-title #countdown li span b {
  font-size: 2rem;
}
.font-canela-title h1 {
  font-family: "canela";
}
.font-canela-title section h1 {
  font-size: 26px;
}
.font-canela-title #pay h1,
.font-canela-title .content-layout section h1 {
  font-size: 40px;
}
.font-canela-title .naming {
  font-size: 30px;
  font-family: "canela";
  line-height: 0.5;
}
.font-canela-title #countdown li b {
  font-size: 9px;
}
.font-canela-title #countdown li span b {
  font-size: 1.5rem;
  font-family: "roboto-regular";
}
.font-canela-title #countodn li span {
  line-height: 1.2;
  margin-top: -10px;
}
.font-photograph-title h1 {
  font-family: "photograph";
}
.font-photograph-title #pay h1,
.font-photograph-title .content-layout section h1,
.font-photograph-title section h1 {
  font-size: 26px;
}
.font-photograph-title .naming {
  font-size: 16px;
  font-family: "photograph";
  line-height: 0.5;
}
.font-photograph-title #countdown li span b {
  font-size: 2rem;
}
.font-aire-title h1 {
  font-family: "aire";
}
.font-aire-title #pay h1,
.font-aire-title .content-layout section h1,
.font-aire-title section h1 {
  font-size: 26px;
}
.font-aire-title .naming {
  font-size: 16px;
  font-family: "aire";
  line-height: 0.5;
}
.font-aire-title #countdown li span b {
  font-size: 2rem;
}
.font-liana-title h1 {
  font-family: "liana";
}
.font-liana-title #pay h1,
.font-liana-title .content-layout section h1,
.font-liana-title section h1 {
  font-size: 26px;
}
.font-liana-title .naming {
  font-size: 16px;
  font-family: "liana";
  line-height: 0.5;
}
.font-liana-title #countdown li span b {
  font-size: 2rem;
}
.font-avander-title h1 {
  font-family: "avander";
}
.font-avander-title #pay h1,
.font-avander-title .content-layout section h1,
.font-avander-title section h1 {
  font-size: 26px;
}
.font-avander-title .naming {
  font-size: 16px;
  font-family: "avander";
  line-height: 0.5;
}
.font-avander-title #countdown li span b {
  font-size: 2rem;
}
.font-lovelace-title h1 {
  font-family: "lovelace";
}
.font-lovelace-title #pay h1,
.font-lovelace-title .content-layout section h1,
.font-lovelace-title section h1 {
  font-size: 26px;
}
.font-lovelace-title .naming {
  font-size: 16px;
  font-family: "lovelace";
  line-height: 0.5;
}
.font-lovelace-title #countdown li span b {
  font-size: 2rem;
}
.font-matsury-title h1 {
  font-family: "matsury";
}
.font-matsury-title #pay h1,
.font-matsury-title .content-layout section h1,
.font-matsury-title section h1 {
  font-size: 26px;
}
.font-matsury-title .naming {
  font-size: 16px;
  font-family: "matsury";
  line-height: 0.5;
}
.font-matsury-title #countdown li span b {
  font-size: 2rem;
}
.font-tan_mon_cheri-title h1 {
  font-family: "tan_mon_cheri";
}
.font-tan_mon_cheri-title #pay h1,
.font-tan_mon_cheri-title .content-layout section h1,
.font-tan_mon_cheri-title section h1 {
  font-size: 22px;
}
.font-tan_mon_cheri-title .naming {
  font-size: 12px;
  font-family: "tan_mon_cheri";
  line-height: 0.5;
}
.font-tan_mon_cheri-title #countdown li span b {
  font-size: 2rem;
}
.font-lucian-title h1 {
  font-family: "lucian";
}
.font-lucian-title #pay h1,
.font-lucian-title .content-layout section h1,
.font-lucian-title section h1 {
  font-size: 40px;
}
.font-lucian-title .naming {
  font-size: 22px;
  font-family: "lucian";
  line-height: 0.5;
}
.font-lucian-title #countdown li span b {
  font-size: 2rem;
}
b,
strong {
  font-family: "-regular-black";
}
h1,
h2,
h3,
h4 {
  font-family: "-regular-regular";
}
p {
  font-family: "-regular-light";
}
html {
  overflow-x: hidden;
}
img {
  max-width: 100%;
}
.setting-wrapper input[type="color"] {
  width: 100px;
}
.setting-wrapper #accordion-6 .b-form-tag > button.b-form-tag-remove {
  font-size: 11px;
}
.setting-wrapper #accordion-6 .form-control-sm .b-form-tag {
  margin-bottom: 3px;
  align-items: flex-start !important;
  text-align: left;
  display: flex !important;
}
.setting-wrapper #accordion-6 .text-truncate {
  font-size: 11px;
  white-space: pre-wrap;
}
.back-home {
  width: 100%;
  vertical-align: middle;
  background: #fff;
  color: #2d2d2d;
}
.back-home a {
  color: #2d2d2d;
  text-decoration: none;
}
.back-home .b-icon.bi {
  vertical-align: 0.1em;
}
.back-home h4 {
  font-weight: 900;
  color: #2d2d2d;
  display: inline;
  letter-spacing: -1px;
}
.back-home h4 span {
  color: #f63854;
}
.font-list {
  padding-left: 0;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
}
.font-list li {
  list-style: none;
}
.dekorasi-wrap {
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  padding: 20px;
}
.dekorasi-wrap .col-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.item-preview-admin {
  display: inline-block;
  position: relative;
  margin-top: 10px;
  border-radius: 10px;
}
.item-preview-admin.locked img {
  opacity: 0.7;
}
.item-preview-admin.active {
  border: 3px solid #f63854;
}
.full-height {
  height: 100vh;
}
.text-center {
  text-align: center;
}
.layer-wrap .col-form-label,
.layer-wrap .custom-control-label b,
.layer-wrap .form-group label {
  font-size: 14px;
}
.layout-center {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.form-center {
  width: 80%;
  max-width: 400px;
}
.flying-alert {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  padding: 20px;
}
.badge {
  padding: 0.3em 0.4em;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.badge.badge-danger {
  background-color: transparent;
  border: 1px solid #ffa0ae;
  color: #ffa0ae;
}
.badge.badge-base {
  background-color: transparent !important;
  border: 1px solid #6cb1fb !important;
  color: #6cb1fb !important;
}
.badge.badge-info {
  background-color: transparent;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}
.badge.badge-warning {
  background-color: transparent;
  border: 1px solid #ffc107;
  color: #ffc107;
}
.badge.badge-primary {
  background-color: #f7dad9;
  color: #26282b;
}
.badge.badge-outline-primary {
  border: 1px solid #f63854;
  color: #f63854;
}
small {
  font-size: 12px;
}
.guest-chart-wrapper {
  width: 70%;
  margin: -20px auto 20px;
}
.icon-btn,
.icon-wrap .btn-crop,
.icon-wrap .btn-delete,
.icon-wrap .btn-edit {
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 3px;
  display: inline-block;
}
.icon-wrap {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.icon-wrap .btn-edit {
  background: rgba(0, 0, 0, 0.7);
  color: #f7dad9;
}
.icon-wrap .btn-edit:hover {
  color: #f7dad9;
  text-decoration: none;
}
.icon-wrap .btn-delete {
  background: rgba(246, 56, 84, 0.65098);
  border: 1px solid rgba(246, 56, 84, 0.65098);
  color: #fff;
}
.icon-wrap .btn-crop {
  color: #26282b;
  background-color: rgba(247, 218, 217, 0.8);
}
.icon-wrap .btn-crop:hover {
  color: #fff;
  text-decoration: none;
}
.alert {
  font-size: 12px;
  border-radius: 10px;
}
.alert b {
  font-size: 14px;
}
.alert p:last-child {
  margin-bottom: 0;
  font-size: 12px !important;
}
.alert.alert-success {
  background-color: #f0fef3;
}
.alert.alert-info {
  background-color: #fffbfb;
  color: #7a7a7a;
  border-color: #f7dad9;
}
.alert.alert-warning {
  background-color: #fffefc;
  border-color: #fff4d2;
}
.alert.alert-primary {
  background-color: #e5f0fc;
}
.btn-warning {
  background-color: #f8f0d9;
  border-color: #f0d78a;
}
.m-pad {
  padding-left: 20px;
  padding-right: 20px;
}
.cover {
  float: left;
  width: 100%;
  position: relative;
}
.add-shadow {
  box-shadow: 0 0 13px 1px rgba(184, 180, 184, 0.5);
}
audio {
  height: 37px;
}
.ui.selection.dropdown {
  border: 1px solid rgba(81, 93, 105, 0.35);
}
.ui.default.dropdown:not(.button) > .text,
.ui.dropdown:not(.button) > .default.text {
  color: #777373;
}
.padding-balance {
  padding-left: 10%;
  padding-right: 10%;
}
.col-pad-right {
  padding-right: 10px;
}
.col-pad-left {
  padding-left: 10px;
}
.content-layout section h1 {
  font-size: 3rem;
  margin-bottom: 30px;
}
.no-scroll {
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
.hide {
  opacity: 0;
}
.google-maps {
  position: relative;
  padding-bottom: 100%;
  background: #eee;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.avatar-item {
  width: 50px;
  height: 50px;
  list-style: none;
  display: inline-block;
  font-weight: 900;
  border-radius: 50%;
  padding-top: 12px;
  margin-right: 5px;
  text-align: center;
}
.darkMode,
.darkMode .content-layout,
.darkMode .modal-content {
  background-color: #2d2d2d;
}
.darkMode .modal-title {
  color: #fff;
}
.darkMode .modal-header {
  border-color: #1f1e1e;
}
.darkMode .close {
  color: #fff;
}
.darkMode .add-shadow {
  box-shadow: 0 0 13px 1px rgba(29, 29, 29, 0.5);
}
.darkMode .custom-control-label:before,
.darkMode .custom-file-label,
.darkMode .form-control {
  background-color: #292929;
  border-color: #1f1e1e;
}
.darkMode .col-form-label,
.darkMode .custom-control-label {
  color: #fff;
}
.darkMode .custom-file-label:after {
  background-color: #1f1f1f;
  color: #89898a;
}
.total-owl {
  text-align: center;
  margin-top: 85px;
  margin-bottom: 40px;
}
.total-owl span {
  font-size: 30px;
  color: #f36b7f;
  display: inline-block;
  width: 100%;
}
.content-layout #footer {
  padding-bottom: 60px;
}
.content-layout .custom-control-label:before,
.content-layout .custom-file-label,
.content-layout .form-control {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
}
.content-layout .custom-file-label:after {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.content-layout .alert {
  border-width: 3px;
}
.content-layout .btn.btn-outline-primary:hover {
  background: none;
}
#dataWrap {
  max-width: 700px;
}
@media only screen and (min-width: 1024px) {
  ::-webkit-scrollbar {
    width: 4px;
  }
  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
  ::-webkit-scrollbar-thumb {
    background: #c6c6c6;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #979797;
  }
}
@media only screen and (max-width: 500px) {
  .preview-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 99;
    height: 100vh;
    box-shadow: 0 0 10px 0 hsla(0, 0%, 70.6%, 0.9) !important;
  }
  .preview-container .device-wrap {
    display: none;
  }
  .preview-container .preview-wrapper {
    height: 100% !important;
  }
  .preview-container .mobile.main-page {
    transform: scale(1) !important;
    width: 100vw !important;
    height: 100vh !important;
  }
}
.in_wizard .device-frame {
  transform: scale(1);
  margin-top: 0;
  padding: 0;
}
.in_wizard .preview-button-wrap {
  display: block !important;
}
.in_wizard .preview-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99;
  height: 100vh;
  background-color: #ffcad2 !important;
}
.in_wizard .preview-container .device-wrap {
  display: none;
}
.in_wizard .preview-container .preview-wrapper {
  height: 100% !important;
}
.change-url {
  display: flex;
  font-size: 12px;
  vertical-align: baseline;
  margin-bottom: 20px;
  padding: 15px;
  background: #e8e8e8;
  border-radius: 10px;
}
.change-url span {
  vertical-align: baseline;
  line-height: 2;
}
.change-url button {
  font-size: 12px;
  padding: 1px 5px;
}
.change-url input {
  width: 100px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #292929;
}
.change-url input:focus {
  outline: none;
}
.wraping-welcome .adress,
.wraping-welcome .and,
.wraping-welcome .meja,
.wraping-welcome .ucapan-doa,
.wraping-welcome h3 {
  font-family: 'Libre Baskerville", serif' !important;
}
#qr-card-wrap .header-card h5,
.wraping-welcome .name {
  font-family: "diamond_bridge";
}
#qr-card-wrap .header-card .and,
#qr-card-wrap .header-card p {
  font-family: 'Libre Baskerville", serif' !important;
}
.pamflet-wrapper {
  background-color: #fff;
  text-align: center;
  padding: 1rem;
}
.pamflet-wrapper .pamflet-interface-wrapper {
  border: 1px solid grey;
  padding: 2rem;
  margin-bottom: 1rem;
  background-image: url(images/dashboard-background.e993756.png);
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
}
.pamflet-wrapper h4,
.pamflet-wrapper p {
  font-family: 'Libre Baskerville", serif' !important;
}
.pamflet-wrapper h4 {
  text-transform: uppercase;
}
.pamflet-wrapper canvas {
  width: 150px !important;
  height: 150px !important;
}
.pamflet-wrapper h1 {
  text-align: center;
  text-wrap: balance;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-family: "diamond_bridge";
}
.pamflet-wrapper .scan-info {
  font-size: 12px;
  text-wrap: balance;
  max-width: 250px;
  margin: 0 auto 2rem;
}
.pamflet-wrapper .link-pamflet {
  font-size: 12px;
}
.pamflet-wrapper .info-pamflet {
  margin-top: 20px;
}
.pamflet-wrapper.to-print {
  opacity: 0;
  width: 1024px;
  height: 1300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pamflet-wrapper.to-print .pamflet-interface-wrapper {
  width: 800px;
  height: 1030px;
  padding: 3rem;
}
.pamflet-wrapper.to-print h1 {
  font-size: 5rem;
  margin-bottom: 2rem;
}
.pamflet-wrapper.to-print h4 {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.pamflet-wrapper.to-print p {
  font-size: 28px;
  margin-bottom: 2rem;
}
.pamflet-wrapper.to-print .link-pamflet,
.pamflet-wrapper.to-print .scan-info {
  font-size: 24px !important;
}
.pamflet-wrapper.to-print .scan-info {
  max-width: 500px;
  margin: 1rem auto 4rem;
}
.pamflet-wrapper.to-print canvas {
  width: 300px !important;
  height: 300px !important;
}
.section-form .form-group label {
  font-size: 12px;
}
.music-list-wrap {
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
}
.img-preview {
  margin-bottom: 15px;
  margin-top: 15px;
  max-height: 180px;
  text-align: center;
  background-color: #faf9f9;
  border-radius: 15px;
  position: relative;
}
.img-preview img {
  height: 180px !important;
  width: auto !important;
  display: inline-block;
}
.img-preview.galleries {
  max-height: 300px;
  overflow: auto;
}
.img-preview .progress {
  margin-bottom: 15px;
}
.img-preview img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.shinny {
  position: absolute;
  top: -50%;
  left: -50%;
  z-index: -9;
  display: block;
  height: 200%;
  width: 200%;
  transform: rotate(-45deg);
  overflow: hidden;
  background: linear-gradient(
    90deg,
    #fff 20%,
    #fff 40%,
    #eee 50%,
    #eee 55%,
    #fff 70%,
    #fff
  );
  background-size: 200% auto;
  -webkit-animation: shine 3s ease-in infinite;
  animation: shine 3s ease-in infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200%;
  }
}
@keyframes shine {
  to {
    background-position: 200%;
  }
}
.btn.minimalist-btn {
  box-shadow: 2px 10px 6px -8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 10px 6px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 10px 6px -8px rgba(0, 0, 0, 0.3);
}
.btn-owl {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
}
.btn-owl.learn-more {
  font-weight: 600;
  color: #382b22;
  padding: 10px 20px;
  background: #fff0f0;
  border: 2px solid #b18597;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out, background 0.15s ease-out;
}
.btn-owl.learn-more.small {
  padding: 5px 15px;
  font-size: 12px;
}
.btn-owl.learn-more.small:before {
  transform: translate3d(0, 0.5em, -1em);
}
.btn-owl.learn-more.small:hover {
  transform: translateY(0.35em);
}
.btn-owl.learn-more.small:hover:before {
  transform: translate3d(0, 0.3em, -1em);
}
.btn-owl.learn-more.small:active {
  transform: translateY(0.75em);
}
.btn-owl.learn-more.small:active:before {
  box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
  transform: translateZ(-1em);
}
.btn-owl.learn-more.green {
  background: #cef6e0;
  border: 2px solid #007c21;
}
.btn-owl.learn-more.green:before {
  background: #49ab72;
  box-shadow: 0 0 0 2px #007c21, 0 0.625em 0 0 #b4f8d3;
}
.btn-owl.learn-more.green:hover {
  background: #3edc81;
}
.btn-owl.learn-more.green:hover:before {
  box-shadow: 0 0 0 2px #007c21, 0 0.5em 0 0 #b4f8d3;
}
.btn-owl.learn-more.green:active {
  background: #3edc81;
}
.btn-owl.learn-more.green:active:before {
  box-shadow: 0 0 0 2px #007c21, 0 0.5em 0 0 #b4f8d3;
}
.btn-owl.learn-more.blue {
  background: #d1eef6;
  border: 2px solid #1297e0;
}
.btn-owl.learn-more.blue:before {
  background: #22a7f0;
  box-shadow: 0 0 0 2px #1297e0, 0 0.625em 0 0 #c0f1ff;
}
.btn-owl.learn-more.blue:hover {
  background: #19b5fe;
}
.btn-owl.learn-more.blue:hover:before {
  box-shadow: 0 0 0 2px #1297e0, 0 0.5em 0 0 #c0f1ff;
}
.btn-owl.learn-more.blue:active {
  background: #19b5fe;
}
.btn-owl.learn-more.blue:active:before {
  box-shadow: 0 0 0 2px #1297e0, 0 0.5em 0 0 #c0f1ff;
}
.btn-owl.learn-more.black {
  background: #e9ecf0;
  border: 2px solid #8c9aa9;
}
.btn-owl.learn-more.black:before {
  background: #9caab9;
  box-shadow: 0 0 0 2px #8c9aa9, 0 0.625em 0 0 #ced8e2;
}
.btn-owl.learn-more.black:hover {
  background: #acbac9;
}
.btn-owl.learn-more.black:hover:before {
  box-shadow: 0 0 0 2px #8c9aa9, 0 0.5em 0 0 #ced8e2;
}
.btn-owl.learn-more.black:active {
  background: #acbac9;
}
.btn-owl.learn-more.black:active:before {
  box-shadow: 0 0 0 2px #8c9aa9, 0 0.5em 0 0 #ced8e2;
}
.btn-owl.learn-more:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9c4d2;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}
.btn-owl.learn-more:hover {
  background: #ffe9e9;
  transform: translateY(0.25em);
}
.btn-owl.learn-more:hover:before {
  box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
  transform: translate3d(0, 0.5em, -1em);
}
.btn-owl.learn-more:active {
  background: #ffe9e9;
  transform: translateY(0.75em);
}
.btn-owl.learn-more:active:before {
  box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
  transform: translateZ(-1em);
}
.instagram-profil {
  font-weight: 400;
  margin-bottom: 1rem !important;
}
.instagram-profil a {
  width: 100%;
  display: inline-block;
  margin-bottom: 5px;
}
.b-form-tag {
  font-size: 14px;
  line-height: inherit !important;
  margin-bottom: 3px;
  white-space: inherit !important;
}
.b-form-tag .text-truncate {
  white-space: inherit !important;
  text-align: left;
}
.flying-element {
  position: fixed;
  z-index: 99;
}
.flying-element.bottom {
  bottom: 0;
}
.flying-element.left {
  left: 0;
}
.settings-layer .form-group > label,
.settings-layer .form-group > legend,
.settings-layer b {
  font-weight: 500 !important;
  font-size: 14px;
}
.mx-calendar-content .cell.active {
  color: #2d2d2d;
  background-color: #f7dad9;
}
.guest-items {
  min-height: 128px;
  line-height: 1;
  position: relative;
}
.guest-items .card-text {
  height: 100%;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .guest-items {
    min-height: 128px;
  }
}
.guest-items .btn {
  padding: 0.5rem !important;
  margin-bottom: 4px;
}
.guest-items .badge-state {
  position: absolute;
  bottom: 15px;
  z-index: 3;
  width: 90%;
}
.guest-items .badge-state span {
  margin-bottom: 5px;
}
.guest-items .photo-guest {
  position: absolute;
  opacity: 0.5;
  bottom: 0;
  left: 0;
  width: 35%;
  height: 100%;
}
.guest-items .photo-guest .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  background: #fffefe;
  background: linear-gradient(
    -10deg,
    rgba(255, 254, 254, 0) 23%,
    hsla(0, 0%, 100%, 0.200718) 40%,
    #fff 80%
  );
}
.guest-items .photo-guest img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@font-face {
  font-family: "montserrat";
  src: url(../fonts/montserrat.ttf);
}
.card-settings {
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  box-shadow: 0 2px 2px 0 rgba(246, 56, 84, 0.2);
  border-radius: 10px !important;
}
.card-settings p {
  font-family: "montserrat" !important;
}
.card-settings.full-card {
  height: 100%;
}
.card-settings .card-body {
  padding: 1rem !important;
}
.card-settings .card-body .image-bg-wrapper {
  position: relative;
}
.card-settings .card-body .image-bg-wrapper img {
  aspect-ratio: 2/3;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-settings .card-body .image-bg-wrapper .preview-color-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.list-group {
  font-size: 12px;
  text-transform: capitalize;
}
.list-group .list-group-item .icon-owl {
  margin-right: 5px;
}
.preset-new {
  right: 0;
  background-color: #f7dad9;
  color: #26282b;
  border-radius: 0 15px 0 15px;
}
.configuration-preset .preset-badge,
.preset-new {
  position: absolute;
  top: 0;
  padding: 4px 15px;
  font-size: 12px;
}
.configuration-preset .preset-badge {
  left: 0;
  background-color: #f63854;
  opacity: 0.9;
  color: #fff;
  border-radius: 15px 0 15px 0;
}
.configuration-preset .preset-badge.eksklusif {
  background: #f7ff6e;
  background: linear-gradient(310deg, #f7ff6e, #8b6c15 50%, #cba93c 98%);
  color: #fff;
}
.configuration-preset .preset-badge.paid {
  background: #020024;
  background: linear-gradient(310deg, #020024, #550979 50%);
  color: #fff;
}
.configuration-preset .preset-price {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: hsla(0, 0%, 100%, 0.7);
  padding: 3px 5px;
  color: #2d2d2d;
  border-radius: 5px 0 10px 0;
}
.configuration-preset .preset-price s {
  color: #818181;
  font-size: 10px;
}
.trigger-custom-design {
  position: fixed;
  z-index: 99;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
}
.color-pick-wrapper {
  margin-bottom: 15px;
}
.color-pick {
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #e8e8e8;
}
.color-pick input[type="color"] {
  width: 300%;
  height: 100%;
  background: #fff 0 0 no-repeat padding-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10196);
  transform: scale(1.5);
  cursor: pointer;
}
.parallax__container {
  clip: rect(0, auto, auto, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100;
}
.parallax {
  position: fixed;
  top: 0;
  transform: translateZ(0);
  transform-style: preserve-3d;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.status.PENDING {
  color: #9e9e00;
}
.status.PAID {
  color: green;
}
.status.EXPIRED {
  color: grey;
}
.cover-page {
  position: relative;
  width: 100vw;
}
.cover-page,
.h100 {
  height: 100vh;
}
.h100-p {
  height: 100%;
}
.custom-file-label {
  font-size: 12px;
}
.custom-file-label .form-file-text {
  opacity: 0.5 !important;
  font-weight: 400;
}
.flyingStick.fly {
  position: fixed;
  top: 0;
}
@media screen and (max-width: 500px) {
  .preview-layer {
    width: 100vw;
    height: 100%;
    background: #ededed;
    position: fixed;
  }
}
@media screen and (max-width: 500px) and (max-width: 500px) {
  .preview-layer {
    background-image: url(images/dashboard-background.e993756.png);
    background-size: cover;
    background-position: 84% 50%;
  }
}
@media screen and (max-width: 500px) {
  .preview-container .mobile.main-page {
    height: 100% !important;
  }
}
@media screen and (max-width: 500px) {
  .preview-wrapper {
    border-radius: 15px;
  }
}
@media screen and (max-width: 500px) {
  .color-pallete-wrapper,
  .color-pick-wrapper {
    text-align: center;
  }
}
.custom-control-label {
  padding-top: 6px;
  padding-left: 0.4rem;
  font-size: 12px;
  font-weight: 500;
}
.custom-control-label:after,
.custom-control-label:before {
  width: 1.3rem;
  height: 1.3rem;
}
.custom-control-input:checked ~ .custom-control-label:before {
  border-color: #f63854;
  background-color: #f63854;
  box-shadow: none;
}
.custom-switch {
  margin-bottom: 0.75rem;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #f63854;
  background-color: #f63854;
}
.custom-switch .custom-control-label {
  padding-left: 15px;
}
.custom-switch .custom-control-label:after {
  width: calc(1.5rem - 7px);
  height: calc(1.5rem - 7px);
  border-radius: 1.5rem;
  background: #fff;
}
.custom-switch .custom-control-label:before {
  width: 2.3rem;
  border-radius: 1rem;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  transform: translateX(0.96rem);
}
input[type="range"]::-webkit-slider-thumb,
input[type="range"]:focus::-webkit-slider-thumb {
  background: #f63854;
}
.file-button {
  height: calc(2em + 1rem + 2px);
  cursor: pointer;
}
.file-button .custom-file-input:focus ~ label {
  border: none;
  box-shadow: none;
}
.file-button label {
  height: calc(2em + 1rem + 2px);
  border: none;
}
.file-button label:after {
  width: 100%;
  background-color: #f7dad9;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  border-color: transparent;
  border-radius: 10px;
  height: calc(2em + 1rem + 2px);
  padding: 0.8rem 0.75rem !important;
}
.file-button.inside {
  height: auto;
  padding: 0;
  opacity: 0.9;
}
.file-button.inside .custom-file-input {
  height: 30px;
}
.file-button.inside label {
  height: 30px;
  padding: 6px 10px;
  margin-bottom: 0;
  border-radius: 5px;
}
.file-button.inside label:after {
  height: auto;
  font-weight: 400;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 5px;
}
.hidden-form {
  width: 0;
  height: 0;
  overflow: hidden;
}
.reset-preview {
  font-size: 12px;
  color: #2d2d2d;
  background-color: hsla(0, 0%, 95.7%, 0.8);
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
}
.reset-preview:hover {
  color: #2d2d2d;
  text-decoration: none;
}
.delete-preview {
  font-size: 12px;
  color: #e8e8e8;
  background-color: rgba(249, 99, 99, 0.8);
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
}
.delete-preview:hover {
  color: #2d2d2d;
  text-decoration: none;
}
.image_list_container {
  background: #faf9f9;
  padding: 10px;
}
.image_list_container,
.image_list_container .image_list {
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 500px) {
  .preview-container {
    border-radius: 15px;
    transform: scale(0.71) !important;
    height: 100vh !important;
    height: calc(var(--vh, 1vh) * 100) !important;
    z-index: 6;
    transform-origin: center 0;
    top: 75px;
    transition: transform 0.3s;
  }
  .preview-container.open-sub {
    transform: scale(0.66) !important;
  }
  .preview-container.open-form {
    transform: scale(0.27) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.55) !important;
  }
}
@media screen and (max-height: 860px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.79) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.74) !important;
  }
  .preview-container.open-form {
    transform: scale(0.295) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.595) !important;
  }
}
@media screen and (max-height: 745px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.755) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.7) !important;
  }
  .preview-container.open-form {
    transform: scale(0.28) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.55) !important;
  }
}
@media screen and (max-height: 669px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.63) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.57) !important;
  }
  .preview-container.open-form {
    transform: scale(0.23) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.445) !important;
  }
}
@media screen and (max-height: 663px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.73) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.66) !important;
  }
  .preview-container.open-form {
    transform: scale(0.265) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.53) !important;
  }
}
@media screen and (max-height: 635px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.715) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.645) !important;
  }
  .preview-container.open-form {
    transform: scale(0.26) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.52) !important;
  }
}
@media screen and (max-height: 550px) and (max-width: 450px) {
  .preview-container {
    transform: scale(0.665) !important;
  }
  .preview-container.open-sub {
    transform: scale(0.59) !important;
  }
  .preview-container.open-form {
    transform: scale(0.24) !important;
  }
  .preview-container.open-form.small {
    transform: scale(0.495) !important;
  }
}
.main-menu-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 99;
  padding: 0.8rem;
  box-shadow: 0 2px 6px 0 rgba(246, 56, 84, 0.25);
  background: #fff;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .main-menu-wrapper {
    width: auto;
    max-width: 300px;
    min-width: 300px;
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: none;
    padding: 1rem;
    bottom: 10px;
    left: 10px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 1180px) and (min-width: 1024px) and (min-height: 746px) {
  .main-menu-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
@media screen and (max-width: 1366px) and (min-width: 1024px) and (min-height: 900px) {
  .main-menu-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
@media screen and (max-width: 550px) {
  .navbar-nav {
    font-size: 14px;
  }
  .navbar-nav .badge,
  .navbar-nav .nav-expand,
  .navbar-nav a {
    font-size: 12px;
  }
  .navbar-nav .nav-expand svg,
  .navbar-nav a svg {
    font-size: 20px;
  }
}
@media screen and (max-width: 370px) {
  .navbar-nav .nav-expand {
    padding: 0;
    background: transparent;
    border: none;
    margin-top: 0;
    border-radius: 0;
  }
  .navbar-nav .nav-expand .word-share-btn {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .navbar-nav .icon-owl svg {
    width: 23px;
    height: 23px;
  }
}
.main-menu-item {
  display: inline-block;
  font-size: 11px;
  padding: 10px;
  text-align: center;
  color: #2d2d2d;
  text-decoration: none;
  border-radius: 10px;
  width: 80px;
  position: relative;
}
.main-menu-item .icon-owl svg {
  width: 30px;
  height: 30px;
}
.main-menu-item:hover {
  text-decoration: none;
  color: #f63854;
}
.main-menu-item.active {
  background-color: #f7dad9;
  border-left: 6px solid #f63854;
}
@media screen and (max-width: 500px) {
  .main-menu-item.active {
    border-left: none;
  }
}
.main-menu-item img {
  height: 25px;
  width: auto;
  display: inline-block;
}
.main-menu-item span {
  display: block;
  position: relative;
  top: 2px;
  font-weight: 500;
}
.main-menu-item .has-child {
  display: none;
}
@media screen and (min-width: 1024px) {
  .main-menu-item {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    margin: 8px 0;
  }
  .main-menu-item .icon-owl {
    margin-right: 15px;
  }
  .main-menu-item img {
    height: 30px;
    margin-right: 15px;
    margin-top: -6px;
  }
  .main-menu-item span {
    padding-top: 2px;
    display: inline-block;
  }
  .main-menu-item .has-child {
    display: block;
    position: absolute;
    right: 15px;
    top: 17px;
  }
}
@media screen and (min-width: 1024px) and (max-height: 710px) {
  .main-menu-item {
    padding: 10px;
    font-size: 12px;
    margin: 0;
  }
  .main-menu-item .has-child {
    top: 15px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 1000px) and (min-height: 530px) and (max-height: 550px) {
  .main-menu-item {
    padding: 5px;
    font-size: 11px;
    margin: 0;
  }
  .main-menu-item .has-child {
    top: 15px;
  }
}
.sub-accordion-wrap {
  height: 0;
  opacity: 0;
  max-height: 0;
  width: 95%;
  margin-left: 5%;
  overflow: hidden;
  transition: max-height 0.25s, opacity 0.1s 0.1s;
  border-left: 2px solid #f8f7f7;
  padding-left: 20px;
  padding-top: 4px;
  margin-bottom: 5px;
  display: none;
  -ms-overflow-style: auto;
  overflow-x: hidden;
  scrollbar-width: auto;
  padding-right: 10px;
}
@media screen and (min-width: 1024px) {
  .sub-accordion-wrap {
    display: block;
  }
}
.sub-accordion-wrap::-webkit-scrollbar {
  display: block;
}
.sub-accordion-wrap .sub-menu-item {
  display: block;
  text-align: left;
  padding: 10px 15px;
  background: #f8f7f7;
  margin-bottom: 4px;
  border-radius: 10px;
  position: relative;
}
.sub-accordion-wrap .sub-menu-item .icon-owl {
  margin-right: 10px;
}
.sub-accordion-wrap .sub-menu-item:hover {
  color: #f63854;
}
.sub-accordion-wrap .sub-menu-item.active {
  border-left: 6px solid #f63854 !important;
  border: 1px solid #ffa0ae;
}
.sub-accordion-wrap .sub-menu-item img {
  margin-right: 10px;
}
.sub-accordion-wrap .sub-menu-item:before {
  content: "";
  width: 10%;
  position: absolute;
  height: 2px;
  background-color: #f8f7f7;
  right: 100%;
  top: 50%;
  z-index: -1;
}
.sub-accordion-wrap .sub-menu-item .badge-feature {
  left: 15px;
  bottom: 0;
}
@media screen and (min-width: 1024px) and (max-height: 710px) {
  .sub-accordion-wrap .sub-menu-item {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 1000px) and (min-height: 530px) and (max-height: 550px) {
  .sub-accordion-wrap .sub-menu-item {
    padding: 5px 15px;
  }
}
.sub-accordion-wrap.open {
  opacity: 1;
  height: auto;
  max-height: 250px;
  overflow-y: auto;
  position: relative;
}
.sub-menu-wrapper {
  opacity: 0;
  bottom: 0;
  transition: all 0.5s;
  width: 100vw;
  padding: 0.5rem;
  position: fixed;
  z-index: 98;
  text-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  box-shadow: 0 2px 6px 0 rgba(246, 56, 84, 0.25);
  background-color: #fff6f7;
  text-align: center;
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-menu-wrapper {
    display: block;
  }
}
.sub-menu-wrapper.open {
  opacity: 1;
  bottom: 87px;
}
.sub-menu-item {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 4px 8px;
  text-align: center;
  color: #2d2d2d;
  text-decoration: none;
}
.sub-menu-item span.badge-feature {
  position: absolute;
  font-size: 13px;
  bottom: -3px;
  left: 4px;
  z-index: 9;
}
.sub-menu-item span.badge-feature.ekslusif {
  color: #b6b65b;
}
.sub-menu-item span.badge-feature.premium {
  color: #007bff;
}
.sub-menu-item span.badge-feature.luxury {
  color: purple;
}
.sub-menu-item:hover {
  text-decoration: none;
}
.sub-menu-item img {
  height: 20px;
  width: auto;
  display: inline-block;
}
.sub-menu-item span {
  display: inline-block;
  vertical-align: text-top;
}
.mx-input {
  height: 42px !important;
  padding: 1rem 0.75rem !important;
  font-size: 12px !important;
}
.custom-radio {
  margin-bottom: 0.7rem;
}
.custom-radio .custom-control-label:before {
  border: 1px solid #f63854;
}
.form-wrapper {
  opacity: 0;
  width: 100vw;
  height: 60%;
  bottom: -100vh;
  position: fixed;
  z-index: 999;
  background: #fff;
  border-radius: 15px 15px 0 0;
  transition: all 0.2s;
  box-shadow: 0 2px 6px 0 rgba(246, 56, 84, 0.25);
}
.form-wrapper .rounded-pill {
  border-radius: 5px !important;
}
.form-wrapper .btn {
  font-weight: 600;
  font-size: 12px;
}
.form-wrapper .btn.btn-sm {
  padding: 0.35rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 300;
}
@media screen and (max-width: 500px) {
  .form-wrapper.small {
    height: 30vh;
  }
}
.form-wrapper.full {
  height: 100vh;
}
.form-wrapper.open {
  opacity: 1;
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .form-wrapper {
    width: 400px;
    left: 320px;
    box-shadow: none;
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
    border-radius: 10px;
    overflow: hidden;
  }
  .form-wrapper.open {
    bottom: 10px;
  }
}
@media screen and (max-width: 1180px) and (min-width: 1024px) and (min-height: 746px) {
  .form-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
@media screen and (max-width: 1366px) and (min-width: 1024px) and (min-height: 900px) {
  .form-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
.mx-input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f7dad9 !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 218, 217, 0.3);
}
.form-control {
  padding: 1.35rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 12px;
}
.form-control:focus {
  color: #bbd7dd;
  background-color: #fff;
  border-color: #f7dad9;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 218, 217, 0.3);
}
textarea.form-control {
  padding: 0.75rem;
}
.custom-select,
input[type="color"].form-control {
  height: calc(2em + 1rem + 2px);
  border-radius: 0.4rem;
  font-size: 12px;
}
.input-group-text {
  background-color: #f7dad9;
  border-color: #f7dad9;
  color: #26282b;
  font-size: 12px;
}
.form-container {
  width: 100%;
  border-bottom: 1px solid #f7dad9;
  height: calc(100% - 45px);
  overflow-y: auto;
  padding: 1rem 2rem;
}
.form-container .form-group {
  margin-bottom: 1.5rem;
}
.form-container .form-group.section-choose {
  margin-bottom: 0;
  margin-top: 2.5rem;
}
.form-container p {
  font-weight: 500;
  font-size: 14px !important;
}
.form-container p b {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.form-container .welcoming .moto {
  font-style: italic;
  font-size: 12px !important;
}
.form-container .nav-tab-wrapper {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  background: #fff;
  margin-top: -17px;
  text-align: center;
  left: 0;
  padding: 10px 2rem !important;
  box-shadow: 0 2px 2px 0 rgba(246, 56, 84, 0.15);
}
.form-container .nav-tab-wrapper .nav-tab {
  display: inline-block !important;
  font-weight: 400;
}
.form-container .nav-tab-wrapper .nav-tab-controls {
  display: none;
  position: fixed;
  left: 320px;
  bottom: calc(100vh - 115px);
  padding: 10px;
  background: #fff;
  background: linear-gradient(90deg, #fff 80%, hsla(0, 0%, 100%, 0));
  color: #ffa0ae;
  font-weight: 600;
}
.form-container .nav-tab-wrapper .nav-tab-controls.next {
  left: auto;
  right: calc(100vw - 720px);
  background: #fff;
  background: linear-gradient(270deg, #fff 80%, hsla(0, 0%, 100%, 0));
}
@media screen and (min-width: 1024px) {
  .form-container .nav-tab-wrapper {
    width: 400px;
    left: 320px;
    box-shadow: none;
    border-radius: 10px;
  }
  .form-container .nav-tab-wrapper .nav-tab-controls {
    display: block;
  }
  .form-container .nav-tab-wrapper .nav-tab-controls.prev {
    display: none;
  }
}
.form-container .form-nav-container {
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .form-container {
    height: calc(100% - 50px);
  }
}
.form-layout-center {
  height: 100%;
  overflow: auto;
  padding: 1rem 3px;
  overflow-x: hidden;
}
.form-layout-center .row {
  min-height: 100%;
}
.form-controls-wrapper {
  width: 100%;
  position: absolute;
  z-index: 9;
  bottom: 0;
  padding: 0.7rem;
}
.form-controls-wrapper .form-title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
}
.form-controls-wrapper .btn-form-controls {
  font-size: 30px;
  position: absolute;
  z-index: 8;
}
.form-controls-wrapper .btn-form-controls.close {
  bottom: 5px;
  left: 10px;
  color: #26282b;
}
.form-controls-wrapper .btn-form-controls.save {
  color: #ee7486;
  right: 20px;
  bottom: 11px;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .form-controls-wrapper {
    bottom: 0;
  }
}
.full-wrapper {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.3s;
}
.full-wrapper.open {
  opacity: 1;
  z-index: 9999;
}
.full-wrapper .full-close {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: 15px;
  font-size: 30px;
}
.nav-top-right {
  margin-left: 15px;
  color: #2d2d2d;
  vertical-align: sub;
}
@media screen and (min-width: 1024px) {
  .nav-top-right {
    margin-left: 2rem;
  }
}
.nav-top-right.pay {
  font-size: 11px;
  color: #007bff !important;
}
.item-font {
  display: block;
  margin-bottom: 15px;
  border: 2px solid transparent;
}
.item-font.selected {
  border-color: #fad6db;
}
.item-font img {
  height: 50px;
  display: inline-block;
}
.form-editing-wrapper {
  position: fixed;
  z-index: 999999;
  left: 0;
  width: 100vw;
  height: 60%;
  background: #fff;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 2px 6px 0 rgba(246, 56, 84, 0.25);
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .form-editing-wrapper {
    width: 400px;
    left: 320px;
    box-shadow: none;
    height: calc(100vh - 80px);
    border-radius: 10px;
    overflow: hidden;
    bottom: 10px;
  }
  .form-editing-wrapper.open {
    bottom: 10px;
  }
}
@media screen and (max-width: 1180px) and (min-width: 1024px) and (min-height: 746px) {
  .form-editing-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
@media screen and (max-width: 1366px) and (min-width: 1024px) and (min-height: 900px) {
  .form-editing-wrapper {
    height: calc(100vh - 80px);
    height: calc(var(--vh, 1vh) * 100 - 80px);
  }
}
.form-editing-wrapper.small {
  height: 30vh;
}
.form-editing-wrapper .form-controls-wrapper .btn-form-controls.close {
  bottom: 8px;
}
.target-highlight {
  -webkit-animation: target-highlight 1s 1;
  -moz-animation: target-highlight 1s 1;
}
@-webkit-keyframes target-highlight {
  0% {
    border: 2px solid transparent;
  }
  25% {
    border: 2px solid red;
  }
  70% {
    border: 2px solid transparent;
  }
  to {
    border: 2px solid red;
  }
}
.modal-content p {
  font-size: 14px;
  font-weight: 500;
  font-family: "montserrat";
}
.content-wrap,
.modal-content,
.owl-page,
.payment-container {
  border-radius: 15px;
}
.content-wrap .btn,
.modal-content .btn,
.owl-page .btn,
.payment-container .btn {
  padding: 0.75rem;
  font-size: 12px;
  font-weight: 600;
}
.content-wrap .btn:focus,
.modal-content .btn:focus,
.owl-page .btn:focus,
.payment-container .btn:focus {
  box-shadow: none;
}
.content-wrap .btn-primary,
.modal-content .btn-primary,
.owl-page .btn-primary,
.payment-container .btn-primary {
  background-color: #26282b;
  border-color: #26282b;
  color: #f7dad9;
}
.content-wrap .btn-info,
.modal-content .btn-info,
.owl-page .btn-info,
.payment-container .btn-info {
  background-color: #f7dad9;
  border-color: #f7dad9;
  color: #26282b;
}
.b-pagination-pills .page-item .page-link {
  color: #ffa0ae;
}
.page-item.active .page-link {
  background-color: #f7dad9;
  border-color: #f7dad9;
  color: #26282b;
}
.form-wrapper .btn {
  padding: 0.75rem;
}
.form-wrapper .btn-primary {
  background-color: #26282b;
  border-color: #26282b;
  color: #f7dad9;
}
.form-wrapper .btn-info {
  background-color: #f7dad9;
  border-color: #f7dad9;
  color: #26282b;
}
.form-wrapper .btn-outline-info {
  color: #f63854;
  border-color: #f63854;
}
.form-wrapper .btn-outline-info:hover {
  background-color: #f63854 !important;
  color: #fff;
}
.custom-file {
  height: calc(3.05rem + 2px);
}
.custom-file label,
.custom-file label:after {
  height: calc(2.5rem + 2px);
  padding: 0.575rem 0.75rem;
}
.flying-nav-right {
  text-align: right;
  width: auto;
  text-wrap: nowrap;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 85px;
}
@media screen and (min-width: 1024px) {
  .flying-nav-right {
    top: 85px;
    left: 710px;
    right: inherit;
    text-align: left;
  }
}
.button-back-admin {
  display: inline-block;
  background-color: #26282b;
  border-radius: 15px 0 0 15px;
  font-size: 12px;
  margin-top: 10px;
}
.button-back-admin a {
  color: #f7dad9;
}
.assist-flying,
.button-back-admin a {
  padding: 7px 15px;
  display: inline-block;
}
.assist-flying {
  background-color: #ffffe9;
  border-radius: 15px 0 0 15px;
  font-size: 12px;
  margin-top: 10px;
  color: #26282b;
}
.button-pay-upgrade {
  display: inline-block;
  position: relative;
  right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f7dad9;
  color: #26282b;
  border-radius: 15px 0 0 15px;
  font-size: 12px;
  border: 2px solid #26282b;
}
.button-pay-upgrade a {
  color: #26282b !important;
  padding: 5px;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .assist-flying,
  .button-back-admin,
  .button-pay-upgrade {
    border-radius: 0 15px 15px 0;
  }
  .button-pay-upgrade {
    right: inherit;
  }
  .assist-flying,
  .button-back-admin {
    padding-left: 20px;
  }
  .button-back-admin a {
    padding-left: 0;
  }
}
.card-statistic {
  overflow: hidden;
  margin-bottom: 10px;
}
.card-statistic.rsvp-db .card-label {
  background-color: #d9138a;
}
.card-statistic.wishes-db .card-label {
  background-color: #e2d810;
}
.card-statistic.guestbook-db .card-label {
  background-color: #3edc81;
}
.card-statistic.gift-db .card-label {
  background-color: #12a4d9;
}
.card-statistic .count-card {
  margin-top: 2rem;
}
.card-statistic p {
  font-size: 11px !important;
  margin-bottom: 5px;
}
.card-statistic p a {
  font-size: 10px;
}
.count-card {
  font-size: 5rem;
  margin-bottom: 0;
}
.count-card span {
  font-size: 16px;
}
.card-label {
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  padding: 3px 0;
  color: #fff;
}
::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  * {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.form-group > div {
  position: relative;
}
.gallery-item img {
  height: auto !important;
}
.debug-layer {
  position: fixed;
  width: 50%;
  left: 25%;
  background-color: #fff;
  color: #2d2d2d;
  top: 80px;
  z-index: 9999999;
}
.nav-expand {
  background: #f7dad9;
  padding: 3px 15px;
  border-radius: 10px;
  margin-top: -4px;
  border: 1px solid #ffa0ae;
}
.nav-expand:hover {
  text-decoration: none;
  color: #26282b;
}
.item-preset-list {
  position: relative;
}
.preset-locked {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -50px;
  z-index: 99;
}
.preset-locked .status-locked {
  background: hsla(0, 0%, 100%, 0.9);
}
.preset-locked .preset-preview,
.preset-locked .status-locked {
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  padding-top: 9px;
  color: #8e8d8d;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.preset-locked .preset-preview {
  background: rgba(182, 255, 172, 0.9);
}
.is_inviting .nav-expand {
  background: #c0f1ff;
  border-color: #72d8f5;
}
@media screen and (max-width: 500px) {
  .is_inviting .preview-layer {
    background: #ededed;
  }
  .is_inviting .form-container .nav-tab-wrapper,
  .is_inviting .main-menu-wrapper,
  .is_inviting .navbar-expand,
  .is_inviting .sub-menu-wrapper {
    box-shadow: 0 2px 6px 0 rgba(56, 246, 228, 0.25) !important;
  }
  .is_inviting .sub-menu-wrapper {
    background-color: #ecfafe;
  }
  .is_inviting .preview-layer {
    background-image: url(images/dashboard-inviting.ba5681c.png) !important;
    background-size: cover;
    background-position: 84% 50%;
  }
}
.is_inviting .upload-inside {
  background-color: rgba(192, 241, 255, 0.9);
}
.is_inviting .btn:focus {
  box-shadow: none !important;
}
.is_inviting .form-wrapper .btn-outline-info {
  color: #72d8f5;
  border-color: #72d8f5;
}
.is_inviting .alert.alert-info {
  border-color: #c0f1ff !important;
  background-color: #e5f2f6 !important;
}
.is_inviting .nav-tab-wrapper .nav-tab {
  border-color: #c0f1ff !important;
}
.is_inviting .input-group-text {
  border-color: #c0f1ff !important;
  background-color: #c0f1ff !important;
}
.is_inviting .alert.alert-info a b {
  color: #72d8f5 !important;
}
.is_inviting .custom-radio .custom-control-label:before,
.is_inviting .form-container {
  border-color: #c0f1ff;
}
.is_inviting .custom-switch .custom-control-label:before {
  border-color: #dcdcdc !important;
  background-color: #dcdcdc !important;
}
.is_inviting input[type="range"]::-webkit-slider-thumb,
.is_inviting input[type="range"]:focus::-webkit-slider-thumb {
  background: #72d8f5;
}
.is_inviting
  .card-settings
  .card-body
  .image-bg-wrapper
  .icon-wrap
  .btn-delete {
  background: rgba(114, 216, 245, 0.63137);
  border-color: rgba(114, 216, 245, 0.63137);
}
.is_inviting .card-settings {
  box-shadow: 0 2px 2px 0 rgba(114, 216, 245, 0.63137);
}
.is_inviting .main-menu-item.active {
  border-color: #72d8f5;
}
.is_inviting .sub-accordion-wrap .sub-menu-item.active {
  border-left-color: #72d8f5 !important;
}
.is_inviting .button-pay-upgrade {
  background-color: #c0f1ff !important;
}
.is_inviting .sub-accordion-wrap .sub-menu-item:hover {
  color: #72d8f5;
}
.is_inviting .main-menu-item:hover {
  text-decoration: none;
  color: #26282b;
}
.is_inviting .preview-container {
  background-image: url(images/dashboard-inviting.ba5681c.png) !important;
}
.is_inviting .file-button label:after,
.is_inviting .main-menu-item.active {
  background-color: #c0f1ff;
}
.is_inviting .item-font.selected,
.is_inviting .item-preview-admin.active,
.is_inviting .sub-accordion-wrap .sub-menu-item.active {
  border-color: #c0f1ff;
}
.is_inviting .custom-control-input:checked ~ .custom-control-label:before,
.is_inviting .nav-tab-wrapper .nav-tab.active {
  border-color: #c0f1ff !important;
  background-color: #c0f1ff !important;
}
.is_inviting .card-settings .card-body .image-bg-wrapper .icon-wrap .btn-edit,
.is_inviting .nav-tab-wrapper .nav-tab.active .badge {
  color: #c0f1ff !important;
}
.is_inviting .btn-form-controls.save {
  color: #72d8f5 !important;
}
.is_inviting .device-toggle a.active,
.is_inviting .form-container .nav-tab-wrapper .nav-tab-controls {
  color: #c0f1ff !important;
}
.is_inviting .form-control:focus,
.is_inviting .mx-input:focus {
  border-color: #d9f5f7 !important;
  box-shadow: 0 0 0 0.2rem rgba(217, 228, 247, 0.3);
}
#configuration-wrapper.is_inviting .btn-primary {
  color: #c0f1ff !important;
}
#configuration-wrapper.is_inviting .btn-info {
  border-color: #c0f1ff !important;
  background-color: #c0f1ff !important;
}
.navbar-nav .badge {
  border-color: transparent !important;
}
.btn-navbar .b-icon {
  margin-right: 10px;
}
.btn-navbar.btn-info:not(.fired) {
  background-color: transparent !important;
}
.btn-navbar:focus {
  box-shadow: none !important;
}
.btn-info:not(:disabled):not(.disabled):active {
  background-color: #f7dad9;
  border-color: #f7dad9;
  color: #26282b;
}
.flying-debug {
  position: fixed;
  z-index: 99999;
  top: 80px;
  left: 0;
  width: 100%;
  text-align: center;
}
.layout.is_preview.noscroll {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.layout.is_preview.noscroll .image-content {
  height: 100%;
}
.layout.is_preview.noscroll #cover {
  position: absolute;
}
.item-log {
  max-height: 187px;
  overflow: auto;
  border-radius: 10px;
  padding: 10px;
}
.rsvp-chart-wrapper {
  position: relative;
  width: 80%;
  margin: 0 auto 1rem;
}
.rsvp-chart-wrapper .rsvp-chart-registered {
  position: relative;
  width: 100%;
  left: -10%;
}
.rsvp-chart-wrapper .rsvp-chart-attend {
  width: 70%;
  z-index: 9;
  right: -15%;
  bottom: 0;
  position: absolute;
}
@media screen and (max-width: 430px) {
  .rsvp-chart-wrapper .rsvp-chart-attend {
    width: 50%;
    right: -10%;
  }
}
.card-photo-wrapper {
  padding: 5px;
}
.card-photo-wrapper.to-print .card-photo-text-container {
  padding-bottom: 15px !important;
}
.card-photo {
  height: 400px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
  border-radius: 10px !important;
}
.card-photo .card-photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.card-photo .card-photo-action {
  width: 100%;
  position: absolute;
  z-index: 99;
  bottom: 0;
  padding: 15px 25px;
}
.card-photo .card-photo-action.top {
  top: 0;
  bottom: inherit;
}
.card-photo .card-photo-action .btn {
  font-size: 9px;
  padding: 2px 5px !important;
  font-weight: 400;
}
.card-photo .card-photo-action a {
  display: inline-block;
}
.card-photo .card-photo-action .action-right {
  float: right;
}
.card-photo .card-photo-action .action-right a {
  margin-left: 15px;
}
.card-photo .card-photo-text {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.card-photo .card-photo-text .card-photo-text-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 45px 25px 60px;
  background: #fff;
  transition: all 0.3s;
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.9) 34%,
    hsla(0, 0%, 100%, 0.531272) 64%,
    hsla(0, 0%, 100%, 0.217546) 86%,
    hsla(0, 0%, 100%, 0)
  );
}
.card-photo .card-photo-text .card-photo-text-container .card-photo-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  opacity: 0.3;
}
.card-photo .card-photo-text .card-photo-text-container .card-photo-icon svg {
  width: 150px;
  height: auto;
}
.card-photo .card-photo-text .card-photo-text-container .wish-from {
  font-size: 1.5rem;
  font-weight: 700;
  width: 100%;
  display: block;
  line-height: 1;
  margin-top: 30px;
  position: relative;
  z-index: 5;
}
.card-photo .card-photo-text .card-photo-text-container .wish-date {
  width: 100%;
  display: block;
  font-size: 10px;
  position: relative;
  z-index: 5;
}
.card-photo .card-photo-text .card-photo-text-container .wish-message {
  width: 100%;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #5c5c5c;
  position: relative;
  z-index: 5;
  font-size: 13px;
}
.card-photo .card-photo-text .card-photo-text-container .wish-address {
  width: 100%;
  display: block;
  font-size: 10px;
  color: #848484;
  position: relative;
  z-index: 5;
}
.owl-item .card-photo-wrapper {
  transform: scale(1);
  transition: all 0.2s;
  transition-delay: 0.2s;
}
.owl-item.active.center .card-photo-wrapper {
  transform: scale(1.1);
}
#owl-slider-wish {
  width: 400px;
  position: relative;
  left: -32px;
}
@media screen and (max-width: 500px) {
  #owl-slider-wish {
    width: 100vw;
    left: -2rem;
  }
}
#owl-slider-wish .item {
  padding-top: 25px;
  padding-bottom: 25px;
}
.helper-wrapper {
  position: fixed;
  z-index: 999;
  bottom: 100px;
  width: 100%;
  text-align: center;
  transition: all 0.3s;
}
.helper-wrapper.open-sub {
  bottom: 145px;
}
.helper-wrapper .btn-assistant {
  font-size: 11px;
  display: inline-block;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}
.helper-wrapper .btn-assistant a {
  color: #2d2d2d;
}
.assist-todo {
  width: 100%;
  display: inline-block;
  font-size: 16px;
}
.assist-desc {
  font-size: 11px;
  width: 100%;
  display: block;
  color: grey;
}
.assist-state {
  font-size: 24px;
  line-height: 1;
}
.assist-complete {
  color: #49ab72;
}
.assist-uncomplete {
  color: #2d2d2d;
}
.assist-card {
  box-shadow: none;
}
.assist-card:hover {
  background-color: #e8e8e8;
}
.assist-card.complete {
  border-color: #bbe7a8 !important;
  background-color: #fafff7 !important;
}
.undangan-live .portofolio-list img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 500px) {
  .undangan-live .item-pricelist img {
    height: 450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
.portowrap {
  background-image: url(images/portowrap.22b71f4.jpg);
  background-size: cover;
}
@media screen and (max-width: 500px) {
  .portowrap {
    background-image: url(images/portowrap-m.f77e8db.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .portowrap .undangan-live h1 span:first-child {
    font-size: 3rem !important;
  }
}
.gift-card p {
  width: 100%;
}
#qrcode-rsvp {
  width: 100% !important;
  height: auto !important;
}
.gfont-item {
  color: #2d2d2d;
  border: 1px solid #e8e8e8;
  height: 50px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.gfont-item:hover {
  color: #2d2d2d;
  text-decoration: none;
}
.banner-switch {
  border-radius: 15px;
  filter: grayscale(100%);
  display: block;
}
.banner-switch.active {
  filter: grayscale(0);
}
.banner-switch.active img {
  border: 5px solid #f7dad9;
}
.banner-switch img {
  border-radius: 15px;
  border: 5px solid transparent;
}
.form-express {
  max-width: 400px;
  margin: 0 auto;
}
.full-form-data {
  padding: 15px;
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .full-form-data {
    width: 300px;
    margin: 0 auto;
  }
}
.item-package {
  border: 5px solid transparent !important;
}
.item-package.selected {
  border: 5px solid #f7dad9 !important;
}
.item-package.selected,
.item-package:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.item-package ul {
  list-style: none;
  padding-left: 0;
}
.item-package ul li {
  margin-bottom: 10px;
  font-size: 12px;
}
.item-package ul li:first-child {
  font-weight: 700;
  color: green;
}
.mx-datepicker {
  width: 100% !important;
}
.step-center-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  height: auto;
  overflow: auto;
  padding-bottom: 85px !important;
}
.step-center-wrapper.center {
  text-align: center;
}
.step-center-wrapper.padding {
  padding: 15px;
}
.step-controls {
  position: fixed;
  z-index: 99;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 10px 15px;
  background-color: #fff;
}
.select-package,
.select-quotes {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  height: auto;
}
.item-package .fitur-wrap {
  max-height: 0;
  height: auto;
  transition: all 0.5s;
  overflow: hidden;
}
.item-package.selected .fitur-wrap {
  max-height: 500px;
  overflow: auto;
}
.select-design {
  padding: 15px;
}
.select-design .owl-dots,
.select-design .owl-nav,
.select-design .owl-stage-outer {
  display: none;
}
.select-design .item-preset {
  margin-bottom: 15px;
  text-align: center;
}
.select-design .item-preset img {
  border-radius: 15px;
  border: 5px solid transparent;
}
.select-design .item-preset.selected img {
  border: 5px solid #f7dad9;
}
.step-female-profile {
  padding: 15px;
}
.flat-form {
  position: relative;
  margin-bottom: 2rem;
}
.flat-form legend {
  font-size: 12px;
  padding-bottom: 0;
}
.flat-form[\:has\(input\[required\]\)] legend:before {
  content: "*";
  color: red;
  font-size: 16px;
  line-height: 1;
  margin-right: 2px;
  top: 3px;
  position: relative;
  display: inline-block;
}
.flat-form:has(input[required]) legend:before {
  content: "*";
  color: red;
  font-size: 16px;
  line-height: 1;
  margin-right: 2px;
  top: 3px;
  position: relative;
  display: inline-block;
}
.flat-form[\:has\(select\[required\]\)] legend:before {
  content: "*";
  color: red;
  font-size: 16px;
  line-height: 1;
  margin-right: 2px;
  top: 3px;
  position: relative;
  display: inline-block;
}
.flat-form:has(select[required]) legend:before {
  content: "*";
  color: red;
  font-size: 16px;
  line-height: 1;
  margin-right: 2px;
  top: 3px;
  position: relative;
  display: inline-block;
}
.flat-form .custom-file-label,
.flat-form .custom-select,
.flat-form input,
.flat-form textarea {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ced4da;
  transition: all 0.2s;
  font-size: 16px;
  padding-left: 0;
}
.flat-form .custom-file-label:focus,
.flat-form .custom-select:focus,
.flat-form input:focus,
.flat-form textarea:focus {
  border: none;
  border-bottom: 2px solid #f7dad9;
  box-shadow: none;
}
.flat-form .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.flat-form .custom-file-label {
  background-color: transparent;
}
.flat-form .custom-file-label:after {
  height: calc(1.75rem + 2px);
  padding: 0.12rem 0.75rem;
}
.flat-form[focus-within][\:not-has\(input\[placeholder\]\)] legend {
  top: 0;
  left: 0;
  font-size: 12px;
}
.flat-form[focus-within]:not(:has(input[placeholder])) legend {
  top: 0;
  left: 0;
  font-size: 12px;
}
.flat-form:focus-within[\:not-has\(input\[placeholder\]\)] legend {
  top: 0;
  left: 0;
  font-size: 12px;
}
.flat-form:focus-within:not(:has(input[placeholder])) legend {
  top: 0;
  left: 0;
  font-size: 12px;
}
.flat-form[focus-within] legend {
  color: #ffa0ae !important;
}
.flat-form:focus-within legend {
  color: #ffa0ae !important;
}
.flat-form[\:not-has\(input\[placeholder\]\)] {
  padding-top: 1rem;
}
.flat-form:not(:has(input[placeholder])) {
  padding-top: 1rem;
}
.flat-form[\:not-has\(input\[placeholder\]\)] input,
.flat-form[\:not-has\(input\[placeholder\]\)] select,
.flat-form[\:not-has\(input\[placeholder\]\)] textarea {
  background-color: transparent;
}
.flat-form:not(:has(input[placeholder])) input,
.flat-form:not(:has(input[placeholder])) select,
.flat-form:not(:has(input[placeholder])) textarea {
  background-color: transparent;
}
.flat-form[\:not-has\(input\[placeholder\]\)] legend {
  position: absolute;
  left: 0;
  top: 1.55rem;
  font-size: 16px;
  color: #757575;
  transition: all 0.2s;
}
.flat-form:not(:has(input[placeholder])) legend {
  position: absolute;
  left: 0;
  top: 1.55rem;
  font-size: 16px;
  color: #757575;
  transition: all 0.2s;
}
/* 1. Custom Select Logic */
.flat-form:has(.custom-select) {
  padding-top: 1rem !important;
}

.flat-form:has(.custom-select) legend {
  top: 0 !important;
  color: #2d2d2d;
  left: 0 !important;
  font-size: 12px !important;
}

/* 2. Textarea with Placeholder Logic */
.flat-form:has(textarea[placeholder]) {
  padding-top: 1rem !important;
}

.flat-form:has(textarea[placeholder]) legend {
  top: 0 !important;
  color: #2d2d2d;
  left: 0 !important;
  font-size: 12px !important;
}

/* 3. Custom File Label Logic */
.flat-form:has(.custom-file-label) {
  padding-top: 2.1rem !important;
  background-color: transparent;
}

.flat-form:has(.custom-file-label) legend {
  top: 0 !important;
  color: #2d2d2d;
  left: 0 !important;
  font-size: 12px !important;
}
.row.full-page {
  width: auto;
}
.notransition {
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.item-event-manager svg {
  width: 25px !important;
  height: 25px !important;
}
.speed-one {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
}
.speed-two {
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important;
}
.speed-three {
  -webkit-animation-duration: 3s !important;
  animation-duration: 3s !important;
}
.speed-four {
  -webkit-animation-duration: 4s !important;
  animation-duration: 4s !important;
}
.speed-five {
  -webkit-animation-duration: 5s !important;
  animation-duration: 5s !important;
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
.fixed-container {
  max-width: 500px;
  margin: 0 auto;
}
.full-page {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.bottom-controls-navigation {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.filter-nav {
  border: 1px solid #e8e8e8;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 15px;
  color: #26282b;
}
.filter-nav:hover {
  text-decoration: none;
}
.filter-nav.active {
  background-color: #26282b;
  color: #f7dad9;
}
.card-flat {
  background-color: #f8f7f7;
  border: none;
}
.card-flat.active {
  background-color: #f7dad9;
}
.card-flat.item-nav {
  text-align: center;
  height: 100%;
  cursor: pointer;
}
.card-flat.item-nav .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.image-selfie {
  -o-object-fit: cover;
  object-fit: cover;
}
.backdrop {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
}
.backdrop .backdrop-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.49);
}
.full-page.form-wrapper {
  left: unset;
  border: none;
  overflow: auto;
  bottom: unset;
  opacity: 1;
  margin-top: 50px;
  box-shadow: none;
  border-radius: 0;
}
@media screen and (min-width: 576px) {
  .full-page.form-wrapper .container {
    max-width: 100% !important;
  }
}
.full-page.form-wrapper.front {
  margin-top: 0;
}
.full-page.form-wrapper.front .app-header {
  background-color: transparent;
  color: #fff;
}
.full-page.form-wrapper.front .app-header a {
  color: #fff;
}
.full-page.form-wrapper.front .container {
  display: none;
}
.food-list ul {
  padding-left: 15px;
}
.status-card .table-guest {
  font-size: 14px;
}
.table-guest svg {
  width: 18px;
  height: 18px;
}
.item-guest {
  cursor: pointer;
  height: 100%;
  padding-bottom: 25px;
  position: relative;
  box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.49);
}
.item-guest .status-card {
  position: absolute;
  bottom: 15px;
}
.item-guest .status-card .icon-owl svg {
  width: 15px;
  height: 15px;
}
.controls-menu {
  position: fixed;
  z-index: 99;
  width: 100%;
  right: 0;
  bottom: 0;
  text-align: center;
  bottom: 15px;
}
.controls-menu .controls-wrap {
  display: inline-block;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
  padding: 0.75rem 0.5rem;
  border-radius: 55px;
  margin-bottom: 0.5rem;
}
.controls-menu.front {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
}
.controls-menu.front .controls-wrap {
  width: 300px;
  margin: 0 auto;
  background-color: transparent;
  box-shadow: none;
  transform: scale(1.3);
}
.controls-menu.front .claim-souvenir,
.controls-menu.front .manual-guestbook,
.controls-menu.front .scan-button {
  display: block;
  right: 0;
  margin-bottom: 15px;
}
.controls-menu .wrapper-menu {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.controls-menu .scan-button {
  background-color: #fff4f3;
  border-radius: 55px;
  display: inline-block;
  padding: 10px 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.09);
  color: #26282b;
  font-size: 1rem;
  position: relative;
}
.controls-menu .scan-button svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 10px;
}
.controls-menu .inviting .controls-menu .scan-button {
  background-color: #c0f1ff !important;
}
.controls-menu .claim-souvenir {
  background-color: #fff;
  border-radius: 55px;
  display: inline-block;
  padding: 10px 20px;
  color: #26282b;
  font-size: 1rem;
  position: relative;
}
.controls-menu .claim-souvenir svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 10px;
}
.controls-menu .manual-guestbook {
  background-color: #fff;
  border-radius: 55px;
  display: inline-block;
  padding: 10px 20px;
  color: #26282b;
  font-size: 1rem;
  position: relative;
}
.controls-menu .manual-guestbook svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 10px;
}
@media screen and (max-width: 500px) {
  .controls-menu .controls-wrap {
    padding: 0.5rem;
  }
  .controls-menu .controls-wrap svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media screen and (max-width: 690px) and (min-width: 600px) {
  .controls-menu .claim-souvenir,
  .controls-menu .manual-guestbook,
  .controls-menu .scan-button {
    font-size: 0.75rem !important;
    padding: 5px 15px;
  }
  .controls-menu .printer-p {
    margin-bottom: 20px;
  }
  .controls-menu .item-guest .name {
    font-size: 14px !important;
  }
}
.app-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: 999;
  background-color: #fff;
}
.app-header .app-nav-header .icon-owl svg {
  width: 20px;
  height: 20px;
}
.app-header .app-nav-header.left {
  float: left;
}
.app-header .app-nav-header.right {
  float: right;
}
.app-header .app-nav-header a {
  padding: 10px;
  display: inline-block;
  color: #ffa0ae;
}
.app-header .app-nav-header h3 {
  margin-left: 20px;
  margin-bottom: 0;
  margin-top: 8px;
}
.modal-full-layer {
  padding: 0;
}
.welcome-guest {
  height: 500px;
  overflow: hidden;
  border-radius: 15px;
  background-size: cover;
  background-position: 50%;
}
.welcome-guest h3 {
  font-size: 20px;
}
.welcome-guest .btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.welcome-guest .wrapper-welcome {
  position: absolute;
  border-radius: 13px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.on-mobile .titleApp {
  font-size: 20px;
}
.on-mobile .container {
  padding-top: 30px !important;
}
.on-mobile .filter-nav {
  margin-bottom: 15px;
  display: inline-block;
}
.on-mobile .guest-count .withMaxAttendance,
.on-mobile .guest-count h1 {
  font-size: 20px !important;
}
.on-mobile .btn-connect-print {
  margin-top: 20px;
}
.on-mobile .app-nav-header.left {
  width: 25%;
  text-align: left;
}
.on-mobile .app-nav-header.left img {
  height: 44px;
  width: 44px !important;
}
.on-mobile .app-nav-header.right {
  width: 75%;
  text-align: right;
}
.on-mobile .full-page.form-wrapper {
  padding-top: 30px;
  padding-bottom: 150px !important;
}
.on-mobile .controls-menu.back a {
  height: 64px;
  display: inline-block;
  padding-top: 17px;
  text-align: center;
}
.on-mobile .controls-menu.back a span {
  display: none;
}
.on-mobile .controls-menu.back a svg {
  margin-left: 0 !important;
}
.on-mobile .guest-list-wrap h5 {
  font-size: 18px;
}
.on-mobile .item-guest .name {
  font-size: 16px !important;
}
.guest-count h1 {
  font-size: 2rem;
}
.jumbotron {
  background-color: #f3f6f9;
  border-radius: 15px;
}
@media screen and (max-width: 500px) {
  .jumbotron .lead {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .jumbotron .display-3 {
    font-size: 3rem;
  }
}
.jumbotron .jumbotron-img {
  width: 100%;
  text-align: center;
}
.jumbotron .jumbotron-img img {
  width: 30%;
}
@media screen and (max-width: 500px) {
  .jumbotron .jumbotron-img img {
    width: 100%;
  }
}
.btn-lg {
  padding: 1rem !important;
  font-size: 18px !important;
}
.btn-sm {
  padding: 0.3rem 0.5rem !important;
  font-size: 11px !important;
}
.plan-date,
.plan-date .date {
  text-align: center;
}
.plan-date .date {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
.planner-item {
  border-radius: 15px;
  position: relative;
}
.planner-item .badge {
  font-size: 11px;
  line-height: 1;
  margin-bottom: 0.8rem;
}
.planner-item .delete-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: red;
  z-index: 9;
}
.insight-master h3 b,
.insight h6 {
  color: #ffa0ae;
}
.detail-page {
  height: 100vh;
  overflow: auto;
  padding-right: 1.5rem;
}
.detail-page .page-detail-wrap {
  overflow: auto;
  padding-top: calc(2rem + 76px);
  padding-bottom: 80px;
}
.detail-page .custom-select {
  height: calc(2em + 1rem + 5px);
}
.detail-page p {
  font-size: 18px;
}
.money-in {
  color: #8bcc6f;
  font-weight: 800;
}
.badge-success {
  background-color: #edffe5;
  color: #8bcc6f;
}
.money-out {
  color: #e9abab;
  font-weight: 800;
}
.filter-wrapper {
  background-color: #f8f8f8;
  padding: 1.5rem;
  border-radius: 10px;
}
.filter-wrapper,
.table-wrapper {
  margin-top: 1.5rem;
}
.table-wrapper .item-budget {
  box-shadow: none;
}
.table-wrapper .item-budget .desc {
  font-size: 14px;
}
.table-wrapper .item-budget .date {
  font-size: 12px;
  color: #9c9c9c;
}
.table-wrapper .item-budget .action-btn {
  margin-right: 1rem;
}
.table-wrapper .item-budget .badge {
  font-size: 12px;
}
.table-wrapper .item-budget .amount-list {
  margin-right: 1.5rem;
  margin-bottom: 0;
}
.table-wrapper .item-budget .amount-list li {
  padding-left: 0;
  list-style: none;
}
.table-wrapper .item-budget .amount-list li .expected-amount {
  color: #8a8afe;
}
.table-wrapper .item-budget .amount-list li .invoice {
  font-size: 12px;
  margin-top: 1.5rem;
  display: inline-block;
}
.table-wrapper .item-budget .amount-list li .amount-due,
.table-wrapper .item-budget .amount-list li .amount-paid,
.table-wrapper .item-budget .amount-list li .different-amount,
.table-wrapper .item-budget .amount-list li .expected-amount {
  font-size: 12px;
}
.table-wrapper .item-budget .amount-list li .amount-due span,
.table-wrapper .item-budget .amount-list li .amount-paid span,
.table-wrapper .item-budget .amount-list li .different-amount span,
.table-wrapper .item-budget .amount-list li .expected-amount span {
  font-size: 10px;
}
.table-wrapper .item-budget .amount-list li .amount-paid {
  font-weight: 600;
  border-top: 1px solid #d8d8d8;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  display: inline-block;
  color: #51abe7;
}
.table-wrapper .item-budget .amount-list li .amount-due {
  color: #e9abab;
}
.table-wrapper .item-budget .amount-list li .due-date {
  font-size: 10px;
}
.table-wrapper .item-budget .amount {
  font-weight: 700;
  font-size: 20px;
}
.table-wrapper .item-budget.income .amount {
  color: #8bcc6f;
}
.table-wrapper .item-budget.expense .amount {
  color: #e9abab;
}
.list-menu-item {
  padding: 1rem 1rem 1rem 1.5rem;
}
.list-menu-item li {
  list-style: none;
}
.list-menu-item li a {
  display: block;
  padding: 1.75rem 2rem;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 1.3rem;
  color: #26282b;
  text-decoration: none;
}
.list-menu-item li a.active {
  background-color: #f7dad9;
}
.list-menu-item li a .icon-owl {
  margin-right: 15px;
}
.list-menu-item li a .icon-owl svg {
  height: 40px;
  width: 40px;
}
.planner-header {
  position: fixed;
  z-index: 9;
  width: 100vw;
  padding: 1rem;
  background: #f7dad9;
}
.planner-header .item-header-left {
  margin-right: 1.5rem;
  font-size: 30px;
  color: #26282b;
}
.planner-header .title-planner {
  display: block;
  margin-bottom: 0;
}
.planner-header h3 {
  margin-bottom: 0;
}
.planner-footer {
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 1rem;
  background-color: #fff;
}
.theme-desainer-wrapper {
  background-color: #fff;
  border-radius: 15px;
  padding: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.theme-desainer-wrapper h1 span {
  font-size: 1.5rem;
  color: #5d5b5b;
}
.badge.checkout {
  background-color: #f7dad9;
  color: #f63854;
}
.badge.badge-outline-succes {
  border: 1px solid #8bcc6f;
  color: #8bcc6f;
}
.badge.badge-outline-green {
  border: 1px solid green;
  color: green;
}
#qr-scanner {
  background-color: #f8f8f8;
  border: none !important;
  border-radius: 15px;
}
#qr-scanner img[alt="Info icon"] {
  margin-right: 5px;
  margin-top: 5px;
}
#qr-scanner__camera_permission_button,
#qr-scanner__dashboard_section_csr button {
  background-color: #f7dad9;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 15px;
  margin-bottom: 0.75rem;
}
#qr-scanner__dashboard_section_csr button {
  margin-bottom: 0;
}
.todo-wrapper {
  white-space: nowrap;
  overflow-x: auto;
}
.group-todo {
  margin-top: 1.5rem;
  margin-left: 1.5rem;
  width: 250px;
  float: left;
}
.group-todo:first-child {
  margin-left: 0;
}
.group-todo .group-title,
.item-todo {
  margin-bottom: 1.5rem;
}
.item-todo {
  cursor: pointer;
}
.item-todo .checklist-todo {
  top: -5px;
  right: -7px;
}
.item-todo h5,
.item-todo p {
  text-wrap: wrap;
}
.item-todo .title {
  font-weight: 600;
  font-size: 16px;
}
.item-todo .desc {
  color: #8c8c8c;
  font-size: 12px;
  text-wrap: wrap;
}
.item-todo .date {
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 0;
}
.item-todo .subtask-info {
  margin-top: 1rem;
}
.item-todo .subtask-info p {
  font-size: 12px;
}
.item-todo .subtask-info .progress {
  height: 0.35rem;
}
.form-text {
  margin-bottom: 0;
}
.form-text input,
.form-text textarea {
  background-color: transparent;
  border: none;
}
.form-text input:focus,
.form-text textarea:focus {
  background-color: #f8f8f8;
}
.form-text.title input {
  font-size: 20px;
  font-weight: 600;
}
.croppie-container {
  width: 100%;
  height: 100%;
}
.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.croppie-container .cr-resizer,
.croppie-container .cr-viewport {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-horisontal,
.croppie-container .cr-resizer-vertical {
  position: absolute;
  pointer-events: all;
}
.croppie-container .cr-resizer-horisontal:after,
.croppie-container .cr-resizer-vertical:after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}
.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical:after {
  left: 50%;
  margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal:after {
  top: 50%;
  margin-top: -5px;
}
.croppie-container .cr-original-image {
  display: none;
}
.croppie-container .cr-vp-circle {
  border-radius: 50%;
}
.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}
.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}
.croppie-result {
  position: relative;
  overflow: hidden;
}
.croppie-result img {
  position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  transform: translateZ(0);
}
.cr-slider {
  -webkit-appearance: none;
  width: 300px;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:focus {
  outline: none;
}
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}
.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.cr-slider::-ms-fill-lower,
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower,
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "↺";
}
.cr-rotate-r i:before {
  content: "↻";
}
.cookieControl__Modal-enter-active,
.cookieControl__Modal-leave-active {
  transition: opacity 0.25s;
}
.cookieControl__Modal-enter,
.cookieControl__Modal-leave-to {
  opacity: 0;
}
.cookieControl__Bar--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cookieControl__Bar--bottom-full-enter-active,
.cookieControl__Bar--bottom-full-leave-active,
.cookieControl__Bar--bottom-left-enter-active,
.cookieControl__Bar--bottom-left-leave-active,
.cookieControl__Bar--bottom-right-enter-active,
.cookieControl__Bar--bottom-right-leave-active,
.cookieControl__Bar--center-enter-active,
.cookieControl__Bar--center-leave-active,
.cookieControl__Bar--top-full-enter-active,
.cookieControl__Bar--top-full-leave-active,
.cookieControl__Bar--top-left-enter-active,
.cookieControl__Bar--top-left-leave-active,
.cookieControl__Bar--top-right-enter-active,
.cookieControl__Bar--top-right-leave-active {
  transition: transform 0.25s;
}
.cookieControl__Bar--top-full-enter,
.cookieControl__Bar--top-full-leave-to,
.cookieControl__Bar--top-left-enter,
.cookieControl__Bar--top-left-leave-to,
.cookieControl__Bar--top-right-enter,
.cookieControl__Bar--top-right-leave-to {
  transform: translateY(-100%);
}
.cookieControl__Bar--bottom-full-enter,
.cookieControl__Bar--bottom-full-leave-to,
.cookieControl__Bar--bottom-left-enter,
.cookieControl__Bar--bottom-left-leave-to,
.cookieControl__Bar--bottom-right-enter,
.cookieControl__Bar--bottom-right-leave-to {
  transform: translateY(100%);
}
.cookieControl__Bar--center-enter,
.cookieControl__Bar--center-leave-to {
  transform: translate(-50%, -50%) scale(0.95);
}
.cookieControl {
  position: relative;
  z-index: 100000;
}
.cookieControl button {
  border: 0;
  outline: 0;
  font-size: 16px;
  cursor: pointer;
  padding: 12px 20px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: background-color 0.2s, color 0.2s;
}
.cookieControl__Bar {
  position: fixed;
  background-color: var(--cookie-control-barBackground);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.cookieControl__Bar h3,
.cookieControl__Bar p {
  color: var(--cookie-control-barTextColor);
  max-width: 900px;
}
.cookieControl__Bar h3 {
  margin: 0;
  font-size: 20px;
}
.cookieControl__Bar p {
  font-size: 16px;
  margin: 5px 0 0;
}
.cookieControl__Bar button {
  color: var(--cookie-control-barButtonColor);
  background-color: var(--cookie-control-barButtonBackground);
}
.cookieControl__Bar button:hover {
  color: var(--cookie-control-barButtonHoverColor);
  background-color: var(--cookie-control-barButtonHoverBackground);
}
.cookieControl__Bar button + button {
  margin-left: 10px;
}
.cookieControl__BarContainer {
  display: flex;
  padding: 20px;
  align-items: flex-end;
  justify-content: space-between;
}
.cookieControl__Bar--bottom-full,
.cookieControl__Bar--top-full {
  left: 0;
  right: 0;
}
.cookieControl__Bar--top-full {
  top: 0;
}
.cookieControl__Bar--bottom-full {
  bottom: 0;
}
.cookieControl__Bar--bottom-left p,
.cookieControl__Bar--bottom-right p,
.cookieControl__Bar--center p,
.cookieControl__Bar--top-left p,
.cookieControl__Bar--top-right p {
  max-width: 400px;
}
.cookieControl__Bar--bottom-left .cookieControl__BarContainer,
.cookieControl__Bar--bottom-right .cookieControl__BarContainer,
.cookieControl__Bar--center .cookieControl__BarContainer,
.cookieControl__Bar--top-left .cookieControl__BarContainer,
.cookieControl__Bar--top-right .cookieControl__BarContainer {
  flex-direction: column;
}
.cookieControl__Bar--bottom-left .cookieControl__BarButtons,
.cookieControl__Bar--bottom-right .cookieControl__BarButtons,
.cookieControl__Bar--center .cookieControl__BarButtons,
.cookieControl__Bar--top-left .cookieControl__BarButtons,
.cookieControl__Bar--top-right .cookieControl__BarButtons {
  margin-top: 20px;
}
.cookieControl__Bar--top-left,
.cookieControl__Bar--top-right {
  top: 20px;
}
.cookieControl__Bar--bottom-left,
.cookieControl__Bar--bottom-right {
  bottom: 20px;
}
.cookieControl__Bar--bottom-left,
.cookieControl__Bar--top-left {
  left: 20px;
}
.cookieControl__Bar--bottom-right,
.cookieControl__Bar--top-right {
  right: 20px;
}
.cookieControl__BarButtons {
  display: flex;
}
.cookieControl__Modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 0;
  text-align: center;
}
.cookieControl__Modal:before {
  content: "";
  min-height: 100vh;
  display: inline-block;
  vertical-align: middle;
}
.cookieControl__Modal:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: var(--cookie-control-modalOverlayOpacity);
  background-color: var(--cookie-control-modalOverlay);
}
.cookieControl__Modal > div {
  font-size: medium;
  padding-top: 80px;
}
.cookieControl__Modal button {
  color: var(--cookie-control-modalButtonColor);
  background-color: var(--cookie-control-modalButtonBackground);
}
.cookieControl__Modal button:hover {
  color: var(--cookie-control-modalButtonHoverColor);
  background-color: var(--cookie-control-modalButtonHoverBackground);
}
.cookieControl__ModalContent {
  position: relative;
  width: 100%;
  padding: 40px;
  max-width: 550px;
  max-height: 80vh;
  text-align: left;
  overflow-y: scroll;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--cookie-control-modalBackground);
}
.cookieControl__ModalContent,
.cookieControl__ModalContent :not(button) {
  color: var(--cookie-control-modalTextColor);
}
.cookieControl__ModalContent h3 {
  font-size: 24px;
  margin: 50px 0 25px;
}
.cookieControl__ModalContent h3:first-of-type {
  margin-top: 0;
}
.cookieControl__ModalContent ul {
  padding: 0;
  font-size: 16px;
  list-style-type: none;
}
.cookieControl__ModalContent ul ul {
  padding: 5px 56px 0;
}
.cookieControl__ModalContent ul ul li + li {
  margin-top: 5px;
}
.cookieControl__ModalContent li {
  align-items: center;
}
.cookieControl__ModalContent li + li {
  margin-top: 20px;
}
.cookieControl__ModalContent input {
  display: none;
}
.cookieControl__ModalContent input:checked + label {
  background-color: var(--cookie-control-checkboxActiveBackground);
}
.cookieControl__ModalContent input:checked + label:before {
  background-color: var(--cookie-control-checkboxActiveCircleBackground);
  transform: translate3d(100%, -50%, 0);
}
.cookieControl__ModalContent input:checked:disabled + label {
  background-color: var(--cookie-control-checkboxDisabledBackground);
}
.cookieControl__ModalContent input:checked:disabled + label:before {
  background-color: var(--cookie-control-checkboxDisabledCircleBackground);
}
.cookieControl__ModalContent label {
  position: relative;
  min-width: 36px;
  min-height: 20px;
  font-size: 0;
  display: block;
  margin-right: 20px;
  border-radius: 20px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: background-color 0.2s;
  background-color: var(--cookie-control-checkboxInactiveBackground);
}
.cookieControl__ModalContent label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transition: transform 0.2s;
  transform: translate3d(0, -50%, 0);
  background-color: var(--cookie-control-checkboxInactiveCircleBackground);
}
.cookieControl__ModalInputWrapper {
  display: flex;
  align-items: flex-start;
}
.cookieControl__ModalCookieName {
  font-weight: 700;
  text-transform: uppercase;
}
.cookieControl__ModalCookieName span {
  font-weight: 400;
  text-transform: none;
}
.cookieControl__ModalClose {
  position: absolute;
  top: 20px;
  right: 20px;
}
.cookieControl__ModalButtons {
  display: flex;
  margin-top: 80px;
  align-items: flex-start;
}
.cookieControl__ModalButtons button + button {
  margin-left: 20px;
}
.cookieControl__ModalUnsaved {
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin: 0;
  color: var(--cookie-control-modalUnsavedColor);
  font-size: 14px;
  transform: translateX(-50%);
}
.cookieControl__BlockedIframe {
  padding: 20px;
  border: 2px solid #ddd;
}
.cookieControl__BlockedIframe a,
.cookieControl__BlockedIframe p {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  .cookieControl__Bar {
    flex-direction: column;
    left: 0;
    right: 0;
  }
  .cookieControl__Bar h3,
  .cookieControl__Bar p {
    max-width: 100%;
  }
  .cookieControl__Bar--top-full,
  .cookieControl__Bar--top-left,
  .cookieControl__Bar--top-right {
    top: 0;
  }
  .cookieControl__Bar--bottom-full,
  .cookieControl__Bar--bottom-left,
  .cookieControl__Bar--bottom-right {
    bottom: 0;
  }
  .cookieControl__ModalContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    max-height: 100%;
    padding: 80px 20px 20px;
  }
  .cookieControl__BarButtons {
    width: 100%;
    margin-top: 20px;
    flex-direction: column;
    justify-content: center;
  }
  .cookieControl__BarButtons button {
    width: 100%;
  }
  .cookieControl__BarButtons button + button {
    margin: 10px 0 0;
  }
  .cookieControl__BarContainer,
  .cookieControl__ModalButtons {
    flex-direction: column;
  }
  .cookieControl__ModalButtons button {
    width: 100%;
  }
  .cookieControl__ModalButtons button + button {
    margin: 10px 0 0;
  }
}
.cookieControl__ControlButton {
  position: fixed;
  right: 20px;
  bottom: 20px;
  border: 0;
  outline: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: background-color 0.2s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: var(--cookie-control-controlButtonBackground);
}
.cookieControl__ControlButton svg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  transition: color 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate(-50%, -50%);
  color: var(--cookie-control-controlButtonIconColor);
}
.cookieControl__ControlButton:hover {
  background-color: var(--cookie-control-controlButtonHoverBackground);
}
.cookieControl__ControlButton:hover svg {
  color: var(--cookie-control-controlButtonIconHoverColor);
}
.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #000;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}
html {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
}
.button--green {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px;
}
.button--green:hover {
  color: #fff;
  background-color: #3b8070;
}
.button--grey {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #35495e;
  color: #35495e;
  text-decoration: none;
  padding: 10px 30px;
  margin-left: 15px;
}
.button--grey:hover {
  color: #fff;
  background-color: #35495e;
}
.color-web_primary_color[data-v-3faa3297] {
  color: #f63854;
}
.color-primary_base[data-v-3faa3297] {
  color: #f7dad9;
}
.color-primary_up[data-v-3faa3297] {
  color: #ffa0ae;
}
.color-primary-inviting[data-v-3faa3297] {
  color: #c0f1ff;
}
.color-primary-inviting-bold[data-v-3faa3297] {
  color: #72d8f5;
}
.color-secondary_base[data-v-3faa3297] {
  color: #26282b;
}
.font-weight-200[data-v-3faa3297] {
  font-weight: 200 !important;
}
.font-weight-300[data-v-3faa3297] {
  font-weight: 300 !important;
}
.font-weight-400[data-v-3faa3297] {
  font-weight: 400 !important;
}
.font-weight-500[data-v-3faa3297] {
  font-weight: 500 !important;
}
.font-weight-600[data-v-3faa3297] {
  font-weight: 600 !important;
}
.font-weight-700[data-v-3faa3297] {
  font-weight: 700 !important;
}
.font-weight-800[data-v-3faa3297] {
  font-weight: 800 !important;
}
.font-size-10[data-v-3faa3297] {
  font-size: 10px !important;
}
.font-size-12[data-v-3faa3297] {
  font-size: 12px !important;
}
.font-size-13[data-v-3faa3297] {
  font-size: 13px !important;
}
.font-size-14[data-v-3faa3297] {
  font-size: 14px !important;
}
.font-size-15[data-v-3faa3297] {
  font-size: 15px !important;
}
.font-size-16[data-v-3faa3297] {
  font-size: 16px !important;
}
.font-size-18[data-v-3faa3297] {
  font-size: 18px !important;
}
.font-size-20[data-v-3faa3297] {
  font-size: 20px !important;
}
.font-size-22[data-v-3faa3297] {
  font-size: 22px !important;
}
.font-size-24[data-v-3faa3297] {
  font-size: 24px !important;
}
.font-size-28[data-v-3faa3297] {
  font-size: 28px !important;
}
.text-web-primary[data-v-3faa3297] {
  color: #f63854;
}
.text-dark_color[data-v-3faa3297] {
  color: #2d2d2d;
}
.text-dark_color_1[data-v-3faa3297] {
  color: #272727;
}
.text-white_color[data-v-3faa3297] {
  color: #fff;
}
.text-web-secondary[data-v-3faa3297] {
  color: #49516f;
}
.text-tosca[data-v-3faa3297] {
  color: #008489;
}
.text-grey[data-v-3faa3297] {
  color: #e5e5e5;
}
.text-light-grey[data-v-3faa3297] {
  color: #f4f4f4;
}
.text-light-magenta[data-v-3faa3297] {
  color: #fbebed;
}
.text-gold[data-v-3faa3297] {
  color: #ffc200;
}
.bg-web-primary[data-v-3faa3297] {
  background-color: #f63854;
}
.bg-dark_color[data-v-3faa3297] {
  background-color: #2d2d2d;
}
.bg-dark_color_1[data-v-3faa3297] {
  background-color: #272727;
}
.bg-white_color[data-v-3faa3297] {
  background-color: #fff;
}
.bg-web-secondary[data-v-3faa3297] {
  background-color: #49516f;
}
.bg-tosca[data-v-3faa3297] {
  background-color: #008489;
}
.bg-grey[data-v-3faa3297] {
  background-color: #e5e5e5;
}
.bg-light-grey[data-v-3faa3297] {
  background-color: #f4f4f4;
}
.bg-light-magenta[data-v-3faa3297] {
  background-color: #fbebed;
}
.bg-gold[data-v-3faa3297] {
  background-color: #ffc200;
}
.loading-screen[data-v-3faa3297] {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #fff;
  text-align: center;
}
.dummy-mode[data-v-3faa3297] {
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 15px;
  color: #fff;
  border-radius: 50px;
  left: 10px;
  top: 10px;
  font-size: 10px;
}
.preview-badge[data-v-3faa3297] {
  text-align: center;
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-items: center;
  flex-direction: row;
  height: 100vh;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  z-index: 9999;
}
#main-wrap[data-v-3faa3297] {
  overflow: hidden;
}
#main-wrap .darkMode[data-v-3faa3297] {
  background-color: #2d2d2d;
}
.setting-menu[data-v-3faa3297] {
  position: fixed;
  color: #fff;
  z-index: 99999;
  left: 15px;
  top: 15px;
}
.setting-menu a[data-v-3faa3297] {
  color: #fff;
  font-size: 12px;
  padding: 15px 20px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  text-decoration: none;
}
.load-page[data-v-3faa3297] {
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  position: fixed;
}
.load-page .b-overlay-wrap[data-v-3faa3297] {
  height: 100%;
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
@font-face {
  font-family: "chandra";
  src: url(../fonts/Chandra.d9fd179.otf);
}
#big-image {
  margin-bottom: 10px;
}
#story-slider .owl-stage {
  display: flex;
  align-items: center;
}
#story-slider.animated-show .owl-item h1,
#story-slider.animated-show .owl-item p {
  transform: scale(0.3);
  transition: all 0.5s;
  transition-delay: 1s;
}
#story-slider.animated-show .owl-item.show h1,
#story-slider.animated-show .owl-item.show p {
  transform: scale(1);
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
@font-face {
  font-family: "exmouth";
  src: url(../fonts/exmouth.0f90ba2.ttf);
}
.btn-outline {
  border: 1px solid transparent;
  background: transparent;
}
section {
  z-index: 1;
  position: relative;
}
.parallax.fixed {
  height: 100vh !important;
  top: 0 !important;
}
h1 {
  font-size: 85px !important;
}
.layout {
  background-color: #fff;
}
.layout.noscroll {
  height: 68vh;
  overflow: hidden;
}
.is_preview .wow {
  visibility: visible !important;
}
.btn-link {
  font-style: italic;
  text-transform: none !important;
  border: none;
  font-weight: 600;
  letter-spacing: 1px !important;
  margin-top: 1rem;
  float: right;
}
.btn-link:focus {
  outline: none;
  box-shadow: none;
}
b {
  font-weight: 600;
}
::-webkit-scrollbar,
::-webkit-scrollbar-thumb {
  width: 3px;
}
.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 5px;
  padding: 0.6rem 2rem;
}
ul {
  list-style-type: none;
  padding: 0;
}
body {
  overflow-y: hidden;
}
#story h1 {
  text-align: center;
}
svg polygon {
  fill: #000;
}
.image-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.orb-deco {
  width: 300px;
  height: 330px;
  position: absolute;
  top: -80px;
  right: -40px;
}
.orb-deco h1 {
  padding: 1rem;
}
.orb-deco.gift {
  top: 190px;
  right: 111px;
}
.orb-deco.closing {
  right: unset;
  left: -30px;
  top: -60px;
}
#background_music.off {
  opacity: 0.5;
}
.owl-item.active
  .item
  .image
  .orb-photo-frame.orb-obj-1.story {
  overflow: inherit !important;
}
.owl-item.active
  .item
  .image
  .orb-photo-frame.orb-obj-1.story
  .box-slide {
  width: 100%;
}
.owl-item.active
  .item
  .image
  .orb-photo-frame.orb-obj-1.story
  img {
  transform: translateX(0);
}
.overlay-cover-top {
  height: 20%;
  top: 0;
}
.overlay-cover-bottom,
.overlay-cover-top {
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
}
.overlay-cover-bottom {
  height: 70%;
  bottom: 0;
}
.divider-v {
  display: block;
  width: 1px;
  height: 80px;
  margin: 0 auto 2rem;
}
.orb-photo-frame {
  display: block;
  position: relative;
  overflow: hidden !important;
  padding-bottom: 135%;
}
.orb-photo-frame:hover .orb-zoom {
  opacity: 1;
  transform: scale(1);
}
.orb-photo-frame .orb-zoom {
  opacity: 0.5;
  transform: scale(0);
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s ease-in-out;
}
.orb-photo-frame .orb-zoom .b-icon {
  transform: none;
  position: static;
  width: 15px;
  height: 15px;
  transition: 0.4s ease-in-out;
}
.orb-photo-frame .box-slide {
  background-color: #ccc;
  --animate-duration: 0.6s;
}
.orb-photo-frame .box-slide,
.orb-photo-frame img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.orb-photo-frame img {
  z-index: 1;
  bottom: 0;
  --animate-duration: 0.7s;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.orb-photo-frame.story {
  padding-bottom: 145%;
}
.rb-object-frame {
  position: relative;
}
.rb-object-frame .shape-line {
  position: absolute;
  z-index: 3;
  top: 0;
  right: -15px;
  width: 100%;
}
.rb-object-frame .shape-rounded {
  position: absolute;
  width: 117%;
  top: -40px;
  z-index: 2;
  left: -29px;
}
.rb-object-frame.closing .orb-deco {
  width: 364px;
  height: 398px;
  top: 25px;
}
.rb-object-frame.male .orb-deco {
  left: -40px;
}
.rb-object-frame .orb-obj-1 img {
  -o-object-position: center;
  object-position: center;
}
.rb-object-frame .orb-obj-1 {
  z-index: 1;
  width: 100%;
}
.rb-object-frame .orb-obj-1.closing,
.rb-object-frame .orb-obj-1.story {
  margin-top: 0;
}
.rb-object-frame .orb-obj-1.closing {
  height: calc(100% + 78px);
}
.orb-description {
  position: absolute;
  bottom: -2rem;
  left: 0;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.orb-description.photo-slider {
  bottom: 20%;
  left: 80%;
}
.orb-description .orb-text {
  width: calc(100% - 170px);
  display: flex;
  align-items: center;
}
.orb-description .orb-text span {
  width: calc(100% - 150px);
  height: 1px;
  z-index: 1;
}
.orb-description .orb-text .more {
  line-height: 6px;
  font-size: 14px;
  font-style: italic;
  width: 150px;
}
.orb-description .orb-nav-frame {
  width: 170px;
  position: relative;
}
.orb-description .orb-nav-frame .orb-nav {
  position: absolute;
  top: -30px;
  right: 0;
  display: flex;
}
.orb-description .orb-nav-frame .orb-nav .orb-next,
.orb-description .orb-nav-frame .orb-nav .orb-prev {
  height: 60px;
  width: 60px;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.orb-description .orb-nav-frame .orb-nav .orb-next.disabled,
.orb-description .orb-nav-frame .orb-nav .orb-prev.disabled {
  opacity: 0.2;
}
.form-control {
  border-radius: 0;
  height: 40px;
  position: relative;
  font-size: 16px;
  background-color: transparent;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid;
}
.form-control:focus {
  outline: none;
  transition: all 0.9s ease;
  box-shadow: none;
}
#cover {
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100%;
  z-index: 999;
}
#cover .image-content {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
#cover .image-content .image-overlay {
  display: flex;
  justify-content: center;
}
#cover .image-content .image-overlay .title-cover {
  padding: 5em 3em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#cover .image-content .image-overlay .title-cover .title {
  letter-spacing: 10px;
  text-transform: uppercase;
}
#cover .image-content .image-overlay .title-cover .date {
  letter-spacing: 10px;
}
#cover .image-content .image-overlay .title-cover h1 {
  transform: scale(1.5);
  border-bottom: 0;
  line-height: 0.8;
}
#cover .image-content .image-overlay .title-cover span i {
  display: block;
  height: 1px;
  background: #fff;
  max-width: 570px;
  margin: 20px auto;
  width: 100%;
}
#cover .image-content .image-overlay .title-cover .tamu-wrap {
  margin: 2em 0;
}
#cover .image-content .image-overlay .title-cover button {
  border-radius: 0;
  font-size: 14px;
}
.is_preview #header {
  position: absolute !important;
  z-index: 99;
}
.is_preview.mobile {
  height: 100%;
}
.is_preview #cover,
.is_preview #header.changeeBg {
  position: absolute;
  height: 100%;
  width: 100%;
}
.is_preview #background_music,
.is_preview .btn.scroll-top {
  display: none;
}
#background_music {
  position: fixed;
  bottom: 10%;
  right: 24px;
  z-index: 99;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 2px 9px 0 hsla(0, 0%, 50.2%, 0.63137);
}
#background_music.off .animation-music {
  display: none;
}
#background_music .animation-music {
  position: absolute;
  bottom: 20px;
}
#background_music .animation-music span {
  display: inline-block;
}
#background_music .animation-music span:first-child {
  position: absolute;
  bottom: 5px;
  -webkit-animation: musicPlay-data-v-825d5752 2s infinite;
  animation: musicPlay-data-v-825d5752 2s infinite;
  font-size: 12px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
#background_music .animation-music span:last-child {
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  left: 10px;
  -webkit-animation: musicPlay-data-v-825d5752 2s infinite;
  animation: musicPlay-data-v-825d5752 2s infinite;
}
#background_music svg {
  width: 24px;
}
@-webkit-keyframes musicPlay-data-v-825d5752 {
  0% {
    opacity: 0;
    bottom: 5px;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    bottom: 25px;
  }
}
@keyframes musicPlay-data-v-825d5752 {
  0% {
    opacity: 0;
    bottom: 5px;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    bottom: 25px;
  }
}
#header {
  position: absolute;
  width: 100%;
  z-index: 2;
  transition: 0.4s ease-in-out;
}
#header.changeeBg {
  height: 100%;
}
#header.changeeBg .logo {
  z-index: 999;
  position: relative;
}
#header .nav {
  justify-content: space-between;
  padding: 1rem 9rem;
  align-items: center;
}
#header .orb-menu-btn {
  display: none;
  width: 30px;
  height: 17px;
  cursor: pointer;
  justify-content: center;
  text-align: center;
  transition: 0.4s ease-in-out;
}
#header .orb-menu-btn.orbActive {
  transform: scale(0.85);
}
#header .orb-menu-btn.orbActive span {
  transform: rotate(45deg);
}
#header .orb-menu-btn.orbActive span:before {
  transform: translateY(7px) rotate(-90deg);
}
#header .orb-menu-btn.orbActive span:after {
  width: 30px;
  transform: translateY(-7px) rotate(-90deg);
}
#header .orb-menu-btn span {
  position: relative;
  margin: 7px 0 0;
  background-color: transparent;
  width: 30px;
}
#header .orb-menu-btn span:before {
  position: absolute;
  top: -7px;
  width: 30px;
}
#header .orb-menu-btn span:after {
  position: absolute;
  width: 20px;
  top: 7px;
}
#header .orb-menu-btn span,
#header .orb-menu-btn span:after,
#header .orb-menu-btn span:before {
  content: "";
  display: block;
  height: 3px;
  border-radius: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.3s ease-in-out;
}
#header .menu-group {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #fff;
  position: relative;
  top: 28px;
  width: 40%;
  text-transform: uppercase;
  font-size: 12px;
}
#header .menu-group .nav-item:hover {
  border-bottom: 1px solid transparent;
}
#header .menu-group .nav-item a {
  letter-spacing: 5px;
}
#header .logo p {
  margin-bottom: 0;
  font-size: 24px;
  position: relative;
}
#header .logo p .first {
  font-size: 30px;
}
#header .logo p .and {
  font-family: "exmouth";
  font-size: 70px;
  line-height: 0.1;
  position: absolute;
  top: 25px;
  left: 12px;
  opacity: 0.6;
}
#header .logo p .second {
  position: absolute;
  left: 32px;
  top: 19px;
  font-size: 30px;
}
#quote {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
#quote .overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2),
    transparent 40%,
    rgba(0, 0, 0, 0.5)
  );
  padding: 2em;
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  z-index: 2;
  align-items: flex-end;
}
#quote .overlay .contentWrapper {
  width: 100%;
  min-height: 200px;
}
#quote .overlay .contentWrapper .main-title {
  margin-bottom: 3rem;
}
#quote .overlay .contentWrapper .main-title h1 {
  text-align: center;
  line-height: 1;
}
#quote .overlay .contentWrapper .countdownWrapper {
  width: 50%;
  margin: 0 auto;
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  max-width: 450px;
  padding: 5px;
  align-items: center;
}
#quote
  .overlay
  .contentWrapper
  .countdownWrapper
  .list-countdown {
  width: 50%;
  border-right: 1px solid #fff;
}
#quote .overlay .contentWrapper .countdownWrapper ul {
  display: flex;
  justify-content: space-around;
  margin-bottom: 3px;
  text-align: center;
}
#quote .overlay .contentWrapper .countdownWrapper ul li {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#quote .overlay .contentWrapper .countdownWrapper ul li h2 {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1;
}
#quote .overlay .contentWrapper .countdownWrapper ul li span {
  font-size: 12px;
}
#quote .overlay .contentWrapper .countdownWrapper .date {
  width: 50%;
  text-align: center;
}
#quote .overlay .contentWrapper .countdownWrapper .date p {
  margin-bottom: 3px;
}
#quote-words .container {
  padding: 6rem;
}
#quote-words .container p {
  font-size: 1rem;
}
#quote-words .imageLogo {
  width: 135px;
  height: 140px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin: 0 auto;
  border-top: 1px solid transparent;
  border-top-left-radius: 140px;
  border-top-right-radius: 140px;
  position: relative;
}
#quote-words .imageLogo .star-svg {
  position: absolute;
}
#quote-words .imageLogo .star-svg.top {
  right: 0;
  top: 33px;
}
#quote-words .imageLogo .star-svg.top svg {
  width: 70px;
  height: 70px;
}
#quote-words .imageLogo .star-svg.bottom {
  left: 27%;
  bottom: 0;
}
#quote-words .imageLogo .star-svg.bottom svg {
  width: 25px;
  height: 25px;
}
#quote-words .imageLogo h1 {
  position: absolute;
  line-height: 1;
  margin-bottom: 0;
  font-size: 70px !important;
  font-family: "chandra";
}
#quote-words .imageLogo h1.logo-first {
  top: 20px;
  left: 22px;
}
#quote-words .imageLogo h1.logo-second {
  bottom: 0;
  right: 22px;
  line-height: 0;
}
#quote-words .imageLogo:after {
  content: "";
  position: absolute;
  width: 135px;
  height: 1px;
  background: #fff;
  bottom: -40px;
}
#profile {
  padding: 3rem 0;
  position: relative;
}
#profile .svg-decor-female {
  position: absolute;
  z-index: 2;
  width: 300px;
  height: 300px;
  top: 43%;
  left: 35%;
}
#profile .container {
  padding: 5rem 4rem;
}
#profile .container h1 {
  font-size: 70px !important;
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-bottom: 0;
}
#profile .container.male-profile h1 {
  right: -16rem;
  transform: translateY(-50%) rotate(90deg);
}
#profile .container.female-profile h1 {
  left: -14rem;
  transform: translateY(-50%) rotate(-90deg);
}
#profile .profile-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
#profile .profile-detail .child-of {
  font-size: 18px;
  text-transform: uppercase;
}
#profile .profile-detail p {
  margin-bottom: 0.5rem;
}
#profile .profile-detail .divider,
#profile .profile-detail .divider-male {
  height: 1px;
}
#story {
  width: 100%;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#story .container {
  position: relative;
}
#story .container .spark {
  position: absolute;
  z-index: 2;
}
#story .container .spark.first {
  left: -113px;
  top: 25%;
}
#story .container .spark.first svg {
  width: 145px;
  height: 145px;
}
#story .container .spark.second {
  right: -150px;
  top: 51%;
}
#story .container .spark.second svg {
  width: 165px;
  height: 165px;
}
#story .container .content {
  margin-bottom: 5rem;
}
[dir="ltr"] #story .container .content h1 {
  text-align: left;
}
[dir="rtl"] #story .container .content h1 {
  text-align: right;
}
#story .container .content h1 {
  line-height: 1;
  position: relative;
  left: -65px;
  z-index: 4;
  text-align: left;
  font-style: italic;
}
#story .container .content .date {
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#galleries {
  width: 100%;
}
#galleries .container-fluid .video {
  padding: 5rem;
}
#galleries .container-fluid .video > .cover {
  margin-bottom: 2rem;
}
#galleries .container-fluid .photos {
  position: relative;
  padding: 5rem 0;
}
#galleries .container-fluid .photos .gallery-grid .item {
  width: 33.3%;
  padding: 5rem;
  margin-bottom: 30px;
}
#galleries
  .container-fluid
  .photos
  .gallery-grid
  .item.movequote2 {
  align-self: center;
  text-align: center;
  padding: 5rem 0;
}
#galleries
  .container-fluid
  .photos
  .gallery-grid
  .item.movequote2
  p {
  font-size: 18px;
  font-style: italic;
}
#galleries
  .container-fluid
  .photos
  .gallery-grid
  .item.movequote {
  margin-bottom: 1rem;
}
#galleries .container-fluid .photos .gallery-grid .item h1 {
  text-transform: lowercase;
  line-height: 1;
}
#galleries
  .container-fluid
  .photos
  .gallery-grid
  .item:nth-child(4),
#galleries
  .container-fluid
  .photos
  .gallery-grid
  .item:nth-child(6) {
  padding: 5rem 6rem;
}
#rundown {
  min-height: 500px;
  background-size: cover;
  background-attachment: fixed;
}
#rundown .container {
  padding: 6rem 0;
}
#rundown .imageCollase {
  padding-bottom: 10rem;
}
#rundown .imageCollase .rb-object-frame {
  max-width: 50%;
  margin: auto;
}
#rundown .imageCollase .rb-object-frame .orb-deco.collase {
  position: relative;
  width: 100%;
  height: 400px;
  top: 0;
  right: 0;
  text-align: center;
}
#rundown .acaraWrapper {
  display: grid;
  grid-gap: 2rem;
  height: 100%;
  align-content: center;
  margin-bottom: 6rem;
}
#rundown .acaraWrapper .image .collageWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#rundown .acaraWrapper .image .photoWrapper {
  position: absolute;
  width: 100%;
}
#rundown .acaraWrapper .image .photoWrapper.first {
  top: 0;
}
#rundown
  .acaraWrapper
  .image
  .photoWrapper.first
  .rb-object-frame
  .orb-obj-1 {
  width: 55%;
}
#rundown
  .acaraWrapper
  .image
  .photoWrapper.first
  .orb-photo-frame {
  padding-bottom: 80%;
}
#rundown .acaraWrapper .image .photoWrapper.second {
  left: 16rem;
  bottom: -1rem;
}
#rundown
  .acaraWrapper
  .image
  .photoWrapper.second
  .orb-photo-frame {
  padding-bottom: 60%;
}
#rundown
  .acaraWrapper
  .image
  .photoWrapper.second
  .rb-object-frame
  .orb-obj-1 {
  width: 40%;
}
#rundown .acaraWrapper .btn {
  margin-top: 2rem;
}
#rundown .acaraWrapper.duaacara {
  grid-template-columns: 1fr 1fr;
  align-self: center;
}
#rundown .acaraWrapper.tigaacara {
  justify-content: flex-end;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
#rundown .acaraWrapper.tigaacara .image .photoWrapper.second {
  bottom: 20%;
}
#rundown
  .acaraWrapper.tigaacara
  .rb-object-frame.acaraTambahan
  .orb-photo-frame {
  padding-bottom: 50%;
  height: 100%;
}
#rundown .acaraWrapper.tigaacara .acaraList .acara.akad {
  left: -10rem;
}
#rundown
  .acaraWrapper.tigaacara
  .acaraList
  .wrapperAcaraTambahan {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
#rundown .acaraWrapper .acara {
  position: relative;
  padding-bottom: 1.5rem;
}
#rundown .acaraWrapper .acara h2 {
  text-transform: uppercase;
  margin-bottom: 0.6rem;
  font-size: 24px;
}
#rundown .acaraWrapper .acara:nth-child(2n) {
  border-right: 0;
}
#rundown .acaraWrapper .acara .adress {
  font-size: 14px;
  opacity: 0.9;
  max-width: 300px;
}
#rundown .acaraWrapper .acara .date {
  margin-bottom: 0;
}
#rundown .acaraWrapper .acara .time {
  margin-bottom: 0.6rem;
}
#rundown .acaraWrapper .acara .time-session {
  margin-bottom: 5px;
}
#rundown .acaraWrapper .acara .date,
#rundown .acaraWrapper .acara .time {
  text-transform: uppercase;
}
#rundown .acaraWrapper .btn-outline-dark {
  padding: 0.6rem;
  text-transform: uppercase;
  font-size: 14px;
  width: 100%;
}
#rundown .rsvp {
  margin-bottom: 1rem;
  text-align: right;
}
#rundown .rsvp form {
  padding-left: 2rem;
  padding-bottom: 1.5rem;
}
#rundown .rsvp form input {
  text-align: right;
}
#rundown .rsvp form h2 {
  font-size: 24px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
#rundown .rsvp form .btn-rsvp {
  font-size: 14px;
}
#rundown .rsvp form fieldset {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
#rundown .rsvp form .custom-radio {
  font-size: 14px;
}
#rundown .rsvp form p {
  margin-top: 2rem;
  font-size: 14px;
  font-style: italic;
}
.google-maps {
  margin-bottom: 0;
}
#maps {
  width: 100%;
}
#maps .container {
  padding: 3rem 1rem;
}
#maps .container h2 {
  margin-bottom: 2rem;
}
#maps .container p {
  max-width: 80%;
  margin: 2rem auto;
}
#live_igfilter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  padding: 8rem 15rem;
  background-position: 50%;
  background-size: cover;
  position: relative;
}
#live_igfilter .photoWrapper {
  height: 100%;
}
#live_igfilter .photoWrapper .rb-object-frame .orb-obj-1 {
  width: 82%;
  float: right;
  border-radius: 140px;
}
#live_igfilter .container {
  position: relative;
}
#live_igfilter .container .content {
  max-width: 400px;
  padding: 1rem 0;
}
#live_igfilter .container .content h2 {
  margin-bottom: 1rem;
  font-size: 3.5rem;
  position: relative;
  left: -4rem;
  z-index: 2;
  font-style: italic;
  text-transform: uppercase;
}
#live_igfilter .container .content h2 span {
  font-style: normal;
  margin-left: 5px;
}
#live_igfilter .container .content p {
  margin-bottom: 1rem;
  font-size: 14px;
}
#live_igfilter .rb-object-frame .orb-obj-1 {
  margin-top: 0;
}
#gift {
  background-size: cover;
  z-index: 2;
}
#gift,
#gift .container {
  width: 100%;
  position: relative;
}
#gift .container {
  padding: 4rem 4rem 0;
  z-index: 1;
  height: 100%;
}
#gift .container h1 {
  text-align: center;
}
#gift .container .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 2rem;
  grid-gap: 1rem;
  align-items: center;
  position: relative;
  bottom: -100px;
}
#gift .container .content .note p {
  margin-bottom: 2rem;
}
#gift .container .content .note .custom-radio {
  font-size: 16px;
}
#gift .container .content .cara {
  padding: 0 2rem;
  min-height: 400px;
  position: relative;
  z-index: 2;
  border-left: 1px solid transparent;
}
#gift .container .content .cara ::-moz-placeholder {
  color: #b2a696;
}
#gift .container .content .cara :-ms-input-placeholder {
  color: #b2a696;
}
#gift .container .content .cara ::placeholder {
  color: #b2a696;
}
#wishes {
  width: 100%;
}
#wishes .container {
  padding: 16rem 0 7rem;
}
#wishes .container h1 {
  font-size: 40px !important;
  text-transform: capitalize;
}
#wishes .container .wish-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
#wishes .container .wish-wrapper .wish-list {
  max-height: 400px;
  overflow: auto;
  padding-right: 2rem;
}
#wishes .container .wish-wrapper .wish-form {
  margin-bottom: 4rem;
}
#wishes
  .container
  .wish-wrapper
  .wish-form
  ::-moz-placeholder {
  color: #b2a696;
}
#wishes
  .container
  .wish-wrapper
  .wish-form
  :-ms-input-placeholder {
  color: #b2a696;
}
#wishes .container .wish-wrapper .wish-form ::placeholder {
  color: #b2a696;
}
#wishes .container .wish-wrapper .wish-form .form-control {
  border-bottom: none;
}
#wishes .container .wish-wrapper .wish-form textarea {
  height: 150px;
}
#wishes .container .wish-item {
  padding: 1px;
  margin-bottom: 2rem;
}
#wishes .container .wish-item .name {
  font-weight: 700;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 3px;
}
#wishes .container .wish-item .pesan {
  font-size: 14px;
}
#closing {
  width: 100%;
}
#closing .closing-wrapper {
  height: 100%;
  position: relative;
  align-items: center;
}
#closing .closing-wrapper .image-overlay {
  z-index: 2;
  margin-bottom: -1px;
}
#closing .closing-wrapper .rb-object-frame .orb-obj-1 {
  margin-top: 0;
  position: relative;
}
#closing .closing-wrapper .orb-photo-frame {
  padding-bottom: 50%;
}
#closing .closing-wrapper .closing-words {
  text-align: center;
  padding: 3rem 2rem;
  width: 500px;
  position: absolute;
  top: 0;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#closing .closing-wrapper .closing-words p {
  font-size: 18px;
  margin-bottom: 2rem;
}
#closing .closing-wrapper .closing-words h1 {
  font-style: italic;
  font-size: 70px !important;
  display: flex;
  justify-content: center;
}
#closing .closing-wrapper .closing-words h1 .bottomName {
  position: relative;
  display: block;
  margin-left: 40px;
}
#closing .closing-wrapper .closing-words h1 .and {
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 3px;
  font-size: 20px;
  position: absolute;
  left: -47px;
}
#closing .closing-wrapper .closing-words h1:last-child {
  line-height: 0.5;
  margin-left: 2rem;
}
#closing .closing-wrapper .closing-words ul {
  font-size: 16px;
  margin-bottom: 2rem;
}
#closing .closing-wrapper .closing-words ul b {
  text-transform: uppercase;
  letter-spacing: 3px;
}
#footer {
  padding: 3rem 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .sosMed {
  padding-left: 1rem;
}
#footer .sosMed a {
  font-size: 16px;
  margin-right: 5px;
}
#footer .logo {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 700;
  margin-left: 1rem;
}
#footer .contact {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.btn.scroll-top {
  position: fixed;
  bottom: 0;
  right: 24px;
  padding: 10px;
  transition: bottom 0.4s ease-in-out;
}
.btn.scroll-top.down {
  bottom: -100px;
}
@media screen and (max-width: 550px) {
  #footer .sosMed {
    padding-left: 0;
  }
  #cover .image-content .image-overlay .title-cover {
    padding: 4em 2em;
  }
  #cover .image-content .image-overlay .title-cover h1 {
    transform: scale(1);
  }
  #cover .image-content .image-overlay .title-cover button {
    font-size: 12px;
  }
  #cover
    .image-content
    .image-overlay
    .title-cover
    .tamu-wrap
    h3 {
    font-size: 20px;
  }
  .closing-words h1:after,
  .closing-words h1:before {
    display: none;
  }
  h1 {
    font-size: 40px !important;
  }
  h2 {
    font-size: 25px;
  }
  .btn {
    padding: 0.6rem 1rem;
    letter-spacing: 3px;
    font-size: 12px;
  }
  #cover .image-content .image-overlay .title-cover .title {
    letter-spacing: 5px;
  }
  #cover .image-content .image-overlay .title-cover h3 {
    font-size: 1.5rem;
  }
  #cover
    .image-content
    .image-overlay
    .title-cover
    .tamu-wrap {
    margin: 1.5rem 0;
  }
  #cover .image-content .image-overlay .title-cover span i {
    margin: 1rem auto;
  }
  #header .orb-menu-btn span,
  #header .orb-menu-btn span:after,
  #header .orb-menu-btn span:before {
    height: 2px;
  }
  #header .nav {
    padding: 1rem;
  }
  #header .nav .logo p {
    font-size: 18px;
  }
  #quote .overlay {
    padding: 1rem;
    width: 100%;
  }
  #quote .overlay .contentWrapper .main-title {
    margin-bottom: 2rem !important;
  }
  #quote .overlay .contentWrapper .countdownWrapper {
    width: 100%;
    max-width: 300px;
  }
  #quote .overlay .contentWrapper .countdownWrapper ul li {
    font-size: 10px;
  }
  #quote .overlay .contentWrapper .countdownWrapper .date,
  #quote .overlay .contentWrapper .countdownWrapper ul li h2 {
    font-size: 14px;
  }
  #quote-words .container {
    padding: 5rem 2rem;
  }
  #quote-words .container p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
  }
  #quote-words .imageLogo {
    width: 100px;
    height: 88px;
    margin-bottom: 60px;
  }
  #quote-words .imageLogo h1 {
    font-size: 48px !important;
  }
  #quote-words .imageLogo h1.logo-second {
    bottom: -6px;
  }
  #quote-words .imageLogo:after {
    width: 100px;
    bottom: -30px;
  }
  #quote-words .imageLogo .star-svg.top {
    right: 7px;
    top: 26px;
  }
  #quote-words .imageLogo .star-svg.top svg {
    width: 42px;
    height: 42px;
  }
  #quote-words .imageLogo .star-svg.bottom {
    bottom: -7px;
  }
  #quote-words .imageLogo .star-svg.bottom svg {
    width: 20px;
    height: 20px;
  }
  #profile .svg-decor-female {
    width: 180px;
    height: 180px;
    top: 44%;
    left: 64%;
  }
  #profile .container {
    padding: 4rem 1rem;
  }
  #profile .container h1 {
    font-size: 50px !important;
  }
  #profile .container.male-profile .row {
    flex-direction: column-reverse;
  }
  #profile .container.male-profile h1 {
    right: -8rem;
  }
  #profile .container.female-profile h1 {
    left: -6.7rem;
  }
  #profile .container .rb-object-frame .orb-obj-1 {
    width: 70%;
    padding-bottom: 100%;
  }
  #profile .container .rb-object-frame .orb-obj-1.male {
    margin-left: 20%;
  }
  #profile .container .rb-object-frame .orb-obj-1.female {
    margin-left: 10%;
  }
  #profile .profile-detail {
    grid-template-columns: 1fr;
    justify-content: right;
    padding: 2rem 15px 15px;
  }
  #profile .profile-detail .divider {
    display: none;
  }
  #profile .profile-detail.male {
    width: 70%;
    margin-left: 20%;
    padding-top: 1rem;
  }
  #profile .profile-detail.female {
    width: 70%;
    padding-left: 10%;
  }
  #profile .profile-detail p {
    margin-bottom: 5px !important;
  }
  #profile .profile-detail .name {
    font-size: 24px;
    margin-bottom: 10px !important;
  }
  #profile .profile-detail .child-of {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
  #profile .profile-detail .parents {
    font-size: 12px;
  }
  #story {
    padding: 2rem 1rem 3rem;
  }
  #story .container .spark.first {
    left: -23px;
    top: 18px;
  }
  #story .container .spark.first svg {
    width: 80px;
    height: 80px;
  }
  #story .container .spark.second {
    right: -37px;
    top: unset;
    bottom: 58px;
  }
  #story .container .spark.second svg {
    width: 95px;
    height: 95px;
  }
  #story .container .content h1 {
    left: 0;
    top: -70px;
    margin-bottom: -50px !important;
    font-size: 50px !important;
  }
  #story .container .content p {
    font-size: 14px;
  }
  #galleries {
    padding: 2rem 1rem !important;
  }
  #galleries .container-fluid {
    padding: 0;
  }
  #galleries .container-fluid .video {
    padding: 1rem;
  }
  #galleries .container-fluid .photos .gallery-grid .item {
    width: 50%;
    padding: 1rem;
  }
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item.movequote2 {
    width: 100%;
    padding: 2rem 1rem;
  }
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item.movequote2
    p {
    font-size: 14px;
  }
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item:nth-child(4),
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item:nth-child(6) {
    padding: 1rem;
  }
  #rundown .container {
    padding: 5rem 1rem;
  }
  #rundown .acaraWrapper {
    margin-bottom: 2rem;
  }
  #rundown .acaraWrapper.tigaacara {
    grid-template-columns: 1fr;
  }
  #rundown
    .acaraWrapper.tigaacara
    .rb-object-frame.acaraTambahan
    .orb-photo-frame {
    float: right;
    padding-bottom: 58%;
    width: 70%;
  }
  #rundown .acaraWrapper.tigaacara .acaraList .acara.akad {
    left: 0;
  }
  #rundown
    .acaraWrapper.tigaacara
    .acaraList
    .wrapperAcaraTambahan {
    grid-gap: 1rem;
  }
  #rundown .acaraWrapper.duaacara {
    grid-template-columns: 1fr;
  }
  #rundown .acaraWrapper .image .photoWrapper.first {
    position: unset;
  }
  #rundown
    .acaraWrapper
    .image
    .photoWrapper.first
    .rb-object-frame
    .orb-obj-1 {
    margin: auto;
  }
  #rundown .acaraWrapper .image .photoWrapper.second {
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 2;
  }
  #rundown
    .acaraWrapper
    .image
    .photoWrapper.second
    .rb-object-frame
    .orb-obj-1 {
    width: 45%;
  }
  #rundown .acaraWrapper .acara .adress {
    font-size: 12px;
  }
  #rundown .acaraWrapper .acara .date,
  #rundown .acaraWrapper .acara .time {
    font-size: 14px;
  }
  #rundown .acaraWrapper .acara.tambahan {
    text-align: right;
  }
  #rundown .acaraWrapper .acara.tambahan .adress {
    float: right;
  }
  #rundown .acaraWrapper .btn {
    width: 100%;
    margin-top: 1rem;
  }
  #rundown .rsvp_map {
    flex-direction: column-reverse;
    padding: 0 1rem;
  }
  #rundown .rsvp {
    text-align: left;
  }
  #rundown .rsvp form {
    padding: 0;
  }
  #rundown .rsvp form .btn-rsvp {
    padding: 0.6rem 1rem;
  }
  #rundown .rsvp form h2 {
    margin-bottom: 1rem;
  }
  #rundown .rsvp form input {
    text-align: left;
  }
  #rundown .rsvp .collaseWrapper.one {
    left: 20%;
    width: 100%;
    bottom: unset;
    top: -2rem;
  }
  #rundown .rsvp .collaseWrapper.one .orb-photo-frame {
    padding-bottom: 73%;
  }
  #rundown #maps {
    margin-top: 0;
    padding: 4rem 1rem;
  }
  #rundown #maps h2 {
    font-style: italic;
    text-align: left !important;
    margin-bottom: 1rem;
    border-bottom: 1px solid;
  }
  #rundown #maps .google-maps {
    padding-bottom: 300px !important;
  }
  #footer {
    text-align: center;
    padding: 2rem 1rem;
    display: block;
    letter-spacing: 3px;
  }
  #footer .contact,
  #footer .logo {
    font-size: 12px;
  }
  #footer .logo {
    display: block;
    margin: 7px 0 15px;
  }
  #footer .sosMed {
    border-left: 0;
    display: flex;
    justify-content: center;
  }
  #footer .sosMed a {
    padding: 0 1rem;
    margin: 0;
    font-size: 14px;
  }
  #footer .sosMed a:first-child {
    border-right: 1px solid;
  }
  #live_igfilter {
    padding: 5rem 1rem;
    grid-template-columns: 1fr;
  }
  #live_igfilter .container .content {
    position: relative;
    top: -3rem;
    text-align: center;
  }
  #live_igfilter .container .content h2 {
    left: 0;
    font-size: 35px;
  }
  #live_igfilter .container .content p {
    font-size: 12px;
  }
  #live_igfilter .container .content.mb-5 {
    margin-bottom: 1rem !important;
  }
  #live_igfilter .photoWrapper .rb-object-frame .orb-obj-1 {
    float: none;
    margin: auto;
  }
  #gift .container .content {
    grid-template-columns: 1fr;
  }
  #gift .container .content .note .descr {
    font-size: 12px !important;
  }
  #gift .container .content .note p {
    margin-bottom: 1rem;
    text-align: left;
    font-size: 14px;
  }
  #gift .container .content .cara {
    border-left: none;
    border-top: 1px solid transparent;
    min-height: auto;
    padding: 0 0;
  }
  #gift .container .content .cara p,
  #gift .container .content .cara ul {
    font-size: 14px;
  }
  #wishes .container {
    padding: 9rem 1rem 7rem;
  }
  #wishes .container .wish-wrapper {
    grid-template-columns: 1fr;
    padding: 1rem;
    grid-gap: 2rem;
  }
  #wishes .container .wish-wrapper .address {
    font-size: 14px;
  }
  #closing .closing-wrapper .closing-words {
    padding: 1rem;
    justify-content: start;
    width: 100%;
    top: -70px;
  }
  #closing .closing-wrapper .closing-words ul {
    font-size: 12px;
    margin-bottom: 1rem;
  }
  #closing .closing-wrapper .closing-words p {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  #closing .closing-wrapper .closing-words h1 {
    font-size: 40px !important;
  }
  #closing .closing-wrapper .closing-words h1 .and {
    font-size: 14px;
    left: -36px;
  }
  #closing .closing-wrapper .rb-object-frame .orb-photo-frame {
    padding-bottom: 150%;
  }
  #rundown .acaraWrapper.tigaacara .acaraList {
    grid-template-columns: 1fr !important;
  }
  .layout {
    position: relative;
  }
  .is_preview #header.changeeBg {
    position: absolute;
  }
  #header.changeeBg {
    position: fixed;
  }
  #header.changeeBg .menu-group {
    display: block;
    opacity: 1;
    height: 100%;
  }
  #header .menu-group {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    display: none;
    top: 0;
    padding: 68px 1rem 1rem;
    transition: opacity 0.4s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  #header .menu-group .nav-item a {
    text-align: center;
    font-size: 16px;
  }
  #header .menu-group .nav-item a:focus {
    border: none;
  }
  #header .orb-menu-btn {
    display: block;
    z-index: 99;
  }
  #story .wrapper-noimage {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  .rb-object-frame .orb-obj-1.story {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #rundown
    .acaraWrapper.tigaacara
    .acaraList
    .wrapperAcaraTambahan {
    grid-template-columns: 1fr;
  }
  #gift .container {
    padding: 2rem 1rem 0;
  }
  #gift .container .content {
    grid-gap: 1rem;
  }
  #gift .orb-deco.gift {
    right: 0;
  }
}
.main-page.mobile {
  position: relative;
}
.main-page.mobile #footer .sosMed {
  padding-left: 0;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover {
  padding: 4em 2em;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  h1 {
  transform: scale(1);
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  button {
  font-size: 12px;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  .tamu-wrap
  h3 {
  font-size: 20px;
}
.main-page.mobile .closing-words h1:after,
.main-page.mobile .closing-words h1:before {
  display: none;
}
.main-page.mobile h1 {
  font-size: 40px !important;
}
.main-page.mobile h2 {
  font-size: 25px;
}
.main-page.mobile .btn {
  padding: 0.6rem 1rem;
  letter-spacing: 3px;
  font-size: 12px;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  .title {
  letter-spacing: 5px;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  h3 {
  font-size: 1.5rem;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  .tamu-wrap {
  margin: 1.5rem 0;
}
.main-page.mobile
  #cover
  .image-content
  .image-overlay
  .title-cover
  span
  i {
  margin: 1rem auto;
}
.main-page.mobile #header .orb-menu-btn span,
.main-page.mobile #header .orb-menu-btn span:after,
.main-page.mobile #header .orb-menu-btn span:before {
  height: 2px;
}
.main-page.mobile #header .nav {
  padding: 1rem;
}
.main-page.mobile #header .nav .logo p {
  font-size: 18px;
}
.main-page.mobile #quote .overlay {
  padding: 1rem;
  width: 100%;
}
.main-page.mobile #quote .overlay .contentWrapper .main-title {
  margin-bottom: 2rem !important;
}
.main-page.mobile
  #quote
  .overlay
  .contentWrapper
  .countdownWrapper {
  width: 100%;
  max-width: 300px;
}
.main-page.mobile
  #quote
  .overlay
  .contentWrapper
  .countdownWrapper
  ul
  li {
  font-size: 10px;
}
.main-page.mobile
  #quote
  .overlay
  .contentWrapper
  .countdownWrapper
  .date,
.main-page.mobile
  #quote
  .overlay
  .contentWrapper
  .countdownWrapper
  ul
  li
  h2 {
  font-size: 14px;
}
.main-page.mobile #quote-words .container {
  padding: 5rem 2rem;
}
.main-page.mobile #quote-words .container p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}
.main-page.mobile #quote-words .imageLogo {
  width: 100px;
  height: 88px;
  margin-bottom: 60px;
}
.main-page.mobile #quote-words .imageLogo h1 {
  font-size: 48px !important;
}
.main-page.mobile #quote-words .imageLogo h1.logo-second {
  bottom: -6px;
}
.main-page.mobile #quote-words .imageLogo:after {
  width: 100px;
  bottom: -30px;
}
.main-page.mobile #quote-words .imageLogo .star-svg.top {
  right: 7px;
  top: 26px;
}
.main-page.mobile #quote-words .imageLogo .star-svg.top svg {
  width: 42px;
  height: 42px;
}
.main-page.mobile #quote-words .imageLogo .star-svg.bottom {
  bottom: -7px;
}
.main-page.mobile
  #quote-words
  .imageLogo
  .star-svg.bottom
  svg {
  width: 20px;
  height: 20px;
}
.main-page.mobile #profile .svg-decor-female {
  width: 180px;
  height: 180px;
  top: 44%;
  left: 64%;
}
.main-page.mobile #profile .container {
  padding: 4rem 1rem;
}
.main-page.mobile #profile .container h1 {
  font-size: 50px !important;
}
.main-page.mobile #profile .container.male-profile .row {
  flex-direction: column-reverse;
}
.main-page.mobile #profile .container.male-profile h1 {
  right: -8rem;
}
.main-page.mobile #profile .container.female-profile h1 {
  left: -6.7rem;
}
.main-page.mobile
  #profile
  .container
  .rb-object-frame
  .orb-obj-1 {
  width: 70%;
  padding-bottom: 100%;
}
.main-page.mobile
  #profile
  .container
  .rb-object-frame
  .orb-obj-1.male {
  margin-left: 20%;
}
.main-page.mobile
  #profile
  .container
  .rb-object-frame
  .orb-obj-1.female {
  margin-left: 10%;
}
.main-page.mobile #profile .profile-detail {
  grid-template-columns: 1fr;
  justify-content: right;
  padding: 2rem 15px 15px;
}
.main-page.mobile #profile .profile-detail .divider {
  display: none;
}
.main-page.mobile #profile .profile-detail.male {
  width: 70%;
  margin-left: 20%;
  padding-top: 1rem;
}
.main-page.mobile #profile .profile-detail.female {
  width: 70%;
  padding-left: 10%;
}
.main-page.mobile #profile .profile-detail p {
  margin-bottom: 5px !important;
}
.main-page.mobile #profile .profile-detail .name {
  font-size: 24px;
  margin-bottom: 10px !important;
}
.main-page.mobile #profile .profile-detail .child-of {
  font-size: 14px;
  margin-bottom: 0 !important;
}
.main-page.mobile #profile .profile-detail .parents {
  font-size: 12px;
}
.main-page.mobile #story {
  padding: 2rem 1rem 3rem;
}
.main-page.mobile #story .container .spark.first {
  left: -23px;
  top: 18px;
}
.main-page.mobile #story .container .spark.first svg {
  width: 80px;
  height: 80px;
}
.main-page.mobile #story .container .spark.second {
  right: -37px;
  top: unset;
  bottom: 58px;
}
.main-page.mobile #story .container .spark.second svg {
  width: 95px;
  height: 95px;
}
.main-page.mobile #story .container .content h1 {
  left: 0;
  top: -70px;
  margin-bottom: -50px !important;
  font-size: 50px !important;
}
.main-page.mobile #story .container .content p {
  font-size: 14px;
}
.main-page.mobile #galleries {
  padding: 4rem 1rem !important;
}
.main-page.mobile #galleries .container-fluid {
  padding: 0;
}
.main-page.mobile #galleries .container-fluid .video {
  padding: 1rem;
}
.main-page.mobile
  #galleries
  .container-fluid
  .photos
  .gallery-grid
  .item {
  width: 50%;
  padding: 1rem;
}
.main-page.mobile
  #galleries
  .container-fluid
  .photos
  .gallery-grid
  .item.movequote2 {
  width: 100%;
  padding: 2rem 1rem;
}
.main-page.mobile
  #galleries
  .container-fluid
  .photos
  .gallery-grid
  .item.movequote2
  p {
  font-size: 14px;
}
.main-page.mobile
  #galleries
  .container-fluid
  .photos
  .gallery-grid
  .item:nth-child(4),
.main-page.mobile
  #galleries
  .container-fluid
  .photos
  .gallery-grid
  .item:nth-child(6) {
  padding: 1rem;
}
.main-page.mobile #rundown .container {
  padding: 5rem 1rem;
}
.main-page.mobile #rundown .acaraWrapper {
  margin-bottom: 2rem;
}
.main-page.mobile #rundown .acaraWrapper.tigaacara {
  grid-template-columns: 1fr;
}
.main-page.mobile
  #rundown
  .acaraWrapper.tigaacara
  .rb-object-frame.acaraTambahan
  .orb-photo-frame {
  float: right;
  padding-bottom: 58%;
  width: 70%;
}
.main-page.mobile
  #rundown
  .acaraWrapper.tigaacara
  .acaraList
  .acara.akad {
  left: 0;
}
.main-page.mobile
  #rundown
  .acaraWrapper.tigaacara
  .acaraList
  .wrapperAcaraTambahan {
  grid-gap: 1rem;
}
.main-page.mobile #rundown .acaraWrapper.duaacara {
  grid-template-columns: 1fr;
}
.main-page.mobile
  #rundown
  .acaraWrapper
  .image
  .photoWrapper.first {
  position: unset;
}
.main-page.mobile
  #rundown
  .acaraWrapper
  .image
  .photoWrapper.first
  .rb-object-frame
  .orb-obj-1 {
  margin: auto;
}
.main-page.mobile
  #rundown
  .acaraWrapper
  .image
  .photoWrapper.second {
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 2;
}
.main-page.mobile
  #rundown
  .acaraWrapper
  .image
  .photoWrapper.second
  .rb-object-frame
  .orb-obj-1 {
  width: 45%;
}
.main-page.mobile #rundown .acaraWrapper .acara .adress {
  font-size: 12px;
}
.main-page.mobile #rundown .acaraWrapper .acara .date,
.main-page.mobile #rundown .acaraWrapper .acara .time {
  font-size: 14px;
}
.main-page.mobile #rundown .acaraWrapper .acara.tambahan {
  text-align: right;
}
.main-page.mobile
  #rundown
  .acaraWrapper
  .acara.tambahan
  .adress {
  float: right;
}
.main-page.mobile #rundown .acaraWrapper .btn {
  width: 100%;
  margin-top: 1rem;
}
.main-page.mobile #rundown .rsvp_map {
  flex-direction: column-reverse;
  padding: 0 1rem;
}
.main-page.mobile #rundown .rsvp {
  text-align: left;
}
.main-page.mobile #rundown .rsvp form {
  padding: 0;
}
.main-page.mobile #rundown .rsvp form .btn-rsvp {
  padding: 0.6rem 1rem;
}
.main-page.mobile #rundown .rsvp form h2 {
  margin-bottom: 1rem;
}
.main-page.mobile #rundown .rsvp form input {
  text-align: left;
}
.main-page.mobile #rundown .rsvp .collaseWrapper.one {
  left: 20%;
  width: 100%;
  bottom: unset;
  top: -2rem;
}
.main-page.mobile
  #rundown
  .rsvp
  .collaseWrapper.one
  .orb-photo-frame {
  padding-bottom: 73%;
}
.main-page.mobile #rundown #maps {
  margin-top: 0;
  padding: 4rem 1rem;
}
.main-page.mobile #rundown #maps h2 {
  font-style: italic;
  text-align: left !important;
  margin-bottom: 1rem;
  border-bottom: 1px solid;
}
.main-page.mobile #rundown #maps .google-maps {
  padding-bottom: 300px !important;
}
.main-page.mobile #footer {
  text-align: center;
  padding: 2rem 1rem;
  display: block;
  letter-spacing: 3px;
}
.main-page.mobile #footer .contact {
  font-size: 12px;
}
.main-page.mobile #footer .logo {
  display: block;
  margin: 7px 0 15px;
  font-size: 12px;
}
.main-page.mobile #footer .sosMed {
  border-left: 0;
  display: flex;
  justify-content: center;
}
.main-page.mobile #footer .sosMed a {
  padding: 0 1rem;
  margin: 0;
  font-size: 14px;
}
.main-page.mobile #footer .sosMed a:first-child {
  border-right: 1px solid;
}
.main-page.mobile #live_igfilter {
  padding: 5rem 1rem;
  grid-template-columns: 1fr;
}
.main-page.mobile #live_igfilter .container .content {
  position: relative;
  top: -3rem;
  text-align: center;
}
.main-page.mobile #live_igfilter .container .content h2 {
  left: 0;
  font-size: 35px;
}
.main-page.mobile #live_igfilter .container .content p {
  font-size: 12px;
}
.main-page.mobile #live_igfilter .container .content.mb-5 {
  margin-bottom: 1rem !important;
}
.main-page.mobile
  #live_igfilter
  .photoWrapper
  .rb-object-frame
  .orb-obj-1 {
  float: none;
  margin: auto;
}
.main-page.mobile #gift .container .content {
  grid-template-columns: 1fr;
}
.main-page.mobile #gift .container .content .note .descr {
  font-size: 12px !important;
}
.main-page.mobile #gift .container .content .note p {
  margin-bottom: 1rem;
  text-align: left;
  font-size: 14px;
}
.main-page.mobile #gift .container .content .cara {
  border-left: none;
  border-top: 1px solid transparent;
  min-height: auto;
  padding: 1rem 0;
}
.main-page.mobile #gift .container .content .cara p,
.main-page.mobile #gift .container .content .cara ul {
  font-size: 14px;
}
.main-page.mobile #wishes .container {
  padding: 9rem 1rem 7rem;
}
.main-page.mobile #wishes .container .wish-wrapper {
  grid-template-columns: 1fr;
  padding: 1rem;
  grid-gap: 2rem;
}
.main-page.mobile #wishes .container .wish-wrapper .address {
  font-size: 14px;
}
.main-page.mobile #closing .closing-wrapper .closing-words {
  padding: 1rem;
  justify-content: start;
  width: 100%;
  top: -70px;
}
.main-page.mobile #closing .closing-wrapper .closing-words ul {
  font-size: 12px;
  margin-bottom: 1rem;
}
.main-page.mobile #closing .closing-wrapper .closing-words p {
  font-size: 14px;
  margin-bottom: 1rem;
}
.main-page.mobile #closing .closing-wrapper .closing-words h1 {
  font-size: 40px !important;
}
.main-page.mobile
  #closing
  .closing-wrapper
  .closing-words
  h1
  .and {
  font-size: 14px;
  left: -36px;
}
.main-page.mobile
  #closing
  .closing-wrapper
  .rb-object-frame
  .orb-photo-frame {
  padding-bottom: 150%;
}
.main-page.mobile #rundown .acaraWrapper.tigaacara .acaraList {
  grid-template-columns: 1fr !important;
}
.main-page.mobile .layout {
  position: relative;
}
.main-page.mobile .is_preview #header.changeeBg {
  position: absolute;
}
.main-page.mobile #header.changeeBg {
  position: fixed;
}
.main-page.mobile #header.changeeBg .menu-group {
  display: block;
  opacity: 1;
  height: 100%;
}
.main-page.mobile #header .menu-group {
  position: absolute;
  opacity: 0;
  left: 0;
  width: 100%;
  display: none;
  top: 0;
  padding: 68px 1rem 1rem;
  transition: opacity 0.4s ease-in-out;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.main-page.mobile #header .menu-group .nav-item a {
  text-align: center;
  font-size: 16px;
}
.main-page.mobile #header .menu-group .nav-item a:focus {
  border: none;
}
.main-page.mobile #header .orb-menu-btn {
  display: block;
  z-index: 99;
}
.main-page.mobile #story .wrapper-noimage {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.main-page.mobile .rb-object-frame .orb-obj-1.story {
  width: 100% !important;
  margin-left: 0 !important;
}
.main-page.mobile
  #rundown
  .acaraWrapper.tigaacara
  .acaraList
  .wrapperAcaraTambahan {
  grid-template-columns: 1fr;
}
.main-page.mobile #gift .container {
  padding: 5rem 1rem 0;
}
.main-page.mobile #gift .container .content {
  grid-gap: 1rem;
}
.main-page.mobile #gift .orb-deco.gift {
  right: 0;
}
.main-page.mobile .is_preview .closing-words h1:after,
.main-page.mobile .is_preview .closing-words h1:before {
  display: none;
}
.main-page.mobile .is_preview #galleries .col-lg-4,
.main-page.mobile .is_preview #galleries .col-xl-4,
.main-page.mobile .is_preview .col-lg-4,
.main-page.mobile .is_preview .col-lg-5 {
  max-width: 100%;
}
.main-page.mobile .is_preview .col-xl-6 {
  max-width: 100% !important;
  flex: 0 0 100%;
}
.main-page.mobile .is_preview #quote-words .col-lg-2,
.main-page.mobile .is_preview #quote-words .col-lg-9 {
  max-width: 100%;
  flex: 0 0 100%;
}
.main-page.mobile .is_preview .col-xl-5 {
  flex: 0 0 100%;
}
.main-page.mobile .is_preview #story-slider .col-xl-5 {
  max-width: 75%;
}
.main-page.mobile .is_preview .col-xl-7,
.main-page.mobile .is_preview .col-xl-8 {
  max-width: 100%;
  flex: 0 0 100%;
}
.main-page.mobile .is_preview .rb-object-frame .shape-rounded {
  top: -28px;
  left: -20px;
  width: 118%;
}
@media screen and (max-width: 1025px) {
  .layout {
    position: relative;
  }
  .is_preview #header.changeeBg {
    position: absolute;
  }
  #header.changeeBg {
    position: fixed;
  }
  #header.changeeBg .menu-group {
    display: block;
    opacity: 1;
    height: 100%;
  }
  #header .menu-group {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    display: none;
    top: 0;
    padding: 68px 1rem 1rem;
    transition: opacity 0.4s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  #header .menu-group .nav-item a {
    text-align: center;
    font-size: 16px;
  }
  #header .menu-group .nav-item a:focus {
    border: none;
  }
  #header .orb-menu-btn {
    display: block;
    z-index: 99;
  }
  #story .wrapper-noimage {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  .rb-object-frame .orb-obj-1.story {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #rundown
    .acaraWrapper.tigaacara
    .acaraList
    .wrapperAcaraTambahan {
    grid-template-columns: 1fr;
  }
  #gift .container .content {
    grid-gap: 1rem;
  }
  #gift .orb-deco.gift {
    right: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 1025px) {
  .btn {
    letter-spacing: 2px;
  }
  #cover .image-content .image-overlay .title-cover h1 {
    transform: scale(1.5);
  }
  #cover .image-content .image-overlay .title-cover p {
    font-size: 24px;
  }
  #cover .image-content .image-overlay .title-cover h3 {
    font-size: 2rem;
  }
  #header .nav {
    padding: 1rem 3rem;
  }
  #story {
    min-height: 100%;
    padding: 5rem 1rem;
  }
  #story .container .spark.first {
    left: -25px;
    top: 33px;
  }
  #story .container .spark.first svg {
    width: 110px;
    height: 110px;
  }
  #story .container .spark.second {
    right: 0;
    top: unset;
    bottom: -56px;
  }
  #story .container .spark.second svg {
    width: 135px;
    height: 135px;
  }
  #quote-words .container {
    padding: 5rem 1rem;
  }
  #profile .svg-decor-female {
    width: 250px;
    height: 250px;
  }
  #profile .container {
    padding: 1rem;
  }
  #profile .container.male-profile {
    padding-right: 3rem;
  }
  #profile .container.male-profile h1 {
    right: -245px;
  }
  #profile .container.female-profile {
    padding-left: 3rem;
  }
  #profile .container.female-profile h1 {
    left: -208px;
  }
  #profile .container .row {
    padding: 1rem !important;
  }
  #galleries .container-fluid h1 {
    font-size: 70px !important;
  }
  #galleries .container-fluid .photos .gallery-grid .item {
    padding: 2rem;
  }
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item.movequote {
    z-index: 1;
  }
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item:nth-child(4),
  #galleries
    .container-fluid
    .photos
    .gallery-grid
    .item:nth-child(6) {
    padding: 4rem;
  }
  #galleries .container-fluid .video {
    padding: 5rem 3rem;
  }
  #rundown .container {
    padding: 8rem 1rem;
  }
  #rundown .acaraWrapper.duaacara .image .photoWrapper.second {
    left: 12rem;
    bottom: 5rem;
  }
  #rundown .acaraWrapper.tigaacara {
    justify-content: start;
  }
  #rundown
    .acaraWrapper.tigaacara
    .image
    .photoWrapper.second {
    top: 30%;
    left: 50%;
  }
  #rundown
    .acaraWrapper.tigaacara
    .rb-object-frame.acaraTambahan {
    position: absolute;
    left: 75px;
    width: 300px;
  }
  #rundown
    .acaraWrapper.tigaacara
    .rb-object-frame.acaraTambahan
    .orb-photo-frame {
    padding-bottom: 120%;
  }
  #rundown .rsvp form {
    padding-left: 0;
    padding-bottom: 0;
  }
  #live_igfilter {
    padding: 5rem 1rem;
  }
  #live_igfilter .mb-5 {
    margin-bottom: 1rem !important;
  }
  #closing {
    height: 100%;
  }
  #closing .closing-wrapper {
    width: 100%;
  }
  #closing .closing-wrapper .orb-photo-frame {
    padding-bottom: 80%;
  }
  #closing .closing-wrapper .closing-words {
    padding: 1rem;
    width: 350px;
  }
  #closing .closing-wrapper .closing-words p,
  #closing .closing-wrapper .closing-words ul {
    font-size: 16px;
  }
  #closing .closing-wrapper .closing-words h1 {
    font-size: 50px !important;
  }
  #closing .closing-wrapper .closing-words h1 .and {
    font-size: 18px;
    left: -44px;
  }
  #wishes .container {
    padding: 8rem 2rem 5rem;
  }
  #wishes .container .wish-wrapper .wish-list {
    padding: 0;
  }
}
@media screen and (min-width: 821px) and (max-width: 1025px) {
  .rb-object-frame .shape-rounded {
    width: 122%;
    left: -26px;
  }
  #closing .closing-wrapper .closing-words {
    width: 400px;
  }
  #closing .closing-wrapper .closing-words h1 {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 820px) {
  .rb-object-frame .shape-rounded {
    width: 129%;
    left: -31px;
  }
}
@media screen and (max-width: 375px) {
  .rb-object-frame .shape-rounded {
    top: -28px;
    left: -20px;
    width: 118%;
  }
}
@media screen and (min-width: 376px) and (max-width: 550px) {
  .rb-object-frame .shape-rounded {
    top: -32px;
    left: -22px;
    width: 121%;
  }
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
#owl-cover {
  opacity: 1;
}
#owl-cover,
#owl-cover .owl-item,
#owl-cover .owl-stage,
#owl-cover .owl-stage-outer {
  height: 100%;
}
.style-mobile .video-background {
  transform: scale(0.5);
  transform-origin: 0 0;
}
.color-web_primary_color[data-v-1a6585b7] {
  color: #f63854;
}
.color-primary_base[data-v-1a6585b7] {
  color: #f7dad9;
}
.color-primary_up[data-v-1a6585b7] {
  color: #ffa0ae;
}
.color-primary-inviting[data-v-1a6585b7] {
  color: #c0f1ff;
}
.color-primary-inviting-bold[data-v-1a6585b7] {
  color: #72d8f5;
}
.color-secondary_base[data-v-1a6585b7] {
  color: #26282b;
}
.font-weight-200[data-v-1a6585b7] {
  font-weight: 200 !important;
}
.font-weight-300[data-v-1a6585b7] {
  font-weight: 300 !important;
}
.font-weight-400[data-v-1a6585b7] {
  font-weight: 400 !important;
}
.font-weight-500[data-v-1a6585b7] {
  font-weight: 500 !important;
}
.font-weight-600[data-v-1a6585b7] {
  font-weight: 600 !important;
}
.font-weight-700[data-v-1a6585b7] {
  font-weight: 700 !important;
}
.font-weight-800[data-v-1a6585b7] {
  font-weight: 800 !important;
}
.font-size-10[data-v-1a6585b7] {
  font-size: 10px !important;
}
.font-size-12[data-v-1a6585b7] {
  font-size: 12px !important;
}
.font-size-13[data-v-1a6585b7] {
  font-size: 13px !important;
}
.font-size-14[data-v-1a6585b7] {
  font-size: 14px !important;
}
.font-size-15[data-v-1a6585b7] {
  font-size: 15px !important;
}
.font-size-16[data-v-1a6585b7] {
  font-size: 16px !important;
}
.font-size-18[data-v-1a6585b7] {
  font-size: 18px !important;
}
.font-size-20[data-v-1a6585b7] {
  font-size: 20px !important;
}
.font-size-22[data-v-1a6585b7] {
  font-size: 22px !important;
}
.font-size-24[data-v-1a6585b7] {
  font-size: 24px !important;
}
.font-size-28[data-v-1a6585b7] {
  font-size: 28px !important;
}
.text-web-primary[data-v-1a6585b7] {
  color: #f63854;
}
.text-dark_color[data-v-1a6585b7] {
  color: #2d2d2d;
}
.text-dark_color_1[data-v-1a6585b7] {
  color: #272727;
}
.text-white_color[data-v-1a6585b7] {
  color: #fff;
}
.text-web-secondary[data-v-1a6585b7] {
  color: #49516f;
}
.text-tosca[data-v-1a6585b7] {
  color: #008489;
}
.text-grey[data-v-1a6585b7] {
  color: #e5e5e5;
}
.text-light-grey[data-v-1a6585b7] {
  color: #f4f4f4;
}
.text-light-magenta[data-v-1a6585b7] {
  color: #fbebed;
}
.text-gold[data-v-1a6585b7] {
  color: #ffc200;
}
.bg-web-primary[data-v-1a6585b7] {
  background-color: #f63854;
}
.bg-dark_color[data-v-1a6585b7] {
  background-color: #2d2d2d;
}
.bg-dark_color_1[data-v-1a6585b7] {
  background-color: #272727;
}
.bg-white_color[data-v-1a6585b7] {
  background-color: #fff;
}
.bg-web-secondary[data-v-1a6585b7] {
  background-color: #49516f;
}
.bg-tosca[data-v-1a6585b7] {
  background-color: #008489;
}
.bg-grey[data-v-1a6585b7] {
  background-color: #e5e5e5;
}
.bg-light-grey[data-v-1a6585b7] {
  background-color: #f4f4f4;
}
.bg-light-magenta[data-v-1a6585b7] {
  background-color: #fbebed;
}
.bg-gold[data-v-1a6585b7] {
  background-color: #ffc200;
}
.cover-video-wrap[data-v-1a6585b7] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-background[data-v-1a6585b7] {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.cover-background[data-v-1a6585b7] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cover-background .item[data-v-1a6585b7] {
  width: 100%;
  height: 100% !important;
  background-size: cover;
  background-position: 50% 50%;
}
.cover-background .item img[data-v-1a6585b7] {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.color-web_primary_color[data-v-7f909dbd] {
  color: #f63854;
}
.color-primary_base[data-v-7f909dbd] {
  color: #f7dad9;
}
.color-primary_up[data-v-7f909dbd] {
  color: #ffa0ae;
}
.color-primary-inviting[data-v-7f909dbd] {
  color: #c0f1ff;
}
.color-primary-inviting-bold[data-v-7f909dbd] {
  color: #72d8f5;
}
.color-secondary_base[data-v-7f909dbd] {
  color: #26282b;
}
.font-weight-200[data-v-7f909dbd] {
  font-weight: 200 !important;
}
.font-weight-300[data-v-7f909dbd] {
  font-weight: 300 !important;
}
.font-weight-400[data-v-7f909dbd] {
  font-weight: 400 !important;
}
.font-weight-500[data-v-7f909dbd] {
  font-weight: 500 !important;
}
.font-weight-600[data-v-7f909dbd] {
  font-weight: 600 !important;
}
.font-weight-700[data-v-7f909dbd] {
  font-weight: 700 !important;
}
.font-weight-800[data-v-7f909dbd] {
  font-weight: 800 !important;
}
.font-size-10[data-v-7f909dbd] {
  font-size: 10px !important;
}
.font-size-12[data-v-7f909dbd] {
  font-size: 12px !important;
}
.font-size-13[data-v-7f909dbd] {
  font-size: 13px !important;
}
.font-size-14[data-v-7f909dbd] {
  font-size: 14px !important;
}
.font-size-15[data-v-7f909dbd] {
  font-size: 15px !important;
}
.font-size-16[data-v-7f909dbd] {
  font-size: 16px !important;
}
.font-size-18[data-v-7f909dbd] {
  font-size: 18px !important;
}
.font-size-20[data-v-7f909dbd] {
  font-size: 20px !important;
}
.font-size-22[data-v-7f909dbd] {
  font-size: 22px !important;
}
.font-size-24[data-v-7f909dbd] {
  font-size: 24px !important;
}
.font-size-28[data-v-7f909dbd] {
  font-size: 28px !important;
}
.text-web-primary[data-v-7f909dbd] {
  color: #f63854;
}
.text-dark_color[data-v-7f909dbd] {
  color: #2d2d2d;
}
.text-dark_color_1[data-v-7f909dbd] {
  color: #272727;
}
.text-white_color[data-v-7f909dbd] {
  color: #fff;
}
.text-web-secondary[data-v-7f909dbd] {
  color: #49516f;
}
.text-tosca[data-v-7f909dbd] {
  color: #008489;
}
.text-grey[data-v-7f909dbd] {
  color: #e5e5e5;
}
.text-light-grey[data-v-7f909dbd] {
  color: #f4f4f4;
}
.text-light-magenta[data-v-7f909dbd] {
  color: #fbebed;
}
.text-gold[data-v-7f909dbd] {
  color: #ffc200;
}
.bg-web-primary[data-v-7f909dbd] {
  background-color: #f63854;
}
.bg-dark_color[data-v-7f909dbd] {
  background-color: #2d2d2d;
}
.bg-dark_color_1[data-v-7f909dbd] {
  background-color: #272727;
}
.bg-white_color[data-v-7f909dbd] {
  background-color: #fff;
}
.bg-web-secondary[data-v-7f909dbd] {
  background-color: #49516f;
}
.bg-tosca[data-v-7f909dbd] {
  background-color: #008489;
}
.bg-grey[data-v-7f909dbd] {
  background-color: #e5e5e5;
}
.bg-light-grey[data-v-7f909dbd] {
  background-color: #f4f4f4;
}
.bg-light-magenta[data-v-7f909dbd] {
  background-color: #fbebed;
}
.bg-gold[data-v-7f909dbd] {
  background-color: #ffc200;
}
@media only screen and (max-width: 400px) {
  .protocol-popup[data-v-7f909dbd] {
    font-size: 12px;
    text-align: center;
  }
  .protocol-popup h3[data-v-7f909dbd] {
    font-family: "roboto-black";
    font-size: 15px;
  }
}
.notes[data-v-7f909dbd] {
  margin-bottom: 20px;
  white-space: pre-wrap;
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
#owl-separator {
  height: 100%;
  opacity: 1;
}
#owl-separator .owl-item,
#owl-separator .owl-stage,
#owl-separator .owl-stage-outer {
  height: 100%;
}
.color-web_primary_color[data-v-ffef0168] {
  color: #f63854;
}
.color-primary_base[data-v-ffef0168] {
  color: #f7dad9;
}
.color-primary_up[data-v-ffef0168] {
  color: #ffa0ae;
}
.color-primary-inviting[data-v-ffef0168] {
  color: #c0f1ff;
}
.color-primary-inviting-bold[data-v-ffef0168] {
  color: #72d8f5;
}
.color-secondary_base[data-v-ffef0168] {
  color: #26282b;
}
.font-weight-200[data-v-ffef0168] {
  font-weight: 200 !important;
}
.font-weight-300[data-v-ffef0168] {
  font-weight: 300 !important;
}
.font-weight-400[data-v-ffef0168] {
  font-weight: 400 !important;
}
.font-weight-500[data-v-ffef0168] {
  font-weight: 500 !important;
}
.font-weight-600[data-v-ffef0168] {
  font-weight: 600 !important;
}
.font-weight-700[data-v-ffef0168] {
  font-weight: 700 !important;
}
.font-weight-800[data-v-ffef0168] {
  font-weight: 800 !important;
}
.font-size-10[data-v-ffef0168] {
  font-size: 10px !important;
}
.font-size-12[data-v-ffef0168] {
  font-size: 12px !important;
}
.font-size-13[data-v-ffef0168] {
  font-size: 13px !important;
}
.font-size-14[data-v-ffef0168] {
  font-size: 14px !important;
}
.font-size-15[data-v-ffef0168] {
  font-size: 15px !important;
}
.font-size-16[data-v-ffef0168] {
  font-size: 16px !important;
}
.font-size-18[data-v-ffef0168] {
  font-size: 18px !important;
}
.font-size-20[data-v-ffef0168] {
  font-size: 20px !important;
}
.font-size-22[data-v-ffef0168] {
  font-size: 22px !important;
}
.font-size-24[data-v-ffef0168] {
  font-size: 24px !important;
}
.font-size-28[data-v-ffef0168] {
  font-size: 28px !important;
}
.text-web-primary[data-v-ffef0168] {
  color: #f63854;
}
.text-dark_color[data-v-ffef0168] {
  color: #2d2d2d;
}
.text-dark_color_1[data-v-ffef0168] {
  color: #272727;
}
.text-white_color[data-v-ffef0168] {
  color: #fff;
}
.text-web-secondary[data-v-ffef0168] {
  color: #49516f;
}
.text-tosca[data-v-ffef0168] {
  color: #008489;
}
.text-grey[data-v-ffef0168] {
  color: #e5e5e5;
}
.text-light-grey[data-v-ffef0168] {
  color: #f4f4f4;
}
.text-light-magenta[data-v-ffef0168] {
  color: #fbebed;
}
.text-gold[data-v-ffef0168] {
  color: #ffc200;
}
.bg-web-primary[data-v-ffef0168] {
  background-color: #f63854;
}
.bg-dark_color[data-v-ffef0168] {
  background-color: #2d2d2d;
}
.bg-dark_color_1[data-v-ffef0168] {
  background-color: #272727;
}
.bg-white_color[data-v-ffef0168] {
  background-color: #fff;
}
.bg-web-secondary[data-v-ffef0168] {
  background-color: #49516f;
}
.bg-tosca[data-v-ffef0168] {
  background-color: #008489;
}
.bg-grey[data-v-ffef0168] {
  background-color: #e5e5e5;
}
.bg-light-grey[data-v-ffef0168] {
  background-color: #f4f4f4;
}
.bg-light-magenta[data-v-ffef0168] {
  background-color: #fbebed;
}
.bg-gold[data-v-ffef0168] {
  background-color: #ffc200;
}
.image-separator-background[data-v-ffef0168] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.image-separator-background .item[data-v-ffef0168] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.image-separator-background .item img[data-v-ffef0168] {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
.profile-slider {
  height: 100%;
  opacity: 1 !important;
}
.profile-slider .owl-stage,
.profile-slider .owl-stage-outer {
  height: 100%;
}
.profile-slider .owl-item {
  height: 100%;
  opacity: 0;
}
.profile-slider .owl-item.active {
  opacity: 1;
}
.profile-slider .item {
  height: 100% !important;
}
.profile-slider .item img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.color-web_primary_color[data-v-da167d7a] {
  color: #f63854;
}
.color-primary_base[data-v-da167d7a] {
  color: #f7dad9;
}
.color-primary_up[data-v-da167d7a] {
  color: #ffa0ae;
}
.color-primary-inviting[data-v-da167d7a] {
  color: #c0f1ff;
}
.color-primary-inviting-bold[data-v-da167d7a] {
  color: #72d8f5;
}
.color-secondary_base[data-v-da167d7a] {
  color: #26282b;
}
.font-weight-200[data-v-da167d7a] {
  font-weight: 200 !important;
}
.font-weight-300[data-v-da167d7a] {
  font-weight: 300 !important;
}
.font-weight-400[data-v-da167d7a] {
  font-weight: 400 !important;
}
.font-weight-500[data-v-da167d7a] {
  font-weight: 500 !important;
}
.font-weight-600[data-v-da167d7a] {
  font-weight: 600 !important;
}
.font-weight-700[data-v-da167d7a] {
  font-weight: 700 !important;
}
.font-weight-800[data-v-da167d7a] {
  font-weight: 800 !important;
}
.font-size-10[data-v-da167d7a] {
  font-size: 10px !important;
}
.font-size-12[data-v-da167d7a] {
  font-size: 12px !important;
}
.font-size-13[data-v-da167d7a] {
  font-size: 13px !important;
}
.font-size-14[data-v-da167d7a] {
  font-size: 14px !important;
}
.font-size-15[data-v-da167d7a] {
  font-size: 15px !important;
}
.font-size-16[data-v-da167d7a] {
  font-size: 16px !important;
}
.font-size-18[data-v-da167d7a] {
  font-size: 18px !important;
}
.font-size-20[data-v-da167d7a] {
  font-size: 20px !important;
}
.font-size-22[data-v-da167d7a] {
  font-size: 22px !important;
}
.font-size-24[data-v-da167d7a] {
  font-size: 24px !important;
}
.font-size-28[data-v-da167d7a] {
  font-size: 28px !important;
}
.text-web-primary[data-v-da167d7a] {
  color: #f63854;
}
.text-dark_color[data-v-da167d7a] {
  color: #2d2d2d;
}
.text-dark_color_1[data-v-da167d7a] {
  color: #272727;
}
.text-white_color[data-v-da167d7a] {
  color: #fff;
}
.text-web-secondary[data-v-da167d7a] {
  color: #49516f;
}
.text-tosca[data-v-da167d7a] {
  color: #008489;
}
.text-grey[data-v-da167d7a] {
  color: #e5e5e5;
}
.text-light-grey[data-v-da167d7a] {
  color: #f4f4f4;
}
.text-light-magenta[data-v-da167d7a] {
  color: #fbebed;
}
.text-gold[data-v-da167d7a] {
  color: #ffc200;
}
.bg-web-primary[data-v-da167d7a] {
  background-color: #f63854;
}
.bg-dark_color[data-v-da167d7a] {
  background-color: #2d2d2d;
}
.bg-dark_color_1[data-v-da167d7a] {
  background-color: #272727;
}
.bg-white_color[data-v-da167d7a] {
  background-color: #fff;
}
.bg-web-secondary[data-v-da167d7a] {
  background-color: #49516f;
}
.bg-tosca[data-v-da167d7a] {
  background-color: #008489;
}
.bg-grey[data-v-da167d7a] {
  background-color: #e5e5e5;
}
.bg-light-grey[data-v-da167d7a] {
  background-color: #f4f4f4;
}
.bg-light-magenta[data-v-da167d7a] {
  background-color: #fbebed;
}
.bg-gold[data-v-da167d7a] {
  background-color: #ffc200;
}
.profile-slider[data-v-da167d7a] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.color-web_primary_color {
  color: #f63854;
}
.color-primary_base {
  color: #f7dad9;
}
.color-primary_up {
  color: #ffa0ae;
}
.color-primary-inviting {
  color: #c0f1ff;
}
.color-primary-inviting-bold {
  color: #72d8f5;
}
.color-secondary_base {
  color: #26282b;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.text-web-primary {
  color: #f63854;
}
.text-dark_color {
  color: #2d2d2d;
}
.text-dark_color_1 {
  color: #272727;
}
.text-white_color {
  color: #fff;
}
.text-web-secondary {
  color: #49516f;
}
.text-tosca {
  color: #008489;
}
.text-grey {
  color: #e5e5e5;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-magenta {
  color: #fbebed;
}
.text-gold {
  color: #ffc200;
}
.bg-web-primary {
  background-color: #f63854;
}
.bg-dark_color {
  background-color: #2d2d2d;
}
.bg-dark_color_1 {
  background-color: #272727;
}
.bg-white_color {
  background-color: #fff;
}
.bg-web-secondary {
  background-color: #49516f;
}
.bg-tosca {
  background-color: #008489;
}
.bg-grey {
  background-color: #e5e5e5;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.bg-light-magenta {
  background-color: #fbebed;
}
.bg-gold {
  background-color: #ffc200;
}
.fitVids-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.fitVids-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}