/* Start:/include/uikit/uikit.css?177624718774491*/
/*! UIkit 3.21.8 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
/* ========================================================================
   Component: Icon
 ========================================================================== */
/*
 * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Remove default `button` padding and background color
 * 8. Style
 * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 10. Let the container fit the height of the icon
 */
.uk-icon {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  border-radius: 0;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background-color: transparent;
  /* 8 */
  display: inline-block;
  /* 9 */
  fill: currentcolor;
  /* 10 */
  line-height: 0;
}
/* Required for `button`. */
button.uk-icon:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove the inner border and padding in Firefox.
 */
.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Set the fill and stroke color of all SVG elements to the current text color
 */
.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}
.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}
/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */
.uk-icon > * {
  transform: translate(0, 0);
}
/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers.
 */
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
}
/*
 * Show the overflow in Edge.
 */
.uk-input {
  overflow: visible;
}
/*
 * Remove the inheritance of text transform in Firefox.
 */
.uk-select {
  text-transform: none;
}
/*
 * 1. Change font properties to `inherit` in all browsers
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-select optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Remove the default vertical scrollbar in IE 10+.
 */
.uk-textarea {
  overflow: auto;
}
/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */
.uk-input[type="search"]::-webkit-search-cancel-button,
.uk-input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
.uk-input[type="number"]::-webkit-inner-spin-button,
.uk-input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
  opacity: 1;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
  cursor: pointer;
}
/*
 * Define consistent border, margin, and padding.
 * 1. Reset `min-width`
 */
.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0;
  /* 1 */
  min-width: 0;
}
/* Input, select and textarea
 * Allowed: `text`, `password`, `datetime-local`, `date`,  `month`,
            `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
 * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
 ========================================================================== */
/*
 * Remove default style in iOS.
 */
.uk-input,
.uk-textarea {
  -webkit-appearance: none;
}
/*
 * 1. Prevent content overflow if a fixed width is used
 * 2. Take the full width
 * 3. Reset default
 * 4. Style
 */
.uk-input,
.uk-select,
.uk-textarea {
  /* 1 */
  max-width: 100%;
  /* 2 */
  width: 100%;
  /* 3 */
  border: 0 none;
  /* 4 */
  padding: 0 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
}
/*
 * Single-line
 * 1. Allow any element to look like an `input` or `select` element
 * 2. Make sure line-height is not larger than height
 *    Also needed to center the text vertically
 */
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  /* 1 */
  display: inline-block;
}
/* 2 */
.uk-input:not(input),
.uk-select:not(select) {
  line-height: 38px;
}
/*
 * Multi-line
 */
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: top;
}
.uk-select[multiple],
.uk-select[size] {
  resize: vertical;
}
/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #666;
  border-color: #1e87f0;
}
/* Disabled */
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: #f8f8f8;
  color: #999;
  border-color: #e5e5e5;
}
/*
 * Placeholder
 */
.uk-input::placeholder {
  color: #999;
}
.uk-textarea::placeholder {
  color: #999;
}
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Small
 */
.uk-form-small {
  font-size: 0.875rem;
}
/* Single-line */
.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}
/* Multi-line */
textarea.uk-form-small,
[multiple].uk-form-small,
[size].uk-form-small {
  padding: 5px 8px;
}
.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 28px;
}
/*
 * Large
 */
.uk-form-large {
  font-size: 1.25rem;
}
/* Single-line */
.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}
/* Multi-line */
textarea.uk-form-large,
[multiple].uk-form-large,
[size].uk-form-large {
  padding: 7px 12px;
}
.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 53px;
}
/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Error
 */
.uk-form-danger,
.uk-form-danger:focus {
  color: #f0506e;
  border-color: #f0506e;
}
/*
 * Success
 */
.uk-form-success,
.uk-form-success:focus {
  color: #32d296;
  border-color: #32d296;
}
/*
 * Blank
 */
.uk-form-blank {
  background: none;
  border-color: transparent;
}
.uk-form-blank:focus {
  border-color: #e5e5e5;
  border-style: solid;
}
/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-xsmall {
  width: 50px;
}
select.uk-form-width-xsmall {
  width: 75px;
}
.uk-form-width-small {
  width: 130px;
}
.uk-form-width-medium {
  width: 200px;
}
.uk-form-width-large {
  width: 500px;
}
/* Select
 ========================================================================== */
/*
 * 1. Remove default style. Also works in Firefox
 * 2. Style
 * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light.
 */
.uk-select:not([multiple]):not([size]) {
  /* 1 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 2 */
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
/* 3 */
.uk-select:not([multiple]):not([size]) option {
  color: #666;
}
/*
 * Disabled
 */
.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* Datalist
 ========================================================================== */
/*
 * 1. Remove default style in Chrome
 */
.uk-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.uk-input[list]:hover,
.uk-input[list]:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* 1 */
.uk-input[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}
/* Radio and checkbox
 ========================================================================== */
/*
 * 1. Style
 * 2. Make box more robust so it clips the child element
 * 3. Vertical alignment
 * 4. Remove default style
 * 5. Fix black background on iOS
 * 6. Center icons
 */
.uk-radio,
.uk-checkbox {
  /* 1 */
  display: inline-block;
  height: 16px;
  width: 16px;
  /* 2 */
  overflow: hidden;
  /* 3 */
  margin-top: -4px;
  vertical-align: middle;
  /* 4 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 5 */
  background-color: transparent;
  /* 6 */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #cccccc;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;
}
.uk-radio {
  border-radius: 50%;
}
/* Focus */
.uk-radio:focus,
.uk-checkbox:focus {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border-color: #1e87f0;
}
/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #1e87f0;
  border-color: transparent;
}
/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #0e6dcd;
}
/*
 * Icons
 */
.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/*
 * Disabled
 */
.uk-radio:disabled,
.uk-checkbox:disabled {
  background-color: #f8f8f8;
  border-color: #e5e5e5;
}
.uk-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.uk-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* Legend
 ========================================================================== */
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove padding so people aren't caught out if they zero out fieldsets.
 * 4. Style
 */
.uk-legend {
  /* 1 */
  width: 100%;
  /* 2 */
  color: inherit;
  /* 3 */
  padding: 0;
  /* 4 */
  font-size: 1.5rem;
  line-height: 1.4;
}
/* Custom controls
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 */
.uk-form-custom {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
}
/*
 * 1. Position and resize the form control to always cover its container
 * 2. Required for Firefox for positioning to the left
 * 3. Required for Webkit to make `height` work
 * 4. Hide controle and show cursor
 * 5. Needed for the cursor
 * 6. Clip height caused by 5. Needed for Webkit only
 */
.uk-form-custom select,
.uk-form-custom input[type="file"] {
  /* 1 */
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* 2 */
  left: 0;
  /* 3 */
  -webkit-appearance: none;
  /* 4 */
  opacity: 0;
  cursor: pointer;
}
.uk-form-custom input[type="file"] {
  /* 5 */
  font-size: 500px;
  /* 6 */
  overflow: hidden;
}
/* Label
 ========================================================================== */
.uk-form-label {
  color: #333;
  font-size: 0.875rem;
}
/* Layout
 ========================================================================== */
/*
 * Stacked
 */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
}
/*
 * Horizontal
 */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
  /* Behave like `uk-form-stacked` */
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 5px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }
  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px;
  }
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px;
  }
}
/* Icons
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set width
 * 3. Center icon vertically and horizontally
 * 4. Style
 */
.uk-form-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 40px;
  /* 3 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 4 */
  color: #999;
}
/*
 * Required for `a`.
 */
.uk-form-icon:hover {
  color: #666;
}
/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */
.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}
/*
 * Input padding
 */
.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 40px !important;
}
/*
 * Position modifier
 */
.uk-form-icon-flip {
  right: 0;
  left: auto;
}
.uk-form-icon-flip ~ .uk-input {
  padding-right: 40px !important;
}
/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Address `overflow` set to `hidden` in IE.
 * 4. Correct `font` properties and `color` not being inherited for `button`.
 * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 6. Remove default style for `input type="submit"`in iOS.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */
.uk-button {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: inherit;
  /* 5 */
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
  border-radius: 0;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 0.875rem;
  /* 8 */
  line-height: 38px;
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}
.uk-button:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove the inner border and padding in Firefox.
 */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Hover */
.uk-button:hover {
  /* 9 */
  text-decoration: none;
}
/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-button-default {
  background-color: transparent;
  color: #333;
  border: 1px solid #e5e5e5;
}
/* Hover */
.uk-button-default:hover {
  background-color: transparent;
  color: #333;
  border-color: #b2b2b2;
}
/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: transparent;
  color: #333;
  border-color: #999999;
}
/*
 * Primary
 */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
  background-color: #0f7ae5;
  color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0e6dcd;
  color: #fff;
}
/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-secondary:hover {
  background-color: #151515;
  color: #fff;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #080808;
  color: #fff;
}
/*
 * Danger
 */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-danger:hover {
  background-color: #ee395b;
  color: #fff;
}
/* OnClick + Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #ec2147;
  color: #fff;
}
/*
 * Disabled
 * The same for all style modifiers
 */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: transparent;
  color: #999;
  border-color: #e5e5e5;
}
/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-close {
  color: #999;
  transition: 0.1s ease-in-out;
  transition-property: color, opacity;
}
/* Hover */
.uk-close:hover {
  color: #666;
}
/* ========================================================================
   Component: Spinner
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
/* SVG
 ========================================================================== */
.uk-spinner > * {
  animation: uk-spinner-rotate 1.4s linear infinite;
}
@keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
/*
 * Circle
 */
.uk-spinner > * > * {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round;
}
@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}
/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Behave like a block element
 * 3. Style
 */
.uk-table {
  /* 1 */
  border-collapse: collapse;
  border-spacing: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-bottom: 20px;
}
/* Add margin if adjacent element */
* + .uk-table {
  margin-top: 20px;
}
/* Header cell
 ========================================================================== */
/*
 * 1. Style
 */
.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 0.875rem;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}
/* Cell
 ========================================================================== */
.uk-table td {
  padding: 16px 12px;
  vertical-align: top;
}
/*
 * Remove margin from the last-child
 */
.uk-table td > :last-child {
  margin-bottom: 0;
}
/* Footer
 ========================================================================== */
.uk-table tfoot {
  font-size: 0.875rem;
}
/* Caption
 ========================================================================== */
.uk-table caption {
  font-size: 0.875rem;
  text-align: left;
  color: #999;
}
/* Alignment modifier
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}
/* Style modifiers
 ========================================================================== */
/*
 * Divider
 */
.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
/*
 * Striped
 */
.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
/*
 * Hover
 */
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: #ffd;
}
/* Active state
 ========================================================================== */
.uk-table > tr.uk-active,
.uk-table tbody tr.uk-active {
  background: #ffd;
}
/* Size modifier
 ========================================================================== */
.uk-table-small th,
.uk-table-small td {
  padding: 10px 12px;
}
.uk-table-large th,
.uk-table-large td {
  padding: 22px 12px;
}
/* Justify modifier
 ========================================================================== */
.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
  padding-left: 0;
}
.uk-table-justify th:last-child,
.uk-table-justify td:last-child {
  padding-right: 0;
}
/* Cell size modifier
 ========================================================================== */
.uk-table-shrink {
  width: 1px;
}
.uk-table-expand {
  min-width: 150px;
}
/* Cell link modifier
 ========================================================================== */
/*
 * Does not work with `uk-table-justify` at the moment
 */
.uk-table-link {
  padding: 0 !important;
}
.uk-table-link > a {
  display: block;
  padding: 16px 12px;
}
.uk-table-small .uk-table-link > a {
  padding: 10px 12px;
}
/* Responsive table
 ========================================================================== */
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-table-responsive,
  .uk-table-responsive tbody,
  .uk-table-responsive th,
  .uk-table-responsive td,
  .uk-table-responsive tr {
    display: block;
  }
  .uk-table-responsive thead {
    display: none;
  }
  .uk-table-responsive th,
  .uk-table-responsive td {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:first-child) > a {
    padding-top: 5px !important;
  }
  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:last-child) > a {
    padding-bottom: 5px !important;
  }
  .uk-table-justify.uk-table-responsive th,
  .uk-table-justify.uk-table-responsive td {
    padding-left: 0;
    padding-right: 0;
  }
}
.uk-table tbody tr {
  transition: background-color 0.1s linear;
}
.uk-table-striped > tr:nth-of-type(even):last-child,
.uk-table-striped tbody tr:nth-of-type(even):last-child {
  border-bottom: 1px solid #e5e5e5;
}
/* ========================================================================
   Component: Totop
 ========================================================================== */
/*
 * Addopts `uk-icon`
 */
.uk-totop {
  padding: 5px;
  color: #999;
  transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-totop:hover {
  color: #666;
}
/* OnClick */
.uk-totop:active {
  color: #333;
}
/* ========================================================================
   Component: Badge
 ========================================================================== */
/*
 * 1. Style
 * 2. Center child vertically and horizontally
 */
.uk-badge {
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 500px;
  vertical-align: middle;
  /* 1 */
  background: #1e87f0;
  color: #fff;
  font-size: 11px;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}
/*
 * Required for `a`
 */
.uk-badge:hover {
  text-decoration: none;
}
/* ========================================================================
   Component: Label
 ========================================================================== */
.uk-label {
  display: inline-block;
  padding: 0 10px;
  background: #1e87f0;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
}
/* Color modifiers
 ========================================================================== */
/*
 * Success
 */
.uk-label-success {
  background-color: #32d296;
  color: #fff;
}
/*
 * Warning
 */
.uk-label-warning {
  background-color: #faa05a;
  color: #fff;
}
/*
 * Danger
 */
.uk-label-danger {
  background-color: #f0506e;
  color: #fff;
}
/* ========================================================================
   Component: Overlay
 ========================================================================== */
.uk-overlay {
  padding: 30px 30px;
}
/*
 * Remove margin from the last-child
 */
.uk-overlay > :last-child {
  margin-bottom: 0;
}
/* Icon
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-overlay-default {
  --uk-inverse: dark;
  background: rgba(255, 255, 255, 0.8);
}
/*
 * Primary
 */
.uk-overlay-primary {
  --uk-inverse: light;
  background: rgba(34, 34, 34, 0.8);
}
/* ========================================================================
   Component: Accordion
 ========================================================================== */
.uk-accordion {
  padding: 0;
  list-style: none;
}
/* Item
 ========================================================================== */
.uk-accordion > :nth-child(n+2) {
  margin-top: 20px;
}
/* Title
 ========================================================================== */
.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
  overflow: hidden;
}
.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-open > .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
/* Hover */
.uk-accordion-title:hover {
  color: #666;
  text-decoration: none;
}
/* Content
 ========================================================================== */
.uk-accordion-content {
  display: flow-root;
  margin-top: 20px;
}
/*
 * Remove margin from the last-child
 */
.uk-accordion-content > :last-child {
  margin-bottom: 0;
}
/* ========================================================================
   Component: Drop
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Set a default width
 */
.uk-drop {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1020;
  --uk-position-offset: 20px;
  --uk-position-viewport-offset: 15px;
  /* 3 */
  box-sizing: border-box;
  width: 300px;
}
/* Show */
.uk-drop.uk-open {
  display: block;
}
.uk-card-default {
  --uk-inverse: dark;
  background-color: #fff;
  color: #666;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-default .uk-card-title {
  color: #333;
}
.uk-card-default.uk-card-hover:hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-default .uk-card-header {
  border-bottom: 1px solid #e5e5e5;
}
.uk-card-default .uk-card-footer {
  border-top: 1px solid #e5e5e5;
}
/* Grid modifiers
 ========================================================================== */
.uk-drop-stack .uk-drop-grid > * {
  width: 100% !important;
}
/* Parent icon
 ========================================================================== */
.uk-drop-parent-icon {
  margin-left: 0.25em;
  transition: transform 0.3s ease-out;
}
[aria-expanded="true"] > .uk-drop-parent-icon {
  transform: rotateX(180deg);
}
 
/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 */
.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  /* 4 */
  padding: 15px 15px;
  /* 5 */
  background: rgba(0, 0, 0, 0.6);
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-modal {
    padding: 50px 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-modal {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*
 * Open
 */
.uk-modal.uk-open {
  opacity: 1;
}
.uk-flex {
    display: flex
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}
/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-modal-page {
  overflow: hidden;
}
/* Dialog
 ========================================================================== */
/*
 * 1. Create position context for spinner and close button
 * 2. Dimensions
 * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
 * 4. Style
 * 5. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  /* 3 */
  max-width: 100% !important;
  /* 4 */
  background: #fff;
  /* 5 */
  opacity: 0;
  transform: translateY(-100px);
  transition: 0.3s linear;
  transition-property: opacity, transform;
}
/*
 * Open
 */
.uk-open > .uk-modal-dialog {
  opacity: 1;
  transform: translateY(0);
}
/* Size modifier
 ========================================================================== */
/*
 * Container size
 * Take the same size as the Container component
 */
.uk-modal-container .uk-modal-dialog {
  width: 1200px;
}
/*
 * Full size
 * 1. Remove padding and background from modal
 * 2. Reset all default declarations from modal dialog
 */
/* 1 */
.uk-modal-full {
  padding: 0;
  background: none;
}
/* 2 */
.uk-modal-full .uk-modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  transform: translateY(0);
}
/* Sections
 ========================================================================== */
.uk-modal-body {
  display: flow-root;
  padding: 20px 20px;
}
.uk-modal-header {
  display: flow-root;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.uk-modal-footer {
  display: flow-root;
  padding: 10px 20px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-modal-body {
    padding: 30px 30px;
  }
  .uk-modal-header {
    padding: 15px 30px;
  }
  .uk-modal-footer {
    padding: 15px 30px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-modal-body > :last-child,
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}
/* Title
 ========================================================================== */
.uk-modal-title {
  font-size: 2rem;
  line-height: 1.3;
}
/* Close
 * Adopts `uk-close`
 ========================================================================== */
[class*="uk-modal-close-"] {
  position: absolute;
  z-index: 1010;
  top: 10px;
  right: 10px;
  padding: 5px;
}
/*
 * Remove margin from adjacent element
 */
[class*="uk-modal-close-"]:first-child + * {
  margin-top: 0;
}
/*
 * Hover
 */
/*
 * Default
 */
/*
 * Outside
 * 1. Prevent scrollbar on small devices
 */
.uk-modal-close-outside {
  top: 0;
  /* 1 */
  right: -5px;
  transform: translate(0, -100%);
  color: #ffffff;
}
.uk-modal-close-outside:hover {
  color: #fff;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* 1 */
  .uk-modal-close-outside {
    right: 0;
    transform: translate(100%, -100%);
  }
}
/*
 * Full
 */
.uk-modal-close-full {
  top: 0;
  right: 0;
  padding: 10px;
  background: #fff;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-modal-close-full {
    padding: 20px;
  }
}
/* ========================================================================
   Component: Slideshow
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slideshow {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/* Items
 ========================================================================== */
/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 * 5. Disable horizontal panning gestures
 */
.uk-slideshow-items {
  /* 1 */
  position: relative;
  z-index: 0;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  overflow: hidden;
  /* 4 */
  -webkit-touch-callout: none;
  /* 5 */
  touch-action: pan-y;
}
/* Item
 ========================================================================== */
/*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 */
.uk-slideshow-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  right: 0;
  bottom: 0;
  /* 3 */
  overflow: hidden;
  /* 4 */
  will-change: transform, opacity;
}
/*
 * Hide not active items
 */
.uk-slideshow-items > :not(.uk-active) {
  display: none;
}
/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slider {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/* Container
 ========================================================================== */
/*
 * 1. Clip child elements
 * 2. Prevent accidental scrolling through elements in slide getting focused
 */
.uk-slider-container {
  /* 1 */
  overflow: hidden;
  /* 2 */
  overflow: clip;
}
/*
 * Widen container to prevent box-shadows from clipping, `large-box-shadow`
 */
.uk-slider-container-offset {
  margin: -11px -25px -39px -25px;
  padding: 11px 25px 39px 25px;
}
/* Items
 ========================================================================== */
/*
 * 1. Optimize animation
 * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
 * 3. Disable horizontal panning gestures
 */
.uk-slider-items {
  /* 1 */
  will-change: transform;
  /* 2 */
  position: relative;
  /* 3 */
  touch-action: pan-y;
}
/*
 * 1. Reset list style without interfering with grid
 * 2. Prevent displaying the callout information on iOS.
 */
.uk-slider-items:not(.uk-grid) {
  display: flex;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 2 */
  -webkit-touch-callout: none;
}
.uk-slider-items.uk-grid {
  flex-wrap: nowrap;
}
/* Item
 ========================================================================== */
/*
 * 1. Let items take content dimensions (0 0 auto)
 *    `max-width` needed to keep image responsiveness and prevent content overflow
 * 2. Create position context
 */
.uk-slider-items > * {
  /* 1 */
  flex: none !important;
  box-sizing: border-box;
  max-width: 100%;
  /* 2 */
  position: relative;
}
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto;
}
/* Bar
 ========================================================================== */
/*
 * 1. Set position
 * 2. Size and style
 * 3. Allow scrolling
 */
/* .uk-offcanvas-bar {
/*  --uk-inverse: light;
/*  /* 1 */
/*  position: absolute;
/*  top: 0;
/*  bottom: 0;
/*  left: -270px;
/*  /* 2 */
/*  box-sizing: border-box;
/*  width: 270px;
/*  padding: 20px 20px;
/*  background: #222;
/*  /* 3 */
/*  overflow-y: auto;
/* }
/* Phone landscape and bigger */
/*@media (min-width: 640px) {
/*  .uk-offcanvas-bar {
/*    left: -350px;
/*    width: 350px;
/*    padding: 30px 30px;
/*  }
/*}
/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}
/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}
/*
 * Open
 */
.uk-open > .uk-offcanvas-bar {
  left: 0;
}
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  left: auto;
  right: 0;
}
/*
 * Slide Animation (Used in slide and push mode)
 */
.uk-offcanvas-bar-animation {
    transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right;
}
/*
 * Reveal Animation
 * 1. Set position
 * 2. Clip the bar
 * 3. Animation
 * 4. Reset position
 */
.uk-offcanvas-reveal {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 0;
  overflow: hidden;
  /* 3 */
  transition: width 0.3s ease-out;
}
.uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: 0;
}
.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: auto;
  right: 0;
}
.uk-open > .uk-offcanvas-reveal {
  width: 270px;
}
/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}
/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}
/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 5px;
  right: 5px;
  padding: 5px;
}
/* Tablet landscape and bigger */
@media (min-width: 640px) {
  .uk-offcanvas-close {
    top: 10px;
    right: 10px;
  }
}
/*
 * Remove margin from adjacent element
 */
.uk-offcanvas-close:first-child + * {
  margin-top: 0;
}
/* Overlay
 ========================================================================== */
/*
 * Overlay the whole page. Needed for the `::before`
 * 1. Using `100vw` so no modification is needed when off-canvas is flipped
 * 2. Allow for closing with swipe gesture on devices with pointer events.
 */
.uk-offcanvas-overlay {
  /* 1 */
  width: 100vw;
  /* 2 */
  touch-action: none;
}
/*
 * 1. Mask the whole page
 * 2. Fade-in transition
 */
.uk-offcanvas-overlay::before {
  /* 1 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  /* 2 */
  opacity: 0;
  transition: opacity 0.15s linear;
}
.uk-offcanvas-overlay.uk-open::before {
  opacity: 1;
}
/* Prevent scrolling
 ========================================================================== */
/*
 * Prevent horizontal scrollbar when the content is slide-out
 * Has to be on the `html` element too to make it work on the `body`
 * 1. `clip` is needed for `position: sticky` elements to keep their position
 */
.uk-offcanvas-page,
.uk-offcanvas-container {
  overflow-x: hidden;
  /* 1 */
  overflow-x: clip;
}
/* Container
 ========================================================================== */
/*
 * Prepare slide-out animation (Used in reveal and push mode)
 * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
 * lose their fixed state and behaves like `absolute` within a transformed container
 * 1. Provide a fixed width and prevent shrinking
 */
.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left 0.3s ease-out;
  /* 1 */
  box-sizing: border-box;
  width: 100%;
}
/*
 * Activate slide-out animation
 */
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}
.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}
/* Tablet landscape and bigger */
@media (min-width: 640px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }
  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}
/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * Reset list
 */
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Items
 ========================================================================== */
/*
 * Hide not active items
 */
.uk-switcher > :not(.uk-active) {
  display: none;
}
/*
 * Remove margin from the last-child
 */
.uk-switcher > * > :last-child {
  margin-bottom: 0;
}
/* ========================================================================
   Component: Leader
 ========================================================================== */
.uk-leader {
  overflow: hidden;
}
/*
 * 1. Place element in text flow
 * 2. Never break into a new line
 * 3. Get a string back with as many repeating characters to fill the container
 * 4. Prevent wrapping. Overflowing characters will be clipped by the container
 */
.uk-leader-fill::after {
  /* 1 */
  display: inline-block;
  margin-left: 15px;
  /* 2 */
  width: 0;
  /* 3 */
  content: attr(data-fill);
  /* 4 */
  white-space: nowrap;
}
/*
 * Hide if media does not match
 */
.uk-leader-fill.uk-leader-hide::after {
  display: none;
}
/*
 * Pass fill character to JS
 */
:root {
  --uk-leader-fill-content: .;
}
/* ========================================================================
   Component: Notification
 ========================================================================== */
/*
 * 1. Set position
 * 2. Dimensions
 */
.uk-notification {
  /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  /* 2 */
  box-sizing: border-box;
  width: 350px;
}
/* Position modifiers
========================================================================== */
.uk-notification-top-right,
.uk-notification-bottom-right {
  left: auto;
  right: 10px;
}
.uk-notification-top-center,
.uk-notification-bottom-center {
  left: 50%;
  margin-left: -175px;
}
.uk-notification-bottom-left,
.uk-notification-bottom-right,
.uk-notification-bottom-center {
  top: auto;
  bottom: 10px;
}
/* Responsiveness
========================================================================== */
/* Phones portrait and smaller */
@media (max-width: 639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}
/* Message
========================================================================== */
.uk-notification-message {
  position: relative;
  padding: 15px;
  background: #f8f8f8;
  color: #666;
  font-size: 1.25rem;
  line-height: 1.4;
  cursor: pointer;
}
* + .uk-notification-message {
  margin-top: 10px;
}
/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-notification-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px;
}
.uk-notification-message:hover .uk-notification-close {
  display: block;
}
/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-notification-message-primary {
  color: #1e87f0;
}
/*
 * Success
 */
.uk-notification-message-success {
  color: #32d296;
}
/*
 * Warning
 */
.uk-notification-message-warning {
  color: #faa05a;
}
/*
 * Danger
 */
.uk-notification-message-danger {
  color: #f0506e;
}
/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
 * 4. Dimensions
 * 5. Style
 */
.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 10;
  /* 3 */
  top: 0;
  /* 4 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 5 */
  background: #666;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}
/* Show */
.uk-tooltip.uk-active {
  display: block;
}
/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * Reset list
 */
.uk-breadcrumb {
  padding: 0;
  list-style: none;
}
/*
 * 1. Doesn't generate any box and replaced by child boxes
 */
.uk-breadcrumb > * {
  display: contents;
}
/* Items
 ========================================================================== */
.uk-breadcrumb > * > * {
  font-size: 0.875rem;
  color: #999;
}
/* Hover */
.uk-breadcrumb > * > :hover {
  color: #666;
  text-decoration: none;
}
/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span,
.uk-breadcrumb > :last-child > a:not([href]) {
  color: #666;
}
/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 * 1. Remove space between inline block elements.
 * 2. Style
 */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22%23e5d439%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  /* 1 */
  margin: 0 20px 0 calc(20px - 4px);
  /* 2 */
  font-size: 0.875em;
  color: #999;
}
/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Center items vertically if they have a different height
 * 3. Gutter
 * 4. Reset list
 */
.uk-pagination {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  align-items: center;
  /* 3 */
  margin-left: 0;
  /* 4 */
  padding: 0;
  list-style: none;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 * 3. Create position context for dropdowns
 */
.uk-pagination > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 0;
  /* 3 */
  position: relative;
}
/* Items
 ========================================================================== */
/*
 * 1. Center content vertically, e.g. an icon
 * 2. Imitate white space gap when using flexbox
 * 3. Style
 */
.uk-pagination > * > * {
  /* 1 */
  display: flex;
  align-items: center;
  /* 2 */
  column-gap: 0.25em;
  /* 3 */
  padding: 5px 10px;
  color: #999;
  transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-pagination > * > :hover {
  color: #666;
  text-decoration: none;
}
/* Active */
.uk-pagination > .uk-active > * {
  color: #666;
}
/* Disabled */
.uk-pagination > .uk-disabled > * {
  color: #999;
}
/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, 0.5);
  transition: color 0.1s ease-in-out;
}
/* Hover */
.uk-slidenav:hover {
  color: rgba(102, 102, 102, 0.9);
}
/* OnClick */
.uk-slidenav:active {
  color: rgba(102, 102, 102, 0.5);
}
/* Icon modifier
 ========================================================================== */
/*
 * Previous
 */
/*
 * Next
 */
/* Size modifier
 ========================================================================== */
.uk-slidenav-large {
  padding: 10px 10px;
}
/* Container
 ========================================================================== */
.uk-slidenav-container {
  display: flex;
}
/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.uk-dotnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -12px;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */
.uk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}
/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(102, 102, 102, 0.4);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
/* Hover */
.uk-dotnav > * > :hover {
  background-color: rgba(102, 102, 102, 0.6);
  border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
  background-color: rgba(102, 102, 102, 0.2);
  border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
  background-color: rgba(102, 102, 102, 0.6);
  border-color: transparent;
}
/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
.uk-dotnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -12px;
}
/* 2 */
.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}
/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * Adopts `uk-drop`
 * 1. Reset drop and let text expand the width instead of wrapping
 * 2. Set a default width
 * 3. Style
 */
.uk-dropdown {
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 15px;
  --uk-inverse: dark;
  /* 1 */
  width: auto;
  /* 2 */
  min-width: 200px;
  /* 3 */
  padding: 25px;
  background: #fff;
  color: #666;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
/*
 * Remove margin from the last-child
 */
.uk-dropdown > :last-child {
  margin-bottom: 0;
}
.uk-dropdown :focus-visible {
  outline-color: #333 !important;
}
/* Size modifier
 ========================================================================== */
.uk-dropdown-large {
  padding: 40px;
}
/* Dropbar modifier
 ========================================================================== */
/*
 * 1. Reset dropdown width to prevent to early shifting
 * 2. Reset style
 * 3. Padding
 */
.uk-dropdown-dropbar {
  /* 1 */
  width: auto;
  /* 2 */
  background: transparent;
  /* 3 */
  padding: 5px 0 25px 0;
  --uk-position-viewport-offset: 15px;
  box-shadow: none;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-dropdown-dropbar {
    --uk-position-viewport-offset: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-dropdown-dropbar {
    --uk-position-viewport-offset: 40px;
  }
}
.uk-dropdown-dropbar-large {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* Nav
 * Adopts `uk-nav`
 ========================================================================== */
.uk-dropdown-nav {
  font-size: 0.875rem;
}
/*
 * Items
 */
.uk-dropdown-nav > li > a {
  color: #999;
}
/* Hover + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li.uk-active > a {
  color: #666;
}
/*
 * Subtitle
 */
.uk-dropdown-nav .uk-nav-subtitle {
  font-size: 12px;
}
/*
 * Header
 */
.uk-dropdown-nav .uk-nav-header {
  color: #333;
}
/*
 * Divider
 */
.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}
/*
 * Sublists
 */
.uk-dropdown-nav .uk-nav-sub a {
  color: #999;
}
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #666;
}
/* ========================================================================
   Component: Lightbox
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 * 7. Prevent cancellation of pointer events while dragging
 */
.uk-lightbox {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 5 */
  background: #000;
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
  /* 7 */
  touch-action: pinch-zoom;
}
/*
 * Open
 * 1. Center child
 * 2. Fade-in
 */
.uk-lightbox.uk-open {
  display: block;
  /* 2 */
  opacity: 1;
}
/*
 * Focus
 */
.uk-lightbox :focus-visible {
  outline-color: rgba(255, 255, 255, 0.7);
}
/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-lightbox-page {
  overflow: hidden;
}
/* Item
 ========================================================================== */
/*
 * 1. Center child within the viewport
 * 2. Not visible by default
 * 3. Color needed for spinner icon
 * 4. Optimize animation
 * 5. Responsiveness
 *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
 */
.uk-lightbox-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: none;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: rgba(255, 255, 255, 0.7);
  /* 4 */
  will-change: transform, opacity;
}
/* 5 */
.uk-lightbox-items > * > * {
  max-width: 100vw;
  max-height: 100vh;
}
.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}
.uk-lightbox-items > .uk-active {
  display: flex;
}
/* Toolbar
 ========================================================================== */
.uk-lightbox-toolbar {
  padding: 10px 10px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox-toolbar > * {
  color: rgba(255, 255, 255, 0.7);
}
/* Toolbar Icon (Close)
 ========================================================================== */
.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255, 255, 255, 0.7);
}
/*
 * Hover
 */
.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}
/* Button (Slidenav)
 ========================================================================== */
/*
 * 1. Center icon vertically and horizontally
 */
.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/* Hover */
.uk-lightbox-button:hover {
  color: #fff;
}
/* OnClick */
/* Caption
 ========================================================================== */
.uk-lightbox-caption:empty {
  display: none;
}
/* Iframe
 ========================================================================== */
.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}
/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*="uk-animation-"] {
  animation: 0.5s ease-out both;
}
/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}
/*
 * Scale
 */
.uk-animation-scale-up {
  animation-name: uk-fade, uk-scale-up;
}
.uk-animation-scale-down {
  animation-name: uk-fade, uk-scale-down;
}
/*
 * Slide
 */
.uk-animation-slide-top {
  animation-name: uk-fade, uk-slide-top;
}
.uk-animation-slide-bottom {
  animation-name: uk-fade, uk-slide-bottom;
}
.uk-animation-slide-left {
  animation-name: uk-fade, uk-slide-left;
}
.uk-animation-slide-right {
  animation-name: uk-fade, uk-slide-right;
}
/*
 * Slide Small
 */
.uk-animation-slide-top-small {
  animation-name: uk-fade, uk-slide-top-small;
}
.uk-animation-slide-bottom-small {
  animation-name: uk-fade, uk-slide-bottom-small;
}
.uk-animation-slide-left-small {
  animation-name: uk-fade, uk-slide-left-small;
}
.uk-animation-slide-right-small {
  animation-name: uk-fade, uk-slide-right-small;
}
/*
 * Slide Medium
 */
.uk-animation-slide-top-medium {
  animation-name: uk-fade, uk-slide-top-medium;
}
.uk-animation-slide-bottom-medium {
  animation-name: uk-fade, uk-slide-bottom-medium;
}
.uk-animation-slide-left-medium {
  animation-name: uk-fade, uk-slide-left-medium;
}
.uk-animation-slide-right-medium {
  animation-name: uk-fade, uk-slide-right-medium;
}
/*
 * Kenburns
 */
.uk-animation-kenburns {
  animation-name: uk-kenburns;
  animation-duration: 15s;
}
/*
 * Shake
 */
.uk-animation-shake {
  animation-name: uk-shake;
}
/*
 * SVG Stroke
 * The `--uk-animation-stroke` custom property contains the longest path length.
 * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
 * All strokes are animated by the same pace and doesn't end simultaneously.
 * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
 */
.uk-animation-stroke {
  animation-name: uk-stroke;
  animation-duration: 2s;
  stroke-dasharray: var(--uk-animation-stroke);
}
/* Direction modifier
 ========================================================================== */
.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}
/* Duration modifier
 ========================================================================== */
.uk-animation-fast {
  animation-duration: 0.1s;
}
/* Toggle animation based on the State of the Parent Element
 ========================================================================== */
.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
  animation-name: none;
}
/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Scale
 */
@keyframes uk-scale-up {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes uk-scale-down {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/*
 * Slide
 */
@keyframes uk-slide-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Slide Small
 */
@keyframes uk-slide-top-small {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-small {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left-small {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-small {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Slide Medium
 */
@keyframes uk-slide-top-medium {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes uk-slide-left-medium {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes uk-slide-right-medium {
  0% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Kenburns
 */
@keyframes uk-kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
 * Shake
 */
@keyframes uk-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/*
 * Stroke
 */
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}








/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
  text-align: left !important;
}
.uk-text-right {
  text-align: right !important;
}
.uk-text-center {
  text-align: center !important;
}
.uk-text-justify {
  text-align: justify !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-text-left\@s {
    text-align: left !important;
  }
  .uk-text-right\@s {
    text-align: right !important;
  }
  .uk-text-center\@s {
    text-align: center !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-text-left\@m {
    text-align: left !important;
  }
  .uk-text-right\@m {
    text-align: right !important;
  }
  .uk-text-center\@m {
    text-align: center !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-text-left\@l {
    text-align: left !important;
  }
  .uk-text-right\@l {
    text-align: right !important;
  }
  .uk-text-center\@l {
    text-align: center !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-text-left\@xl {
    text-align: left !important;
  }
  .uk-text-right\@xl {
    text-align: right !important;
  }
  .uk-text-center\@xl {
    text-align: center !important;
  }
}
/*
 * Vertical
 */
.uk-text-top {
  vertical-align: top !important;
}
.uk-text-middle {
  vertical-align: middle !important;
}
.uk-text-bottom {
  vertical-align: bottom !important;
}
.uk-text-baseline {
  vertical-align: baseline !important;
}
/* ========================================================================
   Component: Transition
 ========================================================================== */
/* Transitions
 ========================================================================== */
/*
 * The toggle is triggered on touch devices by two methods:
 * 1. Using `:focus` and tabindex
 * 2. Using `:hover` and a `touchstart` event listener registered on the document
 *    (Doesn't work on Surface touch devices)
 */
:where(.uk-transition-fade),
:where([class*="uk-transition-scale"]),
:where([class*="uk-transition-slide"]) {
  --uk-position-translate-x: 0;
  --uk-position-translate-y: 0;
}
.uk-transition-fade,
[class*="uk-transition-scale"],
[class*="uk-transition-slide"] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0;
}
/*
 * Fade
 */
.uk-transition-toggle:hover .uk-transition-fade,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-toggle .uk-transition-fade:focus-within,
.uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1;
}
/*
 * Scale
 * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari.
 */
/* 1 */
[class*="uk-transition-scale"] {
  -webkit-backface-visibility: hidden;
}
.uk-transition-scale-up {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
}
.uk-transition-scale-down {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
}
/* Show */
.uk-transition-toggle:hover .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle .uk-transition-scale-up:focus-within,
.uk-transition-active.uk-active .uk-transition-scale-up {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
  opacity: 1;
}
.uk-transition-toggle:hover .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-toggle .uk-transition-scale-down:focus-within,
.uk-transition-active.uk-active .uk-transition-scale-down {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  opacity: 1;
}
/*
 * Slide
 */
.uk-transition-slide-top {
  --uk-translate-y: -100%;
}
.uk-transition-slide-bottom {
  --uk-translate-y: 100%;
}
.uk-transition-slide-left {
  --uk-translate-x: -100%;
}
.uk-transition-slide-right {
  --uk-translate-x: 100%;
}
.uk-transition-slide-top-small {
  --uk-translate-y: calc(-1 * 10px);
}
.uk-transition-slide-bottom-small {
  --uk-translate-y: 10px;
}
.uk-transition-slide-left-small {
  --uk-translate-x: calc(-1 * 10px);
}
.uk-transition-slide-right-small {
  --uk-translate-x: 10px;
}
.uk-transition-slide-top-medium {
  --uk-translate-y: calc(-1 * 50px);
}
.uk-transition-slide-bottom-medium {
  --uk-translate-y: 50px;
}
.uk-transition-slide-left-medium {
  --uk-translate-x: calc(-1 * 50px);
}
.uk-transition-slide-right-medium {
  --uk-translate-x: 50px;
}
/* Show */
.uk-transition-toggle:hover [class*="uk-transition-slide"],
.uk-transition-toggle:focus [class*="uk-transition-slide"],
.uk-transition-toggle [class*="uk-transition-slide"]:focus-within,
.uk-transition-active.uk-active [class*="uk-transition-slide"] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  opacity: 1;
}
/* Opacity modifier
 ========================================================================== */
.uk-transition-opaque {
  opacity: 1;
}
/* Duration modifier
 ========================================================================== */
.uk-transition-slow {
  transition-duration: 0.7s;
}
/* Disable modifier
 ========================================================================== */
.uk-transition-disable,
.uk-transition-disable * {
  transition: none !important;
}
/* ========================================================================
   Component: Visibility
 ========================================================================== */
/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */
[hidden],
.uk-hidden {
  display: none !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}
/*
 * Visible
 */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .uk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .uk-visible\@xl {
    display: none !important;
  }
}
/* Visibility
 ========================================================================== */
.uk-invisible {
  visibility: hidden !important;
}
/* ========================================================================
   Component: Position
 ========================================================================== */
:root {
  --uk-position-margin-offset: 0px;
}
/* Directions
 ========================================================================== */
/*
 * 1. Prevent content overflow.
 */
[class*="uk-position-top"],
[class*="uk-position-bottom"],
[class*="uk-position-left"],
[class*="uk-position-right"],
[class*="uk-position-center"] {
  position: absolute !important;
  /* 1 */
  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
  box-sizing: border-box;
}
/*
 * Edges
 * Don't use `width: 100%` because it's wrong if the parent has padding.
 */
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}
.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}
/*
 * Corners
 */
.uk-position-top-left {
  top: 0;
  left: 0;
}
.uk-position-top-right {
  top: 0;
  right: 0;
}
.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}
.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}
/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container.
 *    Using `max-content` requires `max-width` of 100% which is set generally.
 */
.uk-position-center {
  top: calc(50% - var(--uk-position-margin-offset));
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
  /* 1 */
  width: max-content;
}
/* Vertical */
[class*="uk-position-center-left"],
[class*="uk-position-center-right"],
.uk-position-center-vertical {
  top: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-y: -50%;
  transform: translate(0, var(--uk-position-translate-y));
}
.uk-position-center-left {
  left: 0;
}
.uk-position-center-right {
  right: 0;
}
.uk-position-center-vertical {
  left: 0;
  right: 0;
}
.uk-position-center-left-out {
  right: 100%;
  width: max-content;
}
.uk-position-center-right-out {
  left: 100%;
  width: max-content;
}
/* Horizontal */
.uk-position-top-center,
.uk-position-bottom-center,
.uk-position-center-horizontal {
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  transform: translate(var(--uk-position-translate-x), 0);
  /* 1 */
  width: max-content;
}
.uk-position-top-center {
  top: 0;
}
.uk-position-bottom-center {
  bottom: 0;
}
.uk-position-center-horizontal {
  top: 0;
  bottom: 0;
}
/*
 * Cover
 */
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/menu/akuvox_menu/style.css?177624718611234*/
.bx-top-nav-container {
	position: relative;
	border-radius: 2px;
	color: #F6F6F6B2;
}

.bx-nav-list-1-lvl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: center;
}

.bx-nav-1-lvl { position: relative; }

.bx-nav-1-lvl-link {
	display: block;
	border-bottom: none;
	text-decoration: none;
	transition: 250ms linear all;
	font-weight: 400;
	min-width: fit-content;
}

.bx-nav-1-lvl-link:hover { text-decoration: none; }

.bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link,
.bx-nav-1-lvl.bx-active .bx-nav-1-lvl-link-text {
	border-bottom: none;
	font-weight: 600;
	color: white;
}

.bx-nav-1-lvl-link-text {
	color: #F6F6F6B2;
	text-decoration: none;
	font-size: 17px;
	transition: 250ms linear all;
}

.bx-nav-angle-bottom {
	position: relative;
	display: block;
	margin-left: 10px;
	width: 10px;
	height: 10px;
}

.bx-nav-angle-bottom:after,
.bx-nav-angle-bottom:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 2px;
	background-color: #fff;
	content: '';
	transition: 250ms linear all;
}

.bx-nav-angle-bottom:after {
	margin-left: -2px;
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-nav-angle-bottom:before {
	margin-left: 2px;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after,
.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before { background-color: var(--theme-color-primary); }

.bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,
.bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text {
	background-color: transparent;
	color: var(--theme-color-primary);
}

.bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link,
.bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link {
	z-index: 250;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13)
}

.bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,
.bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { background: #fff; }

/**/


.bx-nav-angle-top {
	position: relative;
	display: block;
	margin-left: 10px;
	width: 10px;
	height: 10px;
}

.bx-nav-angle-top:after,
.bx-nav-angle-top:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 2px;
	background-color: #fff;
	content: '';
	transition: 250ms linear all;
}

.bx-nav-angle-top:after {
	margin-left: -2px;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.bx-nav-angle-top:before {
	margin-left: 2px;
	transform: translate(-50%, -50%) rotate(45deg);
}


/**/
.bx-nav-parent-arrow { display: none; }

/*endregion*/

/*region 2 lvl*/
.bx-nav-2-lvl-container,
.bx-nav-2-lvl-container-advanced {
	z-index: 999;
	display: none;
	padding: 0;
	min-width: 100%;
	border-top: none;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13);
	color: #000;
	opacity: 0;
}

.bx-nav-2-lvl-container > ul,
.bx-nav-2-lvl-container > div,
.bx-nav-2-lvl-container-advanced > ul,
.bx-nav-2-lvl-container-advanced > div { flex: 1 }

.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
	position: absolute;
	top: calc(100% - 5px);
	z-index: 999;
	display: flex;
	background: #fff;
	opacity: 1;
	align-items: stretch;
}

.bx-nav-list-2-lvl {
	margin: 0;
	padding: 5px 0 12px;
}

.bx-nav-2-lvl {
	display: block;
	padding: 0;
	min-width: 180px;
}

.bx-nav-2-lvl-link {
	display: block;
	padding: 5px 15px 5px;
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-nav-2-lvl-link-text {
	color: var(--theme-color-primary);
	text-decoration: none;
	font-weight: var(--ui-font-weight-bold);
	font-size: 13px;
	line-height: 16px;
}

/*.bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a {
	margin-top: 0;
	border-top: none;
}*/

.bx-nav-2-lvl > .bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text,
.bx-nav-2-lvl > .bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text {
	background: var(--theme-color-light);
	color: var(--theme-color-primary);
}

/*endregion*/

/*region 3 lvl*/

.bx-nav-3-lvl-container-advanced:before,
.bx-nav-3-lvl-container:before {
	position: absolute;
	top: -5px;
	right: 0;
	left: 0;
	display: block;
	height: 5px;
	background: #fff;
	content: " ";
}

.bx-nav-list-3-lvl {
	margin: 0;
	padding: 0 0 14px 0;
}

.bx-nav-3-lvl {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width: 180px;
}

.bx-nav-3-lvl-link {
	display: block;
	padding: 3px 15px 3px 20px;
	border-bottom: none;
	color: #555;
	text-decoration: none;
	font-size: 13px;
	line-height: 14px;
}

.bx-nav-3-lvl-link.bx-active,
.bx-nav-3-lvl-link:hover {
	background: #f0f0f0;
	color: var(--theme-color-primary);
	text-decoration: none;
}

/*endregion*/

/*region col 4 */
.bx-nav-list-4-col { position: static; }

.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced {
	top: 100%;
	right: 0;
	left: 0;
}

.bx-nav-list-4-col .bx-nav-2-lvl-container,
.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced {
	right: 0;
	left: 0;
}

/*endregion*/

/*region catinfo*/
.bx-nav-catinfo {
	position: relative;
	z-index: 120;
	padding: 15px 15px 5px;
	min-width: 200px;
	border-left: 1px solid #ecefef;
	background: #f7fafb;
}

.bx-nav-catinfo img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border: 1px solid #e7e9ea;
}

.bx-nav-catinfo p {
	padding: 20px 5px 0;
	font-size: 13px;
}

/*endregion*/

/*region ASIDE */
.bx-menu-button-mobile {
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 10;
	width: 40px;
	height: 40px;
}

.bx-aside-nav-control {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1750;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	font-size: 28px;
	line-height: 40px;
	cursor: pointer;
	transition: left .15s linear;
}


.bx-nav-bars {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2100;
	display: block;
	box-sizing: border-box;
	width: 30px;
	height: 25px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	vertical-align: middle;
	transform: translate(-50%, -50%);
}

.bx-nav-bars:after {
	position: absolute;
	top: 50%;
	display: block;
	background: #fff;
	width: 100%;
	height: 5px;
	content: '';
	transform: translateY(-50%);
}

.bx-wrapper,
.bx-aside-nav { transition: transform .15s linear; }

/**/
.bx-opened .bx-footer,
.bx-opened .workarea { overflow: hidden; }

/**/
.bx-aside-nav {
	position: fixed;
	top: 50px;
	bottom: 0;
	left: 0;
	z-index: 1600;
	display: none;
	width: 100%;
	background: #4c5c65;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.bx-aside-nav.bx-opened {
	overflow-y: scroll;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.bx-aside-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bx-aside-nav a {
	display: block;
	overflow: hidden;
	padding-left: 15px;
	max-width: 100%;
	height: 48px;
	border-bottom: 1px solid #3d4b53 !important;
	color: #fff;
	vertical-align: middle;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 48px;
}

.bx-aside-nav .bx-nav-list-1-lvl {
	z-index: 1700;
	flex-direction: column;
}

.bx-aside-nav .bx-nav-1-lvl-link {
	padding: 0;
	display: flex;
	align-items: center;
}

.bx-aside-nav .bx-nav-1-lvl-link-text {
	padding: 0 0 0 15px;
}

.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover > .bx-nav-1-lvl-link,
.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link { box-shadow: none !important; }

.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,
.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text {
	background: transparent;
	color: #fff;
}

.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
	position: relative;
	box-shadow: none;
	top: auto;
}

.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container {
	display: block;
	opacity: 1;
}

.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover > a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover > a { background: #44535c; }

.bx-aside-nav .bx-nav-2-lvl-link-text,
.bx-aside-nav .bx-nav-3-lvl-link-text,
.bx-aside-nav .bx-nav-4-lvl-link-text {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
}

.bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; }

.bx-aside-nav .bx-nav-2-lvl-link { padding: 0 0 0 30px; }

.bx-aside-nav .bx-nav-2-lvl-link:hover { background-color: #3b4851; }

.bx-aside-nav .bx-nav-3-lvl-link { padding: 0 0 0 45px; }

.bx-aside-nav .bx-nav-3-lvl-link:hover { background-color: #3b4851; }

.bx-aside-nav .bx-nav-4-lvl-link { padding: 0 0 0 60px; }

.bx-aside-nav .bx-nav-4-lvl-link:hover { background-color: #3b4851; }

.bx-aside-nav .bx-nav-parent { position: relative; }

.bx-aside-nav .bx-nav-parent-arrow {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	margin-top: 6px;
	width: 46px;
	height: 34px;
	border-left: 1px solid #5a6971;
	text-align: center;
}

.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { transition: all .15s linear; }

.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent > ul {
	overflow: hidden;
	height: 0;
}

.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened > ul { height: auto; }

.bx-aside-nav .bx-nav-catinfo { display: none; }


.bx-aside-nav .bx-nav-angle-top,
.bx-aside-nav .bx-nav-angle-bottom {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	margin: 0;
}

@media (max-width: 1399px) {
	.bx-nav-1-lvl-link-text {font-size: 14px}
}

@media (max-width: 1199px) {
	.bx-nav-1-lvl-link-text {font-size: 12px}
}


@media (max-width: 767px) {
	.bx-aside-nav-control {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bx-aside-nav { display: block; }

	.bx-top-nav-container { display: none; }

	.bx-aside-nav .bx-nav-parent-arrow { display: block; }

	.bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{ display: none; }
}

.bx-white {
	--theme-color-primary: #f5f5f5;
	--theme-color-second: #dfdfdf;
}

.bx-white .bx-nav-1-lvl-link-text,
.bx-white .bx-nav-2-lvl-link-text,
.bx-white .bx-nav-3-lvl-link.bx-active,
.bx-white .bx-nav-3-lvl-link:hover,
.bx-white .bx-nav-3-lvl-link.bx-active,
.bx-white .bx-nav-3-lvl-link:hover,
.bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,
.bx-white .bx-nav-1-lvl.bx-nav-parent:hover > .bx-nav-1-lvl-link .bx-nav-1-lvl-link-text { color: #333; }
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/menu/akuvox_menu_mobile/style.css?1776247186482*/
ul.left-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

ul.left-menu li {
	padding-bottom: 16px;
}

ul.left-menu li a {
	font-size: 17px;
	color: #F6F6F6;
	font-weight: 300;
	text-decoration: none;
}

ul.left-menu li a:visited {
	color: #F6F6F6;
}

ul.left-menu li a:hover {
	color: #F6F6F6;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover {
	font-weight: 500;
}
/* End */


/* Start:/local/templates/akuvox_template/components/di_namespace/main.feedback/form/style.css?17769422484588*/
#agreeCheckbox {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.parallax-container {
        display: flex;
        position: relative;
        height: auto;
        overflow: hidden;
        background-color: #1C1C1E;
        margin: 0 auto;
        max-width: 1280px;
    }

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/backform2.jpg') center/cover no-repeat;
    border-radius: 10px;
    transform: translateY(0);
    z-index: 1;
}

.parallax-content {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 100px 38px;
    background: rgba(28, 28, 30, 0.4);
    color: white;
    gap: 20px;
    height: 100%;
}

.text-block {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.caption {
    font-weight: 300;
    font-size: 14px;
    opacity: 0.5;
    margin-bottom: 10px;
}

.text-block span {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 30px;
}
.text-block .form-block-text {
    font-size: 17px;
    line-height: 100%;
    margin-bottom: 20px;
}

.form-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}

.form-container a,
.form-container span {
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    margin-bottom: 0 !important;
}

.tg-button {
    width: 50px;
    height: 50px;
    background: url('/images/max.png') no-repeat center/contain;
    border: none;
    cursor: pointer;
}

.form-block {
    width: 561px;
    /* height: 470px; */
    height: auto;
    background: rgba(246, 246, 246, 0.1);
    padding: 40px 40px 10px;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    box-sizing: border-box;
    min-height: 500px;
}

/* Сетка формы */
.feedback-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
}

.feedback-form .form-item-name {
    grid-column: 1 / 2;
}

.feedback-form .form-item-phone {
    grid-column: 2 / 3;
}

.feedback-form .form-item-message {
    grid-column: 1 / -1;
}

.feedback-form input,
.feedback-form textarea {
    width: 100%;
    padding: 12px 20px;
    border-radius: 5px;
    border: none;
    background: #f6f6f6;
    font-size: 17px;
    box-sizing: border-box;
}

.feedback-form textarea {
    height: 138px;
    resize: none;
}

form h3,
form p {
    display: none;
    margin: 0;
    padding: 0;
    height: 0;
}

table.form-table tfoot {
    display: block;
}

table.form-table tfoot th {
    display: block;
    padding: 0;
    border: none;
}

table.form-table input[type="submit"][name="web_form_submit"] {
    display: block;
    width: 146px;
    height: 50px;
    margin-top: 10px;
    color: #fff;
}

table.form-table input[name="web_form_apply"],
table.form-table input[type="reset"] {
    display: none !important;
}
.form-text-flex-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    flex-wrap: wrap;

}

@media (max-width: 1024px) {
    .parallax-container {
        height: auto !important;
    }
    .form-text-flex-block .form-block {
        order: 1;
    }
    .form-text-flex-block .form-container {
        order: 2;
    }
}

@media (max-width: 992px) {
    .parallax-content {
        flex-direction: column;
        padding: 60px 20px;
    }

    .form-block {
        width: 100%;
        padding: 30px 20px;
        height: 100%;
    }

    .text-block span {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .text-block span {
        font-size: 24px;
    }

    .form-container a,
    .form-container span {
        font-size: 20px;
    }

    .feedback-form {
        grid-template-columns: 1fr;
        gap: 15px;
    }


}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select, textarea {
    max-width: 700px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #fff;
    margin: 15px 0;
    padding: 5px 10px;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
    border-radius: 4px;
    color: #000;
}
/* End */


/* Start:/local/templates/akuvox_template/components/di_namespace/main.feedback/modal/style.css?1776948690944*/
.dark-modal {
    background: #222224;
    margin-top: 150px;
}
@media (max-width: 767px) {
    .dark-modal {
        margin-top: 100px;
    }
}
#agreeCheckboxModal {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.uk-modal-body .checkbox-wrapper {
    margin-top: 20px;
}
#modal-catalog-element input[type="text"], #modal-catalog-element input[type="number"], #modal-catalog-element input[type="email"], #modal-catalog-element input[type="tel"], #modal-catalog-element select, #modal-catalog-element textarea {
    max-width: 700px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #fff;
    margin: 15px 0;
    padding: 5px 10px;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
    border-radius: 4px;
    color: #000;
}
textarea {
    height: 150px;
}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/menu/akuvox_menu_bottom/style.min.css?1776247186906*/
.store-menu{display:block;padding-left:16px;padding-top:5px;margin:0 0 35px;width:100%;list-style:none}.store-menu-item{display:block;padding:0;margin:0}.store-menu-item-link{display:block;padding:13px 30px 12px 0;position:relative;border-top:1px solid rgba(255,255,255,0.1);font-style:normal;font-weight:normal;font-size:16px;line-height:25px;vertical-align:middle;opacity:.6;color:#fff}.store-menu-item.selected .store-menu-item-link,.store-menu-item-link:active,.store-menu-item-link:hover{opacity:1;color:#fff;text-decoration:none}.store-menu .store-menu-item:first-child .store-menu-item-link{border-top:0}.store-menu-item-link:after{content:'';display:block;border:1.5px solid rgba(255,255,255,0.3);border-bottom:0;border-left:0;width:9px;height:9px;position:absolute;right:20px;top:50%;transform:rotate(45deg) translateY(-50%)}.store-menu-item.selected .store-menu-item-link:after{border-color:#fff}
/* End */


/* Start:/local/templates/akuvox_template/components/bitrix/catalog.section.list/akuvox_section_list/style.min.css?17762471862306*/
.catalog-section-list-item-title{overflow:hidden;margin:0;padding:0;vertical-align:middle;text-align:center;text-overflow:ellipsis;font-size:14px;line-height:20px}.catalog-section-list-item-link{vertical-align:middle;font-size:14px;line-height:20px}.catalog-section-list-item-counter{vertical-align:middle;font-size:12px;line-height:20px}.catalog-section-list-item-description{font-size:13px}.catalog-section-list-item-img{display:block;padding-top:100%;width:100%;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:cover;background-repeat:no-repeat;transition:250ms linear all}.catalog-section-list-item-img:hover{border-color:var(--theme-color-primary)}.catalog-section-list-line-list{padding:0;list-style:none}.catalog-section-list-line-list .catalog-section-list-item{display:flex;margin-bottom:15px;align-items:flex-start}.catalog-section-list-line-list .catalog-section-list-item-title{text-align:left}.catalog-section-list-line-img-container{padding-right:15px;min-width:75px;width:75px}.catalog-section-list-line-list .catalog-section-list-titles{margin:0;line-height:20px}.catalog-section-list-text-list{padding:0;list-style:none;column-count:3}.catalog-section-list-text-list .catalog-section-list-item-title{text-align:left}@media(max-width:767px){.catalog-section-list-text-list{column-count:1}}.catalog-section-list-tile-list{padding:0;list-style:none}.catalog-section-list-tile-img-container{width:100%}.catalog-section-list-list{margin-bottom:30px}.catalog-section-list-list .catalog-section-list-item{padding:0;line-height:16px}.catalog-section-list-list .catalog-section-list-item:before{content:''!important}.catalog-section-list-list-title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;font-size:12px;line-height:16px}.catalog-section-list-list-link{white-space:nowrap;font-size:13px}.catalog-section-list-list-link:hover{text-decoration:none}.catalog-section-list-list-title span{font-size:11px}@media(max-width:639px){.bx-touch .catalog-section-list-list .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .catalog-section-list-list .bx_catalog_line_title a{font-size:12px}}.catalog-section-list-list-title,.catalog-section-list-list-link{transition:all .3s ease}
/* End */


/* Start:/local/templates/akuvox_template/template_styles.css?177694864022085*/
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #e4e4e4;
    --primary: #e7b765;
}
@media (max-width: 600px) {
    #bx-panel {
        display: none !important;
    }
}
a {
    text-decoration: none;
    color: #fff;
}
a:hover, a:focus, a:focus-visible, a:focus-within {
    color: #fff;
}
.white-button {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 40px;
    padding: 0 40px;
    color: #000;
    background: #fff;
    border-radius: 50px;
    font-weight: 500;
}
.white-button:hover {
    color: #000;
}
.modal-heading {
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}
.Liquid-glass-button {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 200px;
    height: 50px;
    padding: 12px 24px;
    font-family: inherit;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    background: radial-gradient(54.55% 99.17% at 2.16% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 100%), linear-gradient(182.22deg, #E7B765 -14.51%, #B98B57 106.8%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 32px;
    border: none;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease, opacity 0.2s ease;
}


.Liquid-glass-button:hover {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 100%),
        linear-gradient(182.26deg,
            #E7B765 -14.46%,
            #946B45 98.1%);

    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

.Liquid-glass-button:active {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.04) 100%),
        linear-gradient(181.77deg,
            #B48A5C 1.5%,
            #946B45 98.5%);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(1px);
}

a.Liquid-glass-button {
  text-decoration: none;
}
.checkbox-wrapper {
    margin-top: 20px;
}
.checkbox-wrapper a {
    color: var(--primary);
}
.mf-ok-text {
    text-align: center;
}
.text-center {
    text-align: center;
}
button:disabled, button:disabled:hover {
    background: #ccc;
    cursor: auto;
}
.bottom-position {
    position: absolute;
    bottom: 0;
}

.header-container {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    z-index: 1100;
    background-color: #1c1c1e;

}

input,
input#\31 0,
input#\31 1 {
    outline: none;
}

.header {
    width: 100%;
    max-width: 1280px;
    /* padding: 0 80px; */
    margin: 0 80px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 40px;
}


.header-menu {
    display: flex;
    align-items: center;
    gap: 40px;
    width: fit-content;
}

.header-mobile-container {
    display: none;
}

.main-work-area {
    padding: 75px 80px 0 80px;
    flex: 1;
    background-color: #1C1C1E;
}

.footer-container {
    padding: 100px 80px 20px 80px;
    background: #1C1C1E url('/images/onlyrobots.png') no-repeat center 80%;
    display: flex;
    background-size: 95%;
    flex-direction: column;
    margin-top: auto;
    align-items: center;
}
.contacts-section {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.heading {
    font-size: 36px;
    font-weight: 400;
}
.small-heading {
    opacity: 0.7;
}
.footer-wrapper {
    width: 100%;
    max-width: 1280px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .footer-wrapper {
        gap: 30px;
    }
    .footer-container {
        background: #1c1c1e;
    }
}
.footer-columns {
    display: flex;
    justify-content: space-between;
    flex: 1;
    /* margin: 0 80px; */
}

.footer-column {
    max-width: 235px;
    flex: 1;
}

.footer-logo {
    display: flex;
    width: 100%;
    justify-content: left;
}


.footer-column-title {
    font-size: 17px;
    height: 17px;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    color: #F6F6F6;
    opacity: 0.5;
}

.footer-help-links {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-evenly;
    width: 100%;
}

.footer-help-links-item,
.footer-help-links-item a {
    margin: 0 auto;

    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;

    color: #F6F6F6;
    opacity: 0.3;
}

.footer-help-links-item a {
    text-decoration: none;
    opacity: 1;
}

.page-container {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 1280px;
}

.page-title {
    margin-bottom: 40px;
}

.not-found-caption {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 36px;
    color: #F6F6F6;
}

.header .responsive-img { width: 230px; }

@media screen and (max-width: 1024px) {
    .responsive-img {
        max-width: 200px;
    }
    .header-container {
        display: none;
    }

.header-mobile-container{
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    justify-content: space-between;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    background-color: transparent; 
    background-color: #1C1C1E; 
  }

  .header-mobile-container.is-scrolled{
    background-color: #1C1C1E; 
  }

    .main-work-area {
        padding: 80px 20px 0 20px;
        max-width: 100vw;
    }

    .page-container {
        margin-top: 40px;
    }

    .footer-container {
        padding: 40px 0 80px 0;
        gap: 40px;
    }

    .footer-columns {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .footer-logo {
        justify-content: center;
    }

    .footer-column {
        text-align: center;
        justify-content: center;
    }


    .footer-help-links {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}


table.form-table td:first-child {
    display: block;
    color: #fff;
}

input[name="web_form_apply"],
input[type="reset"] {
    display: none !important;
}

form input[type="submit"][name="web_form_submit"] {
    box-sizing: border-box;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 8px;

    height: 50px;
    min-width: 108px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;

    background:
        radial-gradient(54.55% 99.17% at 2.16% 50%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 100%),
        linear-gradient(182.22deg,
            #E7B765 -14.51%,
            #B98B57 106.8%);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 32px;
    border: none;

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.1s ease;
}

form input[type="submit"][name="web_form_submit"]:hover {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 100%),
        linear-gradient(182.26deg,
            #E7B765 -14.46%,
            #946B45 98.1%);

    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

form input[type="submit"][name="web_form_submit"]:active {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.04) 100%),
        linear-gradient(181.77deg,
            #B48A5C 1.5%,
            #946B45 98.5%);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(1px);
}



.swiper-slide {
    height: auto !important;
}


.swiper-button-next,
.swiper-button-prev {
    margin-top: auto !important;
}

.content {
    background-color: #1C1C1E;
    padding: 50px 80px 0 80px;
}

#panel+.header-container {
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
    .content {
        padding: 50px 20px 0 20px;
        max-width: 100vw;
    }
}

/* Временный фикс убрать */
font.tablebodytext {
    display: none !important;
}

/* фикс контейнер */
.page-container.page-container-main {
    margin-top: 0 !important;
}

/* фикс футер каталог */
.footer-column .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.footer-column .store-menu {
    margin: 16px 0 !important;
}

.btn-gold {
    box-sizing: border-box;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    min-width: 108px;
    height: 50px;
    padding: 12px 24px;

    font-family: inherit;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;
    user-select: none;

    background:
        radial-gradient(54.55% 99.17% at 2.16% 50%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 100%),
        linear-gradient(182.22deg,
            #E7B765 -14.51%,
            #B98B57 106.8%);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 32px;
    border: none;
    border-bottom: 2px solid #937756;
    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.1s ease,
        opacity 0.2s ease;
}


.btn-gold:hover {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.16) 100%),
        linear-gradient(182.26deg,
            #E7B765 -14.46%,
            #946B45 98.1%);

    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

.btn-gold:active {
    background:
        radial-gradient(111% 180% at 69.5% 0%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.04) 100%),
        linear-gradient(181.77deg,
            #B48A5C 1.5%,
            #946B45 98.5%);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(1px);
}

.btn-gold:disabled,
.btn-gold.is-disabled {
  background: linear-gradient(
    181.77deg,
    #E5E5E5 1.5%,
    #CCCCCC 98.5%
  );

  border: 1px solid #FFFFFF;
  box-shadow: none;

  color: #9a9a9a;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  opacity: 1;
}

body font.errortext {
    color: #e7b765 !important;
    font-size: 15px;
}
@media (max-width: 768px) {

  body:has(.main-screen) .header-mobile-container{
    background-color: transparent;
    transition: background-color .25s ease;
    
  }

  body:has(.main-screen) .header-mobile-container.is-scrolled{
    background-color: #1C1C1E;
  }

  body:has(.main-screen) .main-screen{
    margin-top: -80px;
    padding-top: 160px;
    background-position: 45 !important;
  }

}
body .swiper-button-next:after, body .swiper-button-prev:after {
    font-size: large;
}
.page-title {
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 90%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.responsive-img {
    width: 100%;
    height: fit-content;
    object-fit: cover; 
    object-fit: contain; 
    object-fit: scale-down;
}

.phone-block {
    border-radius: 51px;
    border: 1px solid #F6F6F61A;
    padding: 15px 16px;
    color: #F6F6F6;
    font-size: 17px;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    min-width: 140px;
}

.phone-block:hover {
    border: 1px solid #F6F6F6;

}

.phone-block a:link,
.phone-block a,
.phone-block a:visited,
.phone-block a:active,
.phone-block a:focus {
    display: flex;
    align-items: center;
    justify-content: end;
    text-decoration: none;
    color: white;
    font-weight: 500;
}

.contacts-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contacts-section {
    display: block;
    padding: 0;
}

.contacts-item {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    color: #F6F6F6;
    padding: 8px 0;
}

.contacts-item a {
    text-decoration: none;
    color: #F6F6F6;
}

.back-to-top {
    margin: 0 auto;
    background: url('/images/bottom-button.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
}


.subbrand-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}

.subbrand-section img {
    border-radius: 10px;
}

.subbrand-description-title {
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 90%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.subbrand-description-caption {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    color: #FFFFFFB2
}

.subbrand-description-caption span {
    color: #FFF;
}


.subbrand-description__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 620px;
    max-height: 128px;
}

.subbrand-description__chips .chip {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    width: fit-content;
    height: 60px;

    border: 1px solid #F6F6F61A;
    border-radius: 50px;

    font-style: normal;
    font-weight: 500;
    line-height: 100%;

    color: #FFFFFF;
}

.akuvox-description, .akubela-description__text-container {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.akuvox-description__text-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 620px;
}

.subbrand-description__chips .akuvox-chip {
    font-size: 24px;
    padding: 18px 32px;
}

.akubela-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.akubela-description__caption {
    max-width: 640px;
}


.subbrand-description__chips .akubela-chip {
    font-size: 20px;
    padding: 20px 32px;
}

.menu-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.close-button {
    position: fixed;
    top: 20px;
    right: 16px;
}

.mobile-panel {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: fit-content;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    padding: 100px 20px;
    background-color: #1C1C1E;
    text-align: right;
}

.mobile-panel.active {
    transform: translateX(0);
}

.mobile-panel > .contact-info {
    margin-top: 84px;
    padding: 0;
}

.mobile-panel > .contact-info .contacts-item {
    font-weight: 500;
    padding-bottom: 16px;
}

.mobile-panel > .contact-info .mail {
    text-decoration: underline;
}

@media (max-width: 1399px) {
    .phone-block {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {

    .akuvox-description,
    .akubela-description__text-container {
        flex-direction: column;
        gap: 20px;
    }

    .subbrand-description__chips {
        max-width: 100%;
    }

    .phone-block {
        font-size: 12px;
    }
}


/*-- Di new styles main page --*/
.btn-gold.inline {
    width: fit-content;
    margin: 0 auto;
}
.highlight {
    color: #e7b765;
}
.lh-35 {
    line-height: 35px;
}
.d-f-c {
    display: flex;
    flex-direction: column;
}

.s_container {
    display: flex;
    flex-direction: column;
    padding: 40px 0px;
}
.welcome {
    margin: 50px 0 30px;
}
.catalog-preview__title {
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.m-sort__select {
    color: #fff;
}
.welcome .catalog-preview__suptitle {
    text-align: center;
    color: #fff;
    opacity: 0.7;
}
/* ================== MOBILE MENU ================== */
@media (min-width: 1000.00000000000000000666px) {
    .hide-l {
        display: none !important;
    }
    .uk-offcanvas {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    #canv-menu .uk-offcanvas-bar {
        position: relative;
        width: 370px;
    }
}
@media (max-width: 1000px) {
    .sidebar-menu-button {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        max-width: 350px;
        align-self: center;
        gap: 10px;
        background: #dcb47a;
        border: 0;
        border-radius: 25px;
        justify-content: center;
        color: #fff;
        height: 35px;
        font-size: 16px;
    }
    .sidebar-menu-button svg {
        fill: #fff;
    }
    #canv-menu .uk-offcanvas-bar {
        overflow-y: scroll;
        position: absolute;
        background: #222221;
        top: 0;
        bottom: 0;
        left: -300px;
        width: 300px;
        box-sizing: border-box;
            padding: 8px 10px 20px 10px;
        box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.24),
            inset -2px 0px 0px rgba(255, 255, 255, 0.16);
    }
    #canv-menu.uk-open > .uk-offcanvas-bar {
        left: 0;
    }
    .mobile-menu-inner {
        padding-bottom: 50px;
    }
    .m-head .mobile-sidebar-close {
        padding: 5px;
        background: transparent;
        margin-top: 12px;
        margin-left: 5px;
    }
    .m-head svg {
        margin-right: 0;
        width: 30px;
        height: 30px;
        fill: #fff;
        stroke: #fff;
    }
    .m-body {
        margin-top: 40px;
        padding: 0 15px;
    }
    .m-footer {
        margin-top: 30px;
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .m-footer img {
        height: 100px;
    }
    #mobile-info-menu .uk-offcanvas-bar {
        overflow-y: scroll;
        position: absolute;
        background: #fff;
        top: 0;
        bottom: 0;
        right: -300px;
        width: 300px;
        box-sizing: border-box;
        padding: 8px 0px 20px 10px;
        box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.24),
            inset 2px 0px 0px rgba(255, 255, 255, 0.16);
    }

    #mobile-info-menu.uk-open > .uk-offcanvas-bar {
        right: 0;
    }
    #mobile-info-menu .m-head .mobile-sidebar-close {
        margin-left: auto;
        margin-right: 10px;
        background: var(--main-color);
    }
    #mobile-info-menu .m-head svg {
        fill: #fff;
        stroke: #fff;
    }
}
/*==== company ======*/
.company-image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.company-main-info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin: 30px 0;
}

.company-main-info-section {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    color: #F6F6F6B2;
    max-width: 620px;
}

.company-main-info-section span {
    color: #FFF;
}

@media (max-width: 767px) {
    .company-main-info {
        flex-direction: column;
        margin-top: 80px;
        margin: 40px 0;
    }

    .subbrand-section {
        display: none;
    }

    .page-title {
        font-size: 36px;
    }

}
/*====== arenda =======*/
/*- page arenda -*/
.arenda-welcome {
    display: flex;
    gap: 40px;
    margin-bottom:30px;
}
/*-index arenda-*/
.block-intro {
    display: flex;
    align-items: center;
    color: #fff;
}
.block-intro .large {
    margin: 0;
    font-weight: 400;
}
.block-intro .small {
    opacity: 0.7;
}
.block-intro p {
    opacity: 0.7;
    max-width: 700;
    line-height: 20px;
}
.intro-left {
    display: flex;
    flex-direction: column;
}
.intro-right {
    margin-left: auto;
}
@media (max-width: 900px) {
    .block-intro, .arenda-welcome {
        flex-direction: column;
        gap: 0;
    }
    .intro-right {
        margin-left: unset;
        margin-top: 20px;
        width: 100%;
        max-width: 370px;
    }
    .intro-right a {
        width: 100% !important;
    }
}
/* ======= Solutions ======*/
/*- page solutions -*/
.solutions-welcome {
    display: flex;
    gap: 40px;
    margin-bottom:30px;
}
@media (max-width: 900px) {
    .solutions-welcome {
        flex-direction: column;
        gap: 0;
    }
}
/*-- brands--*/
.brands {
padding: 50px 0px;
}
.brands_container {
    padding: 40px;
    border-radius: 10px;
    background-image: linear-gradient(110deg, #0d0d0d 5%, #737373 169%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.brands__subtitle {
    font-size: 14px;
    color: #f6f6f6;
    letter-spacing: 1px;
    opacity: 0.5;
}

.brands__title {
    font-size: 36px;
    color: #fff;
    line-height: 36px;
    max-width: 950px;
    margin: 10px 0 35px;
}

.brands__highlight {
    color: #e7b765;
}

.brands__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.brands__logos img {
    max-width: 120px;
    object-fit: contain;
    filter: brightness(1.5) contrast(1.5);
}

@media (max-width: 768px) {
    .brands {
        padding: 20px 0px;
        gap: 30px;
    }

    .brands__title {
        font-size: 24px;
    }

    .brands__logos {
        gap: 40px;
        flex-wrap: unset;
        flex-direction: column;
        margin: 0 auto;
    }

    .brands__subtitle {
        text-align: center;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .brands__title {
        text-align: center;
        line-height: 28px;
    }

    .brands__subtitle {
        text-align: center;
        width: 100%;
    }

    .brands_container {
        align-items: start;
        padding: 60px 20px;
    }
}
/* ====== about ========= */
.company-image {
    width: 100%;
}
@media (max-width: 767px) {
    .company-image img {
        object-position: center;
        width: 100%;
        object-fit: cover;
        height: 250px;
    }
}
/* End */
/* /include/uikit/uikit.css?177624718774491 */
/* /local/templates/akuvox_template/components/bitrix/menu/akuvox_menu/style.css?177624718611234 */
/* /local/templates/akuvox_template/components/bitrix/menu/akuvox_menu_mobile/style.css?1776247186482 */
/* /local/templates/akuvox_template/components/di_namespace/main.feedback/form/style.css?17769422484588 */
/* /local/templates/akuvox_template/components/di_namespace/main.feedback/modal/style.css?1776948690944 */
/* /local/templates/akuvox_template/components/bitrix/menu/akuvox_menu_bottom/style.min.css?1776247186906 */
/* /local/templates/akuvox_template/components/bitrix/catalog.section.list/akuvox_section_list/style.min.css?17762471862306 */
/* /local/templates/akuvox_template/template_styles.css?177694864022085 */