@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
.site-button {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-border-color: #fff;
  --sb-color: #fff;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button:hover,
.site-button:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.top-space {
  margin-top: 1em;
}
.site-button.trans-white,
.site-button--trans-white {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
  --sb-color: #fff;
  --sb-hover-color: #fff;
  --sb-border-color: #fff;
  --sb-back: #ffffff00;
  --sb-hover-back: #0B1722;
  --sb-hover-back2: #0B1722;
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button.trans-white:hover,
.site-button--trans-white:hover,
.site-button.trans-white:active,
.site-button--trans-white:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button.trans-white:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue),
.site-button--trans-white:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.trans-white.top-space,
.site-button--trans-white.top-space {
  margin-top: 1em;
}
.site-button.wide,
.site-button--wide {
  display: flex;
  width: 100%;
}
.site-button.white,
.site-button--white {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-color: #fff;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
  --sb-back: #fff;
  --sb-back2: #fff;
  --sb-back3: #fff;
  --sb-hover-back: #fff;
  --sb-hover-back2: #fff;
  --sb-hover-back3: #fff;
  --sb-color: #0B1722;
  --sb-hover-color: #0B1722;
  --sb-border-color: #fff;
  --sb-hover-border-color: #fafafa;
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button.white:hover,
.site-button--white:hover,
.site-button.white:active,
.site-button--white:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button.white:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue),
.site-button--white:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.white.top-space,
.site-button--white.top-space {
  margin-top: 1em;
}
.site-button.wide,
.site-button--wide {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-border-color: #fff;
  --sb-color: #fff;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
  display: flex;
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button.wide:hover,
.site-button--wide:hover,
.site-button.wide:active,
.site-button--wide:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button.wide:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue),
.site-button--wide:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.wide.top-space,
.site-button--wide.top-space {
  margin-top: 1em;
}
.site-button.black,
.site-button--black {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-border-color: #fff;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
  --sb-back: #333;
  --sb-back2: #333;
  --sb-back3: #333;
  --sb-hover-back: #222;
  --sb-hover-back2: #222;
  --sb-hover-back3: #222;
  --sb-color: #fff;
  --sb-hover-color: #fafafa;
  --sb-border-color: #333;
  --sb-hover-border-color: #333;
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button.black:hover,
.site-button--black:hover,
.site-button.black:active,
.site-button--black:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button.black:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue),
.site-button--black:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.black.top-space,
.site-button--black.top-space {
  margin-top: 1em;
}
.site-button.blue,
.site-button--blue {
  display: inline-flex;
  gap: 0 0.5em;
  align-items: center;
  justify-content: center;
  padding: 1em 2.6em;
  border-radius: 1.7em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--sb-animated-color);
  border: 1px solid var(--sb-animated-border-color);
  background: linear-gradient(var(--sb-animated-rad), var(--sb-animated-back), var(--sb-animated-back2), var(--sb-animated-back3));
  transition: all 0.5s, --sb-animated-color 0.5s, --sb-animated-border-color 0.5s, --sb-animated-rad 0.5s, --sb-animated-back 0.5s, --sb-animated-back2 0.5s, --sb-animated-back3 0.5s;
  --sb-rad: 176deg;
  --sb-back: #78c4ff8a;
  --sb-back2: #ffffff00;
  --sb-border-color: #fff;
  --sb-color: #fff;
  --sb-animated-rad: var(--sb-rad);
  --sb-animated-back: var(--sb-back);
  --sb-animated-back2: var(--sb-back2, var(--sb-back));
  --sb-animated-back3: var(--sb-back3, var(--sb-back2, var(--sb-back)));
  --sb-animated-border-color: var(--sb-border-color);
  --sb-animated-color: var(--sb-color);
  --sb-back: #134F7E;
  --sb-back2: #134F7E;
  --sb-back3: #134F7E;
  --sb-hover-back: #154062;
  --sb-hover-back2: #154062;
  --sb-hover-back3: #154062;
  --sb-color: #D4D4D4;
  --sb-hover-color: #D4D4D4;
  --sb-border-color: #134F7E;
  --sb-hover-border-color: #194B72;
}
@property --sb-animated-rad {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-back {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back2 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-back3 {
  syntax: '<color>';
  initial-value: #ffffff00;
  inherits: false;
}
@property --sb-animated-border-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
@property --sb-animated-color {
  syntax: '<color>';
  initial-value: 0deg;
  inherits: false;
}
.site-button.blue:hover,
.site-button--blue:hover,
.site-button.blue:active,
.site-button--blue:active {
  --sb-animated-color: var(--sb-hover-color, var(--sb-color));
  --sb-animated-border-color: var(--sb-hover-border-color, var(--sb-border-color));
  --sb-animated-rad: var(--sb-hover-rad, var(--sb-rad));
  --sb-animated-back: var(--sb-hover-back, var(--sb-back));
  --sb-animated-back2: var(--sb-hover-back2, var(--sb-back2, var(--sb-back)));
  --sb-animated-back3: var(--sb-hover-back3, var(--sb-hover-back2, var(--sb-back3, var(--sb-back2, var(--sb-back)))));
}
.site-button.blue:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue),
.site-button--blue:not(.trans-white, .site-button--trans-white, .white, .site-button--white, .black, .site-button--black, .blue, .site-button--blue) {
  --sb-color: #BEE3FF;
  --sb-hover-color: #fff;
  --sb-border-color: #4f697d;
  --sb-hover-border-color: #78C4FF;
  --sb-hover-back: #61baff;
}
.site-button.blue.top-space,
.site-button--blue.top-space {
  margin-top: 1em;
}
.site-buttons {
  margin-top: 2em;
}
.dark-frame,
.white-frame,
.shaded-frame {
  --df-light-back: #3A5F7D;
  --df-dark-back: #0B1722;
  --df-rad: 169deg;
  padding: 1.4em;
  border-radius: 1em;
  border: 1px solid #3D4D5B;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
}
.dark-frame .frame-title,
.white-frame .frame-title,
.shaded-frame .frame-title {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0.7em;
}
.dark-frame .form-item input[type=text],
.white-frame .form-item input[type=text],
.shaded-frame .form-item input[type=text],
.dark-frame .form-item input[type=email],
.white-frame .form-item input[type=email],
.shaded-frame .form-item input[type=email],
.dark-frame .form-item input[type=tel],
.white-frame .form-item input[type=tel],
.shaded-frame .form-item input[type=tel],
.dark-frame .form-item input[type=password],
.white-frame .form-item input[type=password],
.shaded-frame .form-item input[type=password],
.dark-frame .form-item textarea,
.white-frame .form-item textarea,
.shaded-frame .form-item textarea,
.dark-frame .form-item select,
.white-frame .form-item select,
.shaded-frame .form-item select {
  font-size: 1em;
  display: inline-flex;
  box-sizing: border-box;
  background: #3b3b3b21;
  box-shadow: inset 0 0 3px 1px #0000001a;
  border: 1px solid #c5c5c542;
  padding: 0.4em 0.5em;
  outline: 0;
  margin: 0.1px 0;
  border-radius: 0.5em;
  width: 100%;
  min-width: 50px;
  color: #54bfff;
}
.dark-frame .form-item input[type=text]::placeholder,
.white-frame .form-item input[type=text]::placeholder,
.shaded-frame .form-item input[type=text]::placeholder,
.dark-frame .form-item input[type=email]::placeholder,
.white-frame .form-item input[type=email]::placeholder,
.shaded-frame .form-item input[type=email]::placeholder,
.dark-frame .form-item input[type=tel]::placeholder,
.white-frame .form-item input[type=tel]::placeholder,
.shaded-frame .form-item input[type=tel]::placeholder,
.dark-frame .form-item input[type=password]::placeholder,
.white-frame .form-item input[type=password]::placeholder,
.shaded-frame .form-item input[type=password]::placeholder,
.dark-frame .form-item textarea::placeholder,
.white-frame .form-item textarea::placeholder,
.shaded-frame .form-item textarea::placeholder,
.dark-frame .form-item select::placeholder,
.white-frame .form-item select::placeholder,
.shaded-frame .form-item select::placeholder {
  color: #636363;
  font-weight: 200;
}
.dark-frame .form-type--checkbox,
.white-frame .form-type--checkbox,
.shaded-frame .form-type--checkbox {
  display: flex;
  gap: 0.8em;
  color: #6a6a6a;
  font-size: 0.9em;
}
.dark-frame .form-type--checkbox label,
.white-frame .form-type--checkbox label,
.shaded-frame .form-type--checkbox label {
  font-weight: 400;
}
.dark-frame .form-type--checkbox label a,
.white-frame .form-type--checkbox label a,
.shaded-frame .form-type--checkbox label a {
  font-size: 0.9em;
  color: #999999;
}
.shaded-frame {
  --df-dark-back: transparent;
}
.white-frame {
  --df-light-back: #fff;
  --df-dark-back: #fff;
  color: #333;
}
.flat-dark-frame {
  --df-light-back: #3A5F7D;
  --df-dark-back: #0B1722;
  --df-rad: 169deg;
  padding: 1.4em;
  border-radius: 1em;
  border: 1px solid #3D4D5B;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  --df-rad: 90deg;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back));
}
.flat-dark-frame .frame-title {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0.7em;
}
.flat-dark-frame .form-item input[type=text],
.flat-dark-frame .form-item input[type=email],
.flat-dark-frame .form-item input[type=tel],
.flat-dark-frame .form-item input[type=password],
.flat-dark-frame .form-item textarea,
.flat-dark-frame .form-item select {
  font-size: 1em;
  display: inline-flex;
  box-sizing: border-box;
  background: #3b3b3b21;
  box-shadow: inset 0 0 3px 1px #0000001a;
  border: 1px solid #c5c5c542;
  padding: 0.4em 0.5em;
  outline: 0;
  margin: 0.1px 0;
  border-radius: 0.5em;
  width: 100%;
  min-width: 50px;
  color: #54bfff;
}
.flat-dark-frame .form-item input[type=text]::placeholder,
.flat-dark-frame .form-item input[type=email]::placeholder,
.flat-dark-frame .form-item input[type=tel]::placeholder,
.flat-dark-frame .form-item input[type=password]::placeholder,
.flat-dark-frame .form-item textarea::placeholder,
.flat-dark-frame .form-item select::placeholder {
  color: #636363;
  font-weight: 200;
}
.flat-dark-frame .form-type--checkbox {
  display: flex;
  gap: 0.8em;
  color: #6a6a6a;
  font-size: 0.9em;
}
.flat-dark-frame .form-type--checkbox label {
  font-weight: 400;
}
.flat-dark-frame .form-type--checkbox label a {
  font-size: 0.9em;
  color: #999999;
}
.event {
  --site-link-color: #cb9b3b;
  --site-link-color-hover: #ffe3aa;
  --site-link-style: none;
  --mg-title-color: #8ca2a4;
  --mg-link-color: #558996;
}
.event + .event {
  margin-top: 1em;
}
.event__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1em;
  font-size: 0.9em;
  margin-bottom: 1em;
  color: #97b7c7;
}
.event__title {
  font-size: 1.3em;
  margin: 0.6em 0;
}
.event__subtitle {
  font-size: 1.16em;
  margin-bottom: 0.9em;
  color: #7e9699;
}
.event__description {
  font-size: 0.9em;
}
.event__description p {
  padding: 0;
  margin: 0;
}
.event__description p + p {
  margin-top: 1em;
}
.event__before {
  margin: 1em 0;
}
.events-list {
  --mg-border: none;
  --mg-shadow: none;
  --mg-back: none;
  --mg-pad: 0;
  --mg-gap: 1em;
  --mg-margin: 1em 0;
}
.events-list__title {
  font-size: 1.8em;
  margin: 1em 0;
  text-transform: uppercase;
}
.events-list .event__title {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 1em 0;
  color: #bb7f31;
}
.events-list .event__subtitle {
  font-size: 1.2em;
  margin: 1em 0;
  color: #76a7af;
}
.events-list .event + .event {
  margin-top: 3em;
}
.events-cards {
  display: flex;
  align-items: stretch;
  justify-items: stretch;
  gap: 1em;
}
.events-cards .event-card,
.events-cards .empty-event {
  flex: 1;
}
.event-slider {
  --ec-height: 19em;
}
.event-slider .event-card,
.event-slider .empty-event {
  --df-light-back: #3A5F7D;
  --df-dark-back: #0B1722;
  --df-rad: 169deg;
  padding: 1.4em;
  border-radius: 1em;
  border: 1px solid #3D4D5B;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  padding: 2em;
  font-size: 0.8em;
  min-height: var(--ec-height);
  box-sizing: border-box;
  height: 100%;
}
.event-slider .event-card .frame-title,
.event-slider .empty-event .frame-title {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0.7em;
}
.event-slider .event-card .form-item input[type=text],
.event-slider .empty-event .form-item input[type=text],
.event-slider .event-card .form-item input[type=email],
.event-slider .empty-event .form-item input[type=email],
.event-slider .event-card .form-item input[type=tel],
.event-slider .empty-event .form-item input[type=tel],
.event-slider .event-card .form-item input[type=password],
.event-slider .empty-event .form-item input[type=password],
.event-slider .event-card .form-item textarea,
.event-slider .empty-event .form-item textarea,
.event-slider .event-card .form-item select,
.event-slider .empty-event .form-item select {
  font-size: 1em;
  display: inline-flex;
  box-sizing: border-box;
  background: #3b3b3b21;
  box-shadow: inset 0 0 3px 1px #0000001a;
  border: 1px solid #c5c5c542;
  padding: 0.4em 0.5em;
  outline: 0;
  margin: 0.1px 0;
  border-radius: 0.5em;
  width: 100%;
  min-width: 50px;
  color: #54bfff;
}
.event-slider .event-card .form-item input[type=text]::placeholder,
.event-slider .empty-event .form-item input[type=text]::placeholder,
.event-slider .event-card .form-item input[type=email]::placeholder,
.event-slider .empty-event .form-item input[type=email]::placeholder,
.event-slider .event-card .form-item input[type=tel]::placeholder,
.event-slider .empty-event .form-item input[type=tel]::placeholder,
.event-slider .event-card .form-item input[type=password]::placeholder,
.event-slider .empty-event .form-item input[type=password]::placeholder,
.event-slider .event-card .form-item textarea::placeholder,
.event-slider .empty-event .form-item textarea::placeholder,
.event-slider .event-card .form-item select::placeholder,
.event-slider .empty-event .form-item select::placeholder {
  color: #636363;
  font-weight: 200;
}
.event-slider .event-card .form-type--checkbox,
.event-slider .empty-event .form-type--checkbox {
  display: flex;
  gap: 0.8em;
  color: #6a6a6a;
  font-size: 0.9em;
}
.event-slider .event-card .form-type--checkbox label,
.event-slider .empty-event .form-type--checkbox label {
  font-weight: 400;
}
.event-slider .event-card .form-type--checkbox label a,
.event-slider .empty-event .form-type--checkbox label a {
  font-size: 0.9em;
  color: #999999;
}
.event-slider .event-card .headline,
.event-slider .empty-event .headline {
  display: flex;
  gap: 2em;
  align-items: stretch;
}
.event-slider .event-card .headline .images,
.event-slider .empty-event .headline .images {
  flex: 0 0 15em;
  border-radius: 1em;
  overflow: hidden;
}
.event-slider .event-card .headline .image img,
.event-slider .empty-event .headline .image img {
  width: 100%;
  height: auto;
}
.event-slider .event-card .headline .info,
.event-slider .empty-event .headline .info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-items: center;
}
.event-slider .event-card .headline .info .spacer,
.event-slider .empty-event .headline .info .spacer {
  flex: 1 1 auto;
}
.event-slider .event-card .headline .title,
.event-slider .empty-event .headline .title {
  font-weight: 600;
  font-size: 1.2em;
  padding: 0;
  margin: 1em 0;
}
.event-slider .event-card .headline .dates,
.event-slider .empty-event .headline .dates {
  display: flex;
  gap: 1em;
  align-items: center;
  margin: 1em 0;
}
.event-slider .event-card .headline .dates .icon svg,
.event-slider .empty-event .headline .dates .icon svg {
  width: 1.3em;
  height: 1.3em;
}
.event-slider .event-card .notes,
.event-slider .empty-event .notes {
  margin-top: 2em;
  line-height: 1.5em;
}
.event-slider .empty-event {
  --df-light-back: #3A5F7D;
  --df-dark-back: #0B1722;
  --df-rad: 169deg;
  padding: 1.4em;
  border-radius: 1em;
  border: 1px solid #3D4D5B;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  min-height: var(--ec-height);
  background: #192D3F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7e8b97;
  font-weight: 200;
}
.event-slider .empty-event .frame-title {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0.7em;
}
.event-slider .empty-event .form-item input[type=text],
.event-slider .empty-event .form-item input[type=email],
.event-slider .empty-event .form-item input[type=tel],
.event-slider .empty-event .form-item input[type=password],
.event-slider .empty-event .form-item textarea,
.event-slider .empty-event .form-item select {
  font-size: 1em;
  display: inline-flex;
  box-sizing: border-box;
  background: #3b3b3b21;
  box-shadow: inset 0 0 3px 1px #0000001a;
  border: 1px solid #c5c5c542;
  padding: 0.4em 0.5em;
  outline: 0;
  margin: 0.1px 0;
  border-radius: 0.5em;
  width: 100%;
  min-width: 50px;
  color: #54bfff;
}
.event-slider .empty-event .form-item input[type=text]::placeholder,
.event-slider .empty-event .form-item input[type=email]::placeholder,
.event-slider .empty-event .form-item input[type=tel]::placeholder,
.event-slider .empty-event .form-item input[type=password]::placeholder,
.event-slider .empty-event .form-item textarea::placeholder,
.event-slider .empty-event .form-item select::placeholder {
  color: #636363;
  font-weight: 200;
}
.event-slider .empty-event .form-type--checkbox {
  display: flex;
  gap: 0.8em;
  color: #6a6a6a;
  font-size: 0.9em;
}
.event-slider .empty-event .form-type--checkbox label {
  font-weight: 400;
}
.event-slider .empty-event .form-type--checkbox label a {
  font-size: 0.9em;
  color: #999999;
}
.event-slider .event-card-empty {
  --df-light-back: #3A5F7D;
  --df-dark-back: #0B1722;
  --df-rad: 169deg;
  padding: 1.4em;
  border-radius: 1em;
  border: 1px solid #3D4D5B;
  background: linear-gradient(var(--df-rad), var(--df-light-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back), var(--df-dark-back));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  min-height: var(--ec-height);
  background: #192D3F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #7e8b97;
  font-weight: 200;
}
.event-slider .event-card-empty .frame-title {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0.7em;
}
.event-slider .event-card-empty .form-item input[type=text],
.event-slider .event-card-empty .form-item input[type=email],
.event-slider .event-card-empty .form-item input[type=tel],
.event-slider .event-card-empty .form-item input[type=password],
.event-slider .event-card-empty .form-item textarea,
.event-slider .event-card-empty .form-item select {
  font-size: 1em;
  display: inline-flex;
  box-sizing: border-box;
  background: #3b3b3b21;
  box-shadow: inset 0 0 3px 1px #0000001a;
  border: 1px solid #c5c5c542;
  padding: 0.4em 0.5em;
  outline: 0;
  margin: 0.1px 0;
  border-radius: 0.5em;
  width: 100%;
  min-width: 50px;
  color: #54bfff;
}
.event-slider .event-card-empty .form-item input[type=text]::placeholder,
.event-slider .event-card-empty .form-item input[type=email]::placeholder,
.event-slider .event-card-empty .form-item input[type=tel]::placeholder,
.event-slider .event-card-empty .form-item input[type=password]::placeholder,
.event-slider .event-card-empty .form-item textarea::placeholder,
.event-slider .event-card-empty .form-item select::placeholder {
  color: #636363;
  font-weight: 200;
}
.event-slider .event-card-empty .form-type--checkbox {
  display: flex;
  gap: 0.8em;
  color: #6a6a6a;
  font-size: 0.9em;
}
.event-slider .event-card-empty .form-type--checkbox label {
  font-weight: 400;
}
.event-slider .event-card-empty .form-type--checkbox label a {
  font-size: 0.9em;
  color: #999999;
}
.event-slider .buttons {
  display: flex;
  margin-top: 2em;
  gap: 1em;
  align-items: center;
  justify-content: center;
}
.event-slider .mini-gallery {
  --mg-border: none;
  --mg-shadow: none;
  --mg-back: none;
  --mg-pad: 0;
  --mg-size: 0.8em;
  --mg-gap: 0.6em;
  --mg-margin: 1em 0;
  --mg-title-margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .event-slider {
    --ec-height: 22em;
  }
  .event-slider .event-card .headline {
    flex-direction: column;
    align-items: stretch;
  }
}
.events-calendar {
  display: flex;
  flex-direction: row;
  gap: 1.5em;
  background: #0e3447;
  border-radius: 1em;
  color: #fafafa;
  padding: 1.5em;
}
.events-calendar .calendar {
  --cal-main-back: #05354d;
  --cal-main-color: #ddd7d7;
  --cal-main-border: 1px solid #317a9d;
  --cal-main-shadow: 0 0 6px #00000073;
  --cal-main-width: 100%;
  --cal-main-size: 1.25em;
  --cal-main-radius: 1em;
  --cal-bt-color: #80bec3;
  --cal-bt-back: #ffffff00;
  --cal-bt-size: 1em;
  --cal-bt-border: none;
  --cal-bt-border-hover: none;
  --cal-day-color: #85bfdc;
  --cal-day-back: #002a3f;
  --cal-day-border-color: #0d263300;
  --cal-day-font-weight: normal;
  --cal-day-now-color: #009fee;
  --cal-day-holi-color: #9d4927;
  --cal-day-out-color: #335465;
  --cal-day-selected-color: #c9dae4;
  --cal-day-selected-back: #12435b;
  --cal-day-ranged-color: #77a9c6;
  --cal-day-ranged-back: #efefef;
  --cal-day-disabled-color: #c9dae4;
  --cal-day-disabled-back: #efefef;
  --cal-day-hover-color-mod: white 19%;
  --cal-day-hover-back-mod: black 15%;
  --cal-day-hover-border-mod: black 5%;
  --cal-bt-color-hover: #f1bd42;
  --cal-bt-back-hover: #0a2b3b00;
  --cal-main-pad: 1em 0;
  --cal-head-color: #30576a;
  --cal-head-back: #0b212c;
  --cal-navs-display: none;
  --cal-day-pad: 1em 0;
  flex: 0 0 auto;
  min-width: 24em;
  order: 10;
}
.events-calendar .calendar .day {
  position: relative;
  padding: var(--cal-day-pad);
}
.events-calendar .calendar .day .ev1,
.events-calendar .calendar .day .ev2 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 1px 1px 3px #00000055;
  z-index: 5;
  background: #f5a62c;
}
.events-calendar .calendar .day.h.s {
  --cal-day-color: #c5876e;
}
.events-calendar .calendar .day .ev2 {
  z-index: 4;
  left: 8px;
  background: #a36957;
}
.events-calendar .calendar .day.event,
.events-calendar .calendar .day.events {
  --cal-day-border-color: #176367;
  --cal-day-hover-border-color: #996312;
}
.events-calendar .calendar .day.event .ev1 {
  display: block;
}
.events-calendar .calendar .day.events .ev1,
.events-calendar .calendar .day.events .ev2 {
  display: block;
}
.events-calendar .calendar .calendar-grid {
  --cal-bt-color: #80bec3;
  --cal-bt-back: #154157;
  --cal-bt-color-hover: #d7d5d2;
  --cal-bt-back-hover: #236281;
}
.events-calendar .event__before,
.events-calendar .event__albums {
  --mg-gap: 0.3em;
  --mg-radius: 4px;
  --mg-box-radius: 5px;
  --mg-tiles-margin: 0;
  --mg-tiles-gap: 0.2em;
  --mg-mini: 8;
  --mg-title-size: 1em;
  --mg-shadow: none;
  --mg-border: none;
  --mg-pad: 0;
  --mg-arrow-size: 3em;
  --mg-title-margin: 1em 0;
  --mg-box-shadow: none;
  --mg-back: transparent;
}
.events-calendar .informer {
  font-size: 0.8em;
  flex: 1 1 auto;
  order: 5;
  --mg-mini: 10;
  --mg-mixed: 10;
}
.events-calendar .informer .informer__event + .informer__event {
  border-top: 1px solid #fbfbfb17;
  padding-top: 0.5em;
  margin-top: 0.5em;
}
.events-calendar .informer .event {
  margin-bottom: 1em;
}
.events-calendar .informer .event__title {
  color: #7eb6d18f;
}