@charset "UTF-8";
/**
 * Strip unit from number.
 *
 * Example:
 *   strip-unit(10px) // 10
 *   strip-unit(10%) // 10
 *   strip-unit(10) // 10
 */
/* Convert string to number */
/* Convert pixels to relative units */
/* Convert px to % */
/* Convert px to vw */
/* Convert % to px */
/* Convert hex to rgb */
/* Shortcut for minmax(0, 1fr) */
/* String replace */
/* Trim string */
/* Return column width */
/* Return one column width */
/* Return columns count width in px */
/* Clearfix */
/* Remove clearfix */
/* Page padding */
/* Compensate horizontal page padding */
/* Layout row */
/* Layout cell */
/* Layout cell reset */
/* Layout row reset */
/* Dotted underline */
/* Dotted underline reset*/
/* Vertical center content  */
/* Justify columns */
/* Triangle */
/* Triangle color */
/* Outer lines */
/* Outer lines reset */
/* Background image with webp and fallback to jpg */
/* Remove button style */
/* Remove extreme property */
/* Remove first and last margins */
/* Remove first and list p margins */
/* Build inner selector */
/* Full width element */
/* Full width background */
/* Responsive font size */
/* Visually hidden */
/* Reset visually-hidden styles */
/* Hamburger icon */
/* Overlay */
/* Transition with multiple properties */
/* Lines using gradient */
/* Hide scrollbar but non disable scrolling */
/* Hide element */
/* Show element */
/* Centering absolute element */
/* Left icon */
/* Hide siblings */
/* Keep maximum first elements */
/* Adaptive version keep-first() mixin */
/* Add label colon */
/* Text inputs */
/* Background SVG with custom color */
:root {
  --color-text-white: rgba(255, 255, 255, 0.9);
  --color-text-black: rgba(0, 0, 0, 0.80);
  --color-text-black-07: rgba(0, 0, 0, 0.7);
  --color-current: var(--color-text-black);
  --color-link: currentColor;
  --color-link-hover: currentColor;
  --color-brand: #F5B700;
  --color-black-background: #212121;
  --page-font-family: 'Montserrat', sans-serif;
  --page-font-family-second: Arial, sans-serif;
  --page-font-size: 14px;
  --page-line-height: 1.7;
  --page-max-width: 1115px;
  --page-min-width: 320px;
  --page-padding: 20px;
  --page-padding-negative: calc(var(--page-padding) * -1);
  --gutter-width: 20px;
  --scrollbar-width: 20px;
  --content-extra-max-width: 1400px;
  --sidebar-width: 20%;
  --breadcrumb-separator: '/';
  --overlay-background: rgba(black, 0.7);
  --dialog-padding: var(--gutter-width);
  --p-margin: 25px;
  --h1-font-size: 36px;
  --h2-font-size: 28px;
  --h3-font-size: 22px;
  --form-item-margin: 20px;
  --form-checkbox-width: 25px;
  --form-checkbox-height: 14px;
  --form-checkbox-right-margin: 10px;
  --z-index-overlay: 10;
  --z-index-dialog: 11;
  --local-task-background-color: #EDEDEE;
  --local-task-background-color-hover: #DADADE;
  --local-task-background-color-active: #7C7D7F;
  --local-task-font-size: 14px;
  --local-task-text-color: inherit;
  --local-task-text-color-hover: inherit;
  --local-task-text-color-active: white;
  --block-paragraph-padding: 70px;
  --block-paragraph-title-margin-bottom: 40px;
  --block-paragraph-content-padding: 60px;
}
@media (max-width: 1024px) {
  :root {
    --page-font-size: 13px;
    --page-padding: 20px;
  }
}
@media (max-width: 700px) {
  :root {
    --page-padding: 15px;
    --block-paragraph-padding: 50px;
    --block-paragraph-title-margin-bottom: 40px;
    --block-paragraph-content-padding: 40px;
  }
}

@keyframes ajax-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100px 50px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialog-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* jQuery UI elements */
.ui-widget {
  font-family: var(--page-font-family);
  font-size: var(--page-font-size);
  line-height: var(--page-line-height);
}

.ui-button {
  font-family: var(--page-font-family);
  font-size: var(--page-font-size);
  line-height: var(--page-line-height);
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 20px;
  border: none;
  border-bottom: 2px solid #846200;
  background: #F5B700;
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.ui-button:hover {
  color: rgba(0, 0, 0, 0.7);
}

/* Overlay */
.ui-widget-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-overlay);
  background: var(--overlay-background);
  opacity: 1;
  background: black;
}

/* Dialog */
.ui-dialog {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: var(--z-index-dialog);
  max-width: calc(100% - var(--page-padding) * 2);
  padding: 0 !important;
  background: #313131;
  border-radius: 30px;
}
.ui-dialog .ui-dialog-titlebar {
  margin: 0 !important;
  padding: 17px 40px 17px 20px !important;
  background: var(--color-brand);
  border-radius: 30px 30px 0 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: white;
  text-align: center;
}
.ui-dialog .ui-dialog-titlebar b {
  font-weight: 900;
}
.ui-dialog .ui-dialog-title {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  white-space: initial !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 16px !important;
  top: 21px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}
.ui-dialog .ui-dialog-titlebar-close::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "✕";
  font-size: 22px;
  line-height: 30px;
  text-indent: 0;
  color: rgba(0, 0, 0, 0.8);
}
.ui-dialog .ui-icon-closethick,
.ui-dialog .ui-button-icon-space {
  display: none;
}
.ui-dialog .ui-dialog-content {
  margin: 0 !important;
  padding: 60px 100px 45px !important;
  color: var(--color-text-white);
}
.ui-dialog .ui-dialog-content[style="width: auto; min-height: 0px; max-height: none; height: 0px;"] {
  padding: 0 !important;
}
@media (max-width: 700px) {
  .ui-dialog {
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    max-width: initial;
    border-radius: 0;
  }
  .ui-dialog .ui-dialog-titlebar {
    font-size: 16px;
    font-weight: 900;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    top: 14px !important;
  }
  .ui-dialog .ui-dialog-content {
    flex: 1;
    overflow-y: auto !important;
    max-height: initial !important;
    padding: 37px var(--page-padding) !important;
  }
}

/* Dialog animation */
.ui-widget-overlay,
.ui-dialog {
  animation-duration: 0.3s;
  animation-name: dialog-animation;
}

/* Overrides for D11/Claro dialog styles creeping into frontend */
.ui-dialog {
  background: #313131 !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: none !important;
}
.ui-dialog .ui-dialog-titlebar {
  border: none !important;
  border-radius: 10px 10px 0 0 !important;
  font-size: 24px !important;
}
@media (max-width: 700px) {
  .ui-dialog .ui-dialog-titlebar {
    font-size: 16px !important;
  }
}
.ui-dialog .ui-dialog-titlebar {
  font-weight: 500 !important;
  color: white !important;
}
.ui-dialog .ui-dialog-titlebar h1,
.ui-dialog .ui-dialog-titlebar h2,
.ui-dialog .ui-dialog-titlebar h3,
.ui-dialog .ui-dialog-titlebar h4,
.ui-dialog .ui-dialog-titlebar h5,
.ui-dialog .ui-dialog-titlebar h6,
.ui-dialog .ui-dialog-titlebar span {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar b {
  font-weight: 900 !important;
}
.ui-dialog .ui-dialog-title {
  font-size: 24px !important;
}
@media (max-width: 700px) {
  .ui-dialog .ui-dialog-title {
    font-size: 16px !important;
    line-height: normal !important;
  }
}
.ui-dialog .ui-dialog-title {
  line-height: 36px !important;
  font-weight: 500 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.ui-dialog > .ui-dialog-content {
  background: transparent !important;
  font-size: var(--page-font-size) !important;
  color: var(--color-text-white) !important;
}
.ui-dialog .ui-icon-closethick,
.ui-dialog .ui-button-icon-space {
  display: none !important;
}

/* Restore overlay — use rgba so page color does not bleed through */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
  opacity: 1 !important;
  z-index: var(--z-index-overlay) !important;
}

/* Restore font family inside dialogs — Claro overrides .ui-widget */
.ui-widget,
.ui-dialog {
  font-family: var(--page-font-family) !important;
  line-height: var(--page-line-height) !important;
}

/* Force Golos Text on form elements inside dialogs (they don't inherit font) */
.ui-dialog input,
.ui-dialog textarea,
.ui-dialog select,
.ui-dialog button,
.ui-dialog label,
.ui-dialog .form-item__label,
.ui-dialog .form-item__description,
.ui-dialog .form-item--text-after,
.ui-dialog .form-item--text-before,
.ui-dialog .form-item--title {
  font-family: var(--page-font-family) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.ui-dialog .form-item--text-after a,
.ui-dialog .form-item--text-before a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: underline !important;
}