@charset "UTF-8";
/* ======================================================================== 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`. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
.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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px; /* 8 */
  line-height: 40px; /* 9 */
  text-align: center; /* 10 */
  text-decoration: none;
}

.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;
}

/* Focus */
.uk-button:focus {
  outline: none;
}

/* OnClick + Active */
/* Style modifiers ========================================================================== */
/* Default */
.uk-button-default {
  background-color: #f8f8f8;
  color: #333;
}

/* Hover + Focus */
.uk-button-default:hover, .uk-button-default:focus {
  background-color: #ebebeb;
  color: #333;
}

/* OnClick + Active */
.uk-button-default:active, .uk-button-default.uk-active {
  background-color: #dfdfdf;
  color: #333;
}

/* Primary */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
}

/* Hover + Focus */
.uk-button-primary:hover, .uk-button-primary:focus {
  background-color: #0f7ae5;
  color: #fff;
}

/* OnClick + Active */
.uk-button-primary:active, .uk-button-primary.uk-active {
  background-color: #0e6ecd;
  color: #fff;
}

/* Secondary */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
}

/* Hover + Focus */
.uk-button-secondary:hover, .uk-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}

/* OnClick + Active */
.uk-button-secondary:active, .uk-button-secondary.uk-active {
  background-color: #090909;
  color: #fff;
}

/* Danger */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
}

/* Hover + Focus */
.uk-button-danger:hover, .uk-button-danger:focus {
  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: #f8f8f8;
  color: #999;
}

/* Size modifiers ========================================================================== */
.uk-button-small {
  padding: 0 15px;
  line-height: 30px;
  font-size: 0.875rem;
}

.uk-button-large {
  padding: 0 20px;
  line-height: 55px;
  font-size: 1.25rem;
}

/* Text modifiers ========================================================================== */
/* Text 1. Reset 2. Style */
.uk-button-text { /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none; /* 2 */
  color: #999;
}

/* Hover + Focus */
.uk-button-text:hover, .uk-button-text:focus {
  color: #666;
}

/* Disabled */
.uk-button-text:disabled {
  color: #999;
}

/* Link 1. Reset 2. Style */
.uk-button-link { /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none; /* 2 */
  color: #1e87f0;
}

/* Hover + Focus */
.uk-button-link:hover, .uk-button-link:focus {
  color: #0f6ecd;
  text-decoration: underline;
}

/* Disabled */
.uk-button-link:disabled {
  color: #999;
  text-decoration: none;
}

/* Group ========================================================================== */
/* 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements 2. Behave like button 3. Create position context */
.uk-button-group { /* 1 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; /* 2 */
  vertical-align: middle; /* 3 */
  position: relative;
}

/* ======================================================================== Component: Progress ========================================================================== */
/* 1. Add the correct vertical alignment in Chrome, Firefox, and Opera. 2. Remove default style 3. Behave like a block element 4. Remove borders in Firefox and Edge 5. Set background color for progress container in Firefox, IE11 and Edge 6. Style */
.uk-progress { /* 1 */
  vertical-align: baseline; /* 2 */
  -webkit-appearance: none;
  -moz-appearance: none; /* 3 */
  display: block;
  width: 100%; /* 4 */
  border: 0; /* 5 */
  background-color: #f8f8f8; /* 6 */
  margin-bottom: 20px;
  height: 15px;
}

/* Add margin if adjacent element */
* + .uk-progress {
  margin-top: 20px;
}

/* Remove animated circles for indeterminate state in IE11 and Edge */
.uk-progress:indeterminate {
  color: transparent;
}

/* Progress container 2. Remove progress bar for indeterminate state in Firefox */
.uk-progress::-webkit-progress-bar {
  background-color: #f8f8f8;
}

/* 2 */
.uk-progress:indeterminate::-moz-progress-bar {
  width: 0;
}

/* Progress bar 1. Remove right border in IE11 and Edge */
.uk-progress::-webkit-progress-value {
  background-color: #1e87f0;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.uk-progress::-moz-progress-bar {
  background-color: #1e87f0;
}

.uk-progress::-ms-fill {
  background-color: #1e87f0;
  -webkit-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  transition: width 0.6s ease; /* 1 */
  border: 0;
}

/* ======================================================================== Component: Section ========================================================================== */
/* 1. Make it work with `100vh` and height in general */
.uk-section {
  display: flow-root;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
/* Remove margin from the last-child */
.uk-section > :last-child {
  margin-bottom: 0;
}

/* Size modifiers ========================================================================== */
/* XSmall */
.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Small */
.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Large */
.uk-section-large {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
/* XLarge */
.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px;
  }
}
/* Style modifiers ========================================================================== */
/* Default */
.uk-section-default {
  background: #fff;
}

/* Muted */
.uk-section-muted {
  background: #f8f8f8;
}

/* Primary */
.uk-section-primary {
  background: #1e87f0;
}

/* Secondary */
.uk-section-secondary {
  background: #222;
}

/* Overlap modifier ========================================================================== */
/* Reserved modifier to make a section overlap another section with an border image Implemented by the theme */
/* ======================================================================== Component: Container ========================================================================== */
/* 1. Box sizing has to be `content-box` so the max-width is always the same and unaffected by the padding on different breakpoints. It's important for the size modifiers. */
.uk-container {
  display: flow-root; /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Remove margin from the last-child */
.uk-container > :last-child {
  margin-bottom: 0;
}

/* Remove padding from nested containers */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}

/* Size modifier ========================================================================== */
.uk-container-xsmall {
  max-width: 750px;
}

.uk-container-small {
  max-width: 900px;
}

.uk-container-large {
  max-width: 1400px;
}

.uk-container-xlarge {
  max-width: 1600px;
}

.uk-container-expand {
  max-width: none;
}

/* Expand modifier ========================================================================== */
/* Expand one side only */
.uk-container-expand-left {
  margin-left: 0;
}

.uk-container-expand-right {
  margin-right: 0;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + 375px - 20px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + 450px - 20px);
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container-expand-left, .uk-container-expand-right {
    max-width: calc(50% + 600px - 20px);
  }
  .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + 375px - 20px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + 450px - 20px);
  }
  .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + 700px - 20px);
  }
  .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + 800px - 20px);
  }
}
/* Item ========================================================================== */
/* Utility classes to reset container padding on the left or right side Note: It has to be negative margin on the item, because it's specific to the item. */
.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
  width: calc(100% + 15px);
}

.uk-container-item-padding-remove-left {
  margin-left: -15px;
}

.uk-container-item-padding-remove-right {
  margin-right: -15px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 20px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -20px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -20px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 20px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -20px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -20px;
  }
}
/* ======================================================================== Component: Close ========================================================================== */
/* Adopts `uk-icon` */
.uk-close {
  color: #999;
}

/* Hover + Focus */
.uk-close:hover, .uk-close:focus {
  color: #666;
  outline: none;
}

/* ======================================================================== Component: Spinner ========================================================================== */
/* Adopts `uk-icon` */
/* SVG ========================================================================== */
.uk-spinner > * {
  -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
  animation: uk-spinner-rotate 1.4s linear infinite;
}

@-webkit-keyframes uk-spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes uk-spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
/* Circle */
.uk-spinner > * > * {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
  animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round;
}

@-webkit-keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 88px;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 88px;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
/* ======================================================================== Component: Totop ========================================================================== */
/* Addopts `uk-icon` */
.uk-totop {
  padding: 5px;
  color: #999;
}

/* Hover + Focus */
.uk-totop:hover, .uk-totop:focus {
  color: #666;
  outline: none;
}

/* OnClick */
.uk-totop:active {
  color: #333;
}

/* ======================================================================== Component: Marker ========================================================================== */
/* Addopts `uk-icon` */
.uk-marker {
  padding: 5px;
  background: #222;
  color: #fff;
}

/* Hover + Focus */
.uk-marker:hover, .uk-marker:focus {
  color: #fff;
  outline: none;
}

/* ======================================================================== Component: Alert ========================================================================== */
.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666;
}

/* Add margin if adjacent element */
* + .uk-alert {
  margin-top: 20px;
}

/* Remove margin from the last-child */
.uk-alert > :last-child {
  margin-bottom: 0;
}

/* Close Adopts `uk-close` ========================================================================== */
.uk-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

/* Remove margin from adjacent element */
.uk-alert-close:first-child + * {
  margin-top: 0;
}

/* Hover + Focus */
/* Style modifiers ========================================================================== */
/* Primary */
.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}

/* Success */
.uk-alert-success {
  background: #edfbf6;
  color: #32d296;
}

/* Warning */
.uk-alert-warning {
  background: #fef5ee;
  color: #faa05a;
}

/* Danger */
.uk-alert-danger {
  background: #fef4f6;
  color: #f0506e;
}

/* ======================================================================== Component: Placeholder ========================================================================== */
.uk-placeholder {
  margin-bottom: 20px;
  padding: 20px 20px;
  background: #f8f8f8;
}

/* Add margin if adjacent element */
* + .uk-placeholder {
  margin-top: 20px;
}

/* Remove margin from the last-child */
.uk-placeholder > :last-child {
  margin-bottom: 0;
}

/* ======================================================================== Component: Badge ========================================================================== */
/* 1. Style 2. Center child vertically and horizontally */
.uk-badge {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border-radius: 500px;
  vertical-align: middle; /* 1 */
  background: #1e87f0;
  color: #fff;
  font-size: 0.875rem; /* 2 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Required for `a` */
.uk-badge:hover, .uk-badge:focus {
  color: #fff;
  text-decoration: none;
  outline: 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;
}

/* 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: 20px 20px;
}

/* Remove margin from the last-child */
.uk-overlay > :last-child {
  margin-bottom: 0;
}

/* Icon ========================================================================== */
/* Style modifiers ========================================================================== */
/* Default */
.uk-overlay-default {
  background: rgba(255, 255, 255, 0.8);
}

/* Primary */
.uk-overlay-primary {
  background: rgba(34, 34, 34, 0.8);
}

/* ======================================================================== Component: Search ========================================================================== */
/* 1. Container fits its content 2. Create position context 3. Prevent content overflow 4. Reset `form` */
.uk-search { /* 1 */
  display: inline-block; /* 2 */
  position: relative; /* 3 */
  max-width: 100%; /* 4 */
  margin: 0;
}

/* Input ========================================================================== */
/* Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
.uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Removes placeholder transparency in Firefox. */
.uk-search-input::-moz-placeholder {
  opacity: 1;
}

/* 1. Define consistent box sizing. 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 5. Show the overflow in Edge. 6. Remove default style in iOS. 7. Vertical alignment 8. Take the full container width 9. Style */
.uk-search-input { /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 2 */
  margin: 0; /* 3 */
  border-radius: 0; /* 4 */
  font: inherit; /* 5 */
  overflow: visible; /* 6 */
  -webkit-appearance: none; /* 7 */
  vertical-align: middle; /* 8 */
  width: 100%; /* 9 */
  border: none;
  color: #666;
}

.uk-search-input:focus {
  outline: none;
}

/* Placeholder */
.uk-search-input:-ms-input-placeholder {
  color: #999 !important;
}

.uk-search-input::-webkit-input-placeholder {
  color: #999;
}

.uk-search-input::-moz-placeholder {
  color: #999;
}

.uk-search-input::-ms-input-placeholder {
  color: #999;
}

.uk-search-input::placeholder {
  color: #999;
}

/* Icon (Adopts `uk-icon`) ========================================================================== */
/* Remove default focus style */
.uk-search-icon:focus {
  outline: none;
}

/* Position above input 1. Set position 2. Center icon vertically and horizontally 3. Style */
.uk-search .uk-search-icon { /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; /* 2 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; /* 3 */
  color: #999;
}

/* Required for `a`. */
.uk-search .uk-search-icon:hover {
  color: #999;
}

/* Make `input` element clickable through icon, e.g. if it's a `span` */
.uk-search .uk-search-icon:not(a):not(button):not(input) {
  pointer-events: none;
}

/* Position modifier */
.uk-search .uk-search-icon-flip {
  right: 0;
  left: auto;
}

/* Default modifier ========================================================================== */
.uk-search-default {
  width: 180px;
}

/* Input */
.uk-search-default .uk-search-input {
  height: 40px;
  padding-left: 6px;
  padding-right: 6px;
  background: #f8f8f8;
}

/* Focus */
.uk-search-default .uk-search-input:focus {
  background-color: #f8f8f8;
}

/* Icon */
.uk-search-default .uk-search-icon {
  width: 40px;
}

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}

.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}

/* Navbar modifier ========================================================================== */
.uk-search-navbar {
  width: 400px;
}

/* Input */
.uk-search-navbar .uk-search-input {
  height: 40px;
  background: transparent;
  font-size: 1.5rem;
}

/* Icon */
.uk-search-navbar .uk-search-icon {
  width: 40px;
}

.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}

.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}

/* Large modifier ========================================================================== */
.uk-search-large {
  width: 500px;
}

/* Input */
.uk-search-large .uk-search-input {
  height: 80px;
  background: transparent;
  font-size: 2.625rem;
}

/* Icon */
.uk-search-large .uk-search-icon {
  width: 80px;
}

.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 80px;
}

.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 80px;
}

/* Toggle ========================================================================== */
.uk-search-toggle {
  color: #999;
}

/* Hover + Focus */
.uk-search-toggle:hover, .uk-search-toggle:focus {
  color: #666;
}

/* ======================================================================== 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;
  cursor: pointer;
}

/* Hover + Focus */
.uk-accordion-title:hover, .uk-accordion-title:focus {
  text-decoration: none;
  outline: 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; /* 3 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
}

/* Show */
.uk-drop.uk-open {
  display: block;
}

/* Direction / Alignment modifiers ========================================================================== */
/* Direction */
[class*=uk-drop-top] {
  margin-top: -20px;
}

[class*=uk-drop-bottom] {
  margin-top: 20px;
}

[class*=uk-drop-left] {
  margin-left: -20px;
}

[class*=uk-drop-right] {
  margin-left: 20px;
}

/* Grid modifiers ========================================================================== */
.uk-drop-stack .uk-drop-grid > * {
  width: 100% !important;
}

/* ======================================================================== Component: Dropdown ========================================================================== */
/* 1. Hide by default 2. Set position 3. Set a default width 4. Style */
.uk-dropdown { /* 1 */
  display: none; /* 2 */
  position: absolute;
  z-index: 1020; /* 3 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px; /* 4 */
  padding: 15px;
  background: #f8f8f8;
  color: #666;
}

/* Show */
.uk-dropdown.uk-open {
  display: block;
}

/* Nav Adopts `uk-nav` ========================================================================== */
.uk-dropdown-nav {
  white-space: nowrap;
}

/* Items */
.uk-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Focus + Active */
.uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li.uk-active > a {
  color: #666;
}

/* 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 a:focus, .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #666;
}

/* Direction / Alignment modifiers ========================================================================== */
/* Direction */
[class*=uk-dropdown-top] {
  margin-top: -10px;
}

[class*=uk-dropdown-bottom] {
  margin-top: 10px;
}

[class*=uk-dropdown-left] {
  margin-left: -10px;
}

[class*=uk-dropdown-right] {
  margin-left: 10px;
}

/* Grid modifiers ========================================================================== */
.uk-dropdown-stack .uk-dropdown-grid > * {
  width: 100% !important;
}

/* ======================================================================== 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;
  -webkit-overflow-scrolling: touch; /* 4 */
  padding: 15px 15px; /* 5 */
  background: rgba(0, 0, 0, 0.6); /* 6 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-modal {
    padding: 50px 20px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-modal {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Open */
.uk-modal.uk-open {
  opacity: 1;
}

/* Page ========================================================================== */
/* Prevent scrollbars */
.uk-modal-page {
  overflow: hidden;
}

/* Dialog ========================================================================== */
/* 1. Create position context for spinner and close button 2. Dimensions 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 `!important` 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 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px; /* 3 */
  max-width: calc(100% - 0.01px) !important; /* 4 */
  background: #fff; /* 5 */
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

/* Open */
.uk-open > .uk-modal-dialog {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  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%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* Sections ========================================================================== */
.uk-modal-body {
  display: flow-root;
  padding: 20px 20px;
}

.uk-modal-header {
  display: flow-root;
  padding: 10px 20px;
  background: #f8f8f8;
}

.uk-modal-footer {
  display: flow-root;
  padding: 10px 20px;
  background: #f8f8f8;
}

/* 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;
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  color: white;
}

.uk-modal-close-outside:hover {
  color: #fff;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) { /* 1 */
  .uk-modal-close-outside {
    right: 0;
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
  }
}
/* Full */
/* ======================================================================== 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. */
.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;
}

/* Item ========================================================================== */
/* 1. Position items above each other 2. Take the full width 3. Clip child elements, e.g. for `uk-cover` 4. Optimize animation 5. Disable horizontal panning gestures in IE11 and Edge 6. Suppress outline on focus */
.uk-slideshow-items > * { /* 1 */
  position: absolute;
  top: 0;
  left: 0; /* 2 */
  right: 0;
  bottom: 0; /* 3 */
  overflow: hidden; /* 4 */
  will-change: transform, opacity; /* 5 */
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/* 6 */
.uk-slideshow-items > :focus {
  outline: none;
}

/* 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 ========================================================================== */
/* Clip child elements */
.uk-slider-container {
  overflow: hidden;
}

/* 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`. */
.uk-slider-items { /* 1 */
  will-change: transform; /* 2 */
  position: relative;
}

/* 1. Reset list style without interfering with grid 2. Prevent displaying the callout information on iOS. */
.uk-slider-items:not(.uk-grid) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  margin: 0;
  padding: 0;
  list-style: none; /* 2 */
  -webkit-touch-callout: none;
}

.uk-slider-items.uk-grid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* Item ========================================================================== */
/* 1. Let items take content dimensions (0 0 auto) 2. Create position context 3. Disable horizontal panning gestures in IE11 and Edge 4. Suppress outline on focus */
.uk-slider-items > * { /* 1 */
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; /* 2 */
  position: relative; /* 3 */
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/* 4 */
.uk-slider-items > :focus {
  outline: none;
}

/* ======================================================================== Component: Sticky ========================================================================== */
/* 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration */
.uk-sticky-fixed {
  z-index: 980;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 !important; /* 1 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Faster animations */
.uk-sticky[class*=uk-animation-] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

.uk-sticky.uk-animation-reverse {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

/* ======================================================================== 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 { /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px; /* 2 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: #222; /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-offcanvas-bar {
    left: -350px;
    width: 350px;
    padding: 20px 20px;
  }
}
/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .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 {
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  -webkit-transition-property: right;
  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 */
  -webkit-transition: width 0.3s ease-out;
  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: 960px) {
  .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: 20px;
  right: 20px;
  padding: 5px;
}

/* 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 */
  -ms-touch-action: none;
  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;
  -webkit-transition: opacity 0.15s linear;
  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` */
.uk-offcanvas-page, .uk-offcanvas-container {
  overflow-x: hidden;
}

/* 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;
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out; /* 1 */
  -webkit-box-sizing: border-box;
  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: 960px) {
  :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: Notification ========================================================================== */
/* 1. Set position 2. Dimensions */
.uk-notification { /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040; /* 2 */
  -webkit-box-sizing: border-box;
  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; /* 3 */
  top: 0; /* 4 */
  -webkit-box-sizing: border-box;
  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;
}

/* Direction / Alignment modifiers ========================================================================== */
/* Direction */
[class*=uk-tooltip-top] {
  margin-top: -10px;
}

[class*=uk-tooltip-bottom] {
  margin-top: 10px;
}

[class*=uk-tooltip-left] {
  margin-left: -10px;
}

[class*=uk-tooltip-right] {
  margin-left: 10px;
}

/* ======================================================================== Component: Sortable ========================================================================== */
.uk-sortable {
  position: relative;
}

/* Remove margin from the last-child */
.uk-sortable > :last-child {
  margin-bottom: 0;
}

/* Drag ========================================================================== */
.uk-sortable-drag {
  position: fixed !important;
  z-index: 1050 !important;
  pointer-events: none;
}

/* Placeholder ========================================================================== */
.uk-sortable-placeholder {
  opacity: 0;
  pointer-events: none;
}

/* Empty modifier ========================================================================== */
.uk-sortable-empty {
  min-height: 50px;
}

/* Handle ========================================================================== */
/* Hover */
.uk-sortable-handle:hover {
  cursor: move;
}

/* ======================================================================== Component: Countdown ========================================================================== */
/* Item ========================================================================== */
/* Number ========================================================================== */
/* 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. 2. Style */
.uk-countdown-number { /* 1 */
  font-variant-numeric: tabular-nums; /* 2 */
  font-size: 2rem;
  line-height: 0.8;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-countdown-number {
    font-size: 4rem;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-countdown-number {
    font-size: 6rem;
  }
}
/* Separator ========================================================================== */
.uk-countdown-separator {
  font-size: 1rem;
  line-height: 1.6;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-countdown-separator {
    font-size: 2rem;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-countdown-separator {
    font-size: 3rem;
  }
}
/* Label ========================================================================== */
/* ======================================================================== Component: Grid ========================================================================== */
/* 1. Allow cells to wrap into the next line 2. Reset list */
.uk-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Grid cell Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto Reset margin for e.g. paragraphs */
.uk-grid > * {
  margin: 0;
}

/* Remove margin from the last-child */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}

/* Gutter ========================================================================== */
/* Default */
/* Horizontal */
.uk-grid {
  margin-left: -20px;
}

.uk-grid > * {
  padding-left: 20px;
}

/* Vertical */
.uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin {
  margin-top: 20px;
}

/* Desktop and bigger */
@media (min-width: 1200px) { /* Horizontal */
  .uk-grid {
    margin-left: -20px;
  }
  .uk-grid > * {
    padding-left: 20px;
  }
  /* Vertical */
  .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin {
    margin-top: 20px;
  }
}
/* Small */
/* Horizontal */
.uk-grid-small, .uk-grid-column-small {
  margin-left: -15px;
}

.uk-grid-small > *, .uk-grid-column-small > * {
  padding-left: 15px;
}

/* Vertical */
.uk-grid + .uk-grid-small, .uk-grid + .uk-grid-row-small, .uk-grid-small > .uk-grid-margin, .uk-grid-row-small > .uk-grid-margin, * + .uk-grid-margin-small {
  margin-top: 15px;
}

/* Medium */
/* Horizontal */
.uk-grid-medium, .uk-grid-column-medium {
  margin-left: -20px;
}

.uk-grid-medium > *, .uk-grid-column-medium > * {
  padding-left: 20px;
}

/* Vertical */
.uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
  margin-top: 20px;
}

/* Large */
/* Horizontal */
.uk-grid-large, .uk-grid-column-large {
  margin-left: -20px;
}

.uk-grid-large > *, .uk-grid-column-large > * {
  padding-left: 20px;
}

/* Vertical */
.uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large {
  margin-top: 20px;
}

/* Desktop and bigger */
@media (min-width: 1200px) { /* Horizontal */
  .uk-grid-large, .uk-grid-column-large {
    margin-left: -70px;
  }
  .uk-grid-large > *, .uk-grid-column-large > * {
    padding-left: 70px;
  }
  /* Vertical */
  .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large {
    margin-top: 70px;
  }
}
/* Collapse */
/* Horizontal */
.uk-grid-collapse, .uk-grid-column-collapse {
  margin-left: 0;
}

.uk-grid-collapse > *, .uk-grid-column-collapse > * {
  padding-left: 0;
}

/* Vertical */
.uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
  margin-top: 0;
}

/* Divider ========================================================================== */
.uk-grid-divider > * {
  position: relative;
}

.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
}

/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}

/* Default */
/* Horizontal */
.uk-grid-divider {
  margin-left: -40px;
}

.uk-grid-divider > * {
  padding-left: 40px;
}

.uk-grid-divider > :not(.uk-first-column)::before {
  left: 20px;
}

/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 40px;
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  top: -20px;
  left: 40px;
}

/* Desktop and bigger */
@media (min-width: 1200px) { /* Horizontal */
  .uk-grid-divider {
    margin-left: -40px;
  }
  .uk-grid-divider > * {
    padding-left: 40px;
  }
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 20px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 40px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -20px;
    left: 40px;
  }
}
/* Small */
/* Horizontal */
.uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small {
  margin-left: -30px;
}

.uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * {
  padding-left: 30px;
}

.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
  left: 15px;
}

/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}

.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}

.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
}

.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: 30px;
}

/* Medium */
/* Horizontal */
.uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium {
  margin-left: -40px;
}

.uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * {
  padding-left: 40px;
}

.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before {
  left: 20px;
}

/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 40px;
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -20px;
  left: 40px;
}

.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -20px;
}

.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
  left: 40px;
}

/* Large */
/* Horizontal */
.uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large {
  margin-left: -40px;
}

.uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * {
  padding-left: 40px;
}

.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
  left: 20px;
}

/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 40px;
}

.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -20px;
  left: 40px;
}

.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
  top: -20px;
}

.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
  left: 40px;
}

/* Desktop and bigger */
@media (min-width: 1200px) { /* Horizontal */
  .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large {
    margin-left: -140px;
  }
  .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * {
    padding-left: 140px;
  }
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
    left: 70px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 140px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
    left: 140px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
    left: 140px;
  }
}
/* Match child of a grid cell ========================================================================== */
/* Behave like a block element 1. Wrap into the next line 2. Take the full width, at least 100%. Only if no class from the Width component is set. 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) */
.uk-grid-match > *, .uk-grid-item-match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.uk-grid-match > * > :not([class*=uk-width]), .uk-grid-item-match > :not([class*=uk-width]) { /* 2 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; /* 3 */
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

/* ======================================================================== Component: Nav ========================================================================== */
/* Reset 1. Prepare lists 2. Prepare links 3. Remove default focus style */
/* 1 */
.uk-nav, .uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 2 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}

/* 3 */
.uk-nav li > a:focus {
  outline: none;
}

/* Items Must target `a` elements to exclude other elements (e.g. lists) */
.uk-nav > li > a {
  padding: 5px 0;
}

/* Sublists ========================================================================== */
/* Level 2 `ul` needed for higher specificity to override padding */
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
}

/* Level 3 and deeper */
.uk-nav-sub ul {
  padding-left: 15px;
}

/* Items */
.uk-nav-sub a {
  padding: 2px 0;
}

/* Parent icon modifier ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Header ========================================================================== */
.uk-nav-header {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.uk-nav-header:not(:first-child) {
  margin-top: 20px;
}

/* Divider ========================================================================== */
.uk-nav-divider {
  margin: 5px 0;
}

/* Default modifier ========================================================================== */
/* Items */
.uk-nav-default > li > a {
  color: #999;
}

/* Hover + Focus */
.uk-nav-default > li > a:hover, .uk-nav-default > li > a:focus {
  color: #666;
}

/* Active */
.uk-nav-default > li.uk-active > a {
  color: #333;
}

/* Header */
.uk-nav-default .uk-nav-header {
  color: #333;
}

/* Divider */
.uk-nav-default .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/* Sublists */
.uk-nav-default .uk-nav-sub a {
  color: #999;
}

.uk-nav-default .uk-nav-sub a:hover, .uk-nav-default .uk-nav-sub a:focus {
  color: #666;
}

.uk-nav-default .uk-nav-sub li.uk-active > a {
  color: #333;
}

/* Primary modifier ========================================================================== */
/* Items */
.uk-nav-primary > li > a {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #999;
}

/* Hover + Focus */
.uk-nav-primary > li > a:hover, .uk-nav-primary > li > a:focus {
  color: #666;
}

/* Active */
.uk-nav-primary > li.uk-active > a {
  color: #333;
}

/* Header */
.uk-nav-primary .uk-nav-header {
  color: #333;
}

/* Divider */
.uk-nav-primary .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/* Sublists */
.uk-nav-primary .uk-nav-sub a {
  color: #999;
}

.uk-nav-primary .uk-nav-sub a:hover, .uk-nav-primary .uk-nav-sub a:focus {
  color: #666;
}

.uk-nav-primary .uk-nav-sub li.uk-active > a {
  color: #333;
}

/* Alignment modifier ========================================================================== */
.uk-nav-center {
  text-align: center;
}

/* Sublists */
.uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul {
  padding-left: 0;
}

/* Parent icon modifier  */
.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
  position: absolute;
}

/* ======================================================================== Component: Navbar ========================================================================== */
/* 1. Create position context to center navbar group */
.uk-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  position: relative;
}

/* Container ========================================================================== */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8;
}

/* Remove pseudo elements created by micro clearfix as precaution (if Container component is used) */
.uk-navbar-container > ::before, .uk-navbar-container > ::after {
  display: none !important;
}

/* Groups ========================================================================== */
/* 1. Align navs and items vertically if they have a different height 2. Note: IE 11 requires an extra `div` which affects the center selector */
.uk-navbar-left, .uk-navbar-right, .uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Horizontal alignment 1. Create position context for centered navbar with sub groups (left/right) 2. Fix text wrapping if content is larger than 50% of the container. 3. Needed for dropdowns because a new position context is created `z-index` must be smaller than off-canvas 4. Align sub groups for centered navbar */
.uk-navbar-right {
  margin-left: auto;
}

.uk-navbar-center:only-child {
  margin-left: auto;
  margin-right: auto; /* 1 */
  position: relative;
}

.uk-navbar-center:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); /* 2 */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 3 */
  z-index: 990;
}

/* 4 */
.uk-navbar-center-left, .uk-navbar-center-right {
  position: absolute;
  top: 0;
}

.uk-navbar-center-left {
  right: 100%;
}

.uk-navbar-center-right {
  left: 100%;
}

[class*=uk-navbar-center-] {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Nav ========================================================================== */
/* 1. Reset list */
.uk-navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Allow items to wrap into the next line Only not `absolute` positioned groups */
.uk-navbar-left, .uk-navbar-right, .uk-navbar-center:only-child {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Items 1. Center content vertically and horizontally 2. Dimensions 3. Style 4. Required for `a` */
.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { /* 1 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; /* 2 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 80px;
  padding: 0 15px; /* 3 */
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  text-decoration: none;
}

/* Nav items */
.uk-navbar-nav > li > a {
  color: #999;
}

/* Hover Apply hover style also to focus state and if dropdown is opened */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {
  color: #666;
  outline: none;
}

/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #333;
}

/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #333;
}

/* Item ========================================================================== */
.uk-navbar-item {
  color: #666;
}

/* Toggle ========================================================================== */
.uk-navbar-toggle {
  color: #999;
}

.uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle.uk-open {
  color: #666;
  outline: none;
  text-decoration: none;
}

/* Icon Adopts `uk-icon` */
/* Hover + Focus */
/* Subtitle ========================================================================== */
.uk-navbar-subtitle {
  font-size: 0.875rem;
}

/* Style modifiers ========================================================================== */
/* Dropdown ========================================================================== */
/* Adopts `uk-dropdown` 1. Hide by default 2. Set position 3. Set a default width 4. Style */
.uk-navbar-dropdown { /* 1 */
  display: none; /* 2 */
  position: absolute;
  z-index: 1020; /* 3 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px; /* 4 */
  padding: 15px;
  background: #f8f8f8;
  color: #666;
}

/* Show */
.uk-navbar-dropdown.uk-open {
  display: block;
}

/* Direction / Alignment modifiers */
/* Direction */
[class*=uk-navbar-dropdown-top] {
  margin-top: 0;
}

[class*=uk-navbar-dropdown-bottom] {
  margin-top: 0;
}

[class*=uk-navbar-dropdown-left] {
  margin-left: 0;
}

[class*=uk-navbar-dropdown-right] {
  margin-left: 0;
}

/* Grid Adopts `uk-grid` */
/* Gutter Horizontal */
.uk-navbar-dropdown-grid {
  margin-left: -20px;
}

.uk-navbar-dropdown-grid > * {
  padding-left: 20px;
}

/* Gutter Vertical */
.uk-navbar-dropdown-grid > .uk-grid-margin {
  margin-top: 20px;
}

/* Stack */
.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
  width: 100% !important;
}

/* Width modifier */
.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
  width: 400px;
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
  width: 600px;
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
  width: 800px;
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
  width: 1000px;
}

/* Dropbar modifier */
.uk-navbar-dropdown-dropbar {
  margin-top: 0;
  margin-bottom: 0;
}

/* Dropdown Nav Adopts `uk-nav` ========================================================================== */
/* Items */
.uk-navbar-dropdown-nav > li > a {
  color: #999;
}

/* Hover + Focus */
.uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus {
  color: #666;
}

/* Active */
.uk-navbar-dropdown-nav > li.uk-active > a {
  color: #333;
}

/* Header */
.uk-navbar-dropdown-nav .uk-nav-header {
  color: #333;
}

/* Divider */
.uk-navbar-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5;
}

/* Sublists */
.uk-navbar-dropdown-nav .uk-nav-sub a {
  color: #999;
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav .uk-nav-sub a:focus {
  color: #666;
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
  color: #333;
}

/* Dropbar ========================================================================== */
.uk-navbar-dropbar {
  background: #f8f8f8;
}

/* Slide modifier */
.uk-navbar-dropbar-slide {
  position: absolute;
  z-index: 980;
  left: 0;
  right: 0;
}

/* ======================================================================== Component: Subnav ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Gutter 3. Reset list */
.uk-subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin-left: -20px; /* 3 */
  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-subnav > * { /* 1 */
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; /* 2 */
  padding-left: 20px; /* 3 */
  position: relative;
}

/* Items ========================================================================== */
/* Items must target `a` elements to exclude other elements (e.g. dropdowns) Using `:first-child` instead of `a` to support `span` elements for text 1. Prevent gap if child element is `inline-block`, e.g. an icon 2. Style */
.uk-subnav > * > :first-child { /* 1 */
  display: block; /* 2 */
  color: #999;
}

/* Hover + Focus */
.uk-subnav > * > a:hover, .uk-subnav > * > a:focus {
  color: #666;
  text-decoration: none;
  outline: none;
}

/* Active */
.uk-subnav > .uk-active > a {
  color: #333;
}

/* Divider modifier ========================================================================== */
/* Set gutter  */
.uk-subnav-divider {
  margin-left: -41px;
}

/* Align items and divider vertically */
.uk-subnav-divider > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Divider 1. `nth-child` makes it also work without JS if it's only one row */
.uk-subnav-divider > ::before {
  content: "";
  height: 1.5em;
  margin-left: 0px;
  margin-right: 20px;
  border-left: 1px solid transparent;
}

/* 1 */
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: #e5e5e5;
}

/* Pill modifier ========================================================================== */
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #999;
}

/* Hover + Focus */
.uk-subnav-pill > * > a:hover, .uk-subnav-pill > * > a:focus {
  background-color: #f8f8f8;
  color: #666;
}

/* OnClick */
.uk-subnav-pill > * > a:active {
  background-color: #f8f8f8;
  color: #666;
}

/* Active */
.uk-subnav-pill > .uk-active > a {
  background-color: #1e87f0;
  color: #fff;
}

/* Disabled The same for all style modifiers ========================================================================== */
.uk-subnav > .uk-disabled > a {
  color: #999;
}

/* ======================================================================== Component: Pagination ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Gutter 3. Reset list */
.uk-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin-left: 0; /* 3 */
  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 */
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; /* 2 */
  padding-left: 0; /* 3 */
  position: relative;
}

/* Items ========================================================================== */
/* 1. Prevent gap if child element is `inline-block`, e.g. an icon 2. Style */
.uk-pagination > * > * { /* 1 */
  display: block; /* 2 */
  padding: 5px 10px;
  color: #999;
}

/* Hover + Focus */
.uk-pagination > * > :hover, .uk-pagination > * > :focus {
  color: #666;
  text-decoration: none;
}

/* Active */
.uk-pagination > .uk-active > * {
  color: #666;
}

/* Disabled */
.uk-pagination > .uk-disabled > * {
  color: #999;
}

/* ======================================================================== Component: Tab ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Gutter 3. Reset list */
.uk-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin-left: -20px; /* 3 */
  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-tab > * { /* 1 */
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; /* 2 */
  padding-left: 20px; /* 3 */
  position: relative;
}

/* Items ========================================================================== */
/* Items must target `a` elements to exclude other elements (e.g. dropdowns) 1. Center text if a width is set 2. Style */
.uk-tab > * > a { /* 1 */
  display: block;
  text-align: center; /* 2 */
  padding: 5px 10px;
  color: #999;
}

/* Hover + Focus */
.uk-tab > * > a:hover, .uk-tab > * > a:focus {
  color: #666;
  text-decoration: none;
}

/* Active */
.uk-tab > .uk-active > a {
  color: #333;
}

/* Disabled */
.uk-tab > .uk-disabled > a {
  color: #999;
}

/* Position modifier ========================================================================== */
/* Bottom */
/* Left + Right 1. Reset Gutter */
.uk-tab-left, .uk-tab-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; /* 1 */
  margin-left: 0;
}

/* 1 */
.uk-tab-left > *, .uk-tab-right > * {
  padding-left: 0;
}

.uk-tab-left > * > a {
  text-align: left;
}

.uk-tab-right > * > a {
  text-align: left;
}

/* ======================================================================== Component: Slidenav ========================================================================== */
/* Adopts `uk-icon` */
.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, 0.5);
}

/* Hover + Focus */
.uk-slidenav:hover, .uk-slidenav:focus {
  color: rgba(102, 102, 102, 0.9);
  outline: none;
}

/* 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* ======================================================================== Component: Dotnav ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Reset list 3. Gutter */
.uk-dotnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  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 */
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; /* 2 */
  padding-left: 12px;
}

/* Items ========================================================================== */
/* Items 1. Hide text if present */
.uk-dotnav > * > * {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(102, 102, 102, 0.2); /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Hover + Focus */
.uk-dotnav > * > :hover, .uk-dotnav > * > :focus {
  background-color: rgba(102, 102, 102, 0.6);
  outline: none;
}

/* OnClick */
.uk-dotnav > * > :active {
  background-color: rgba(102, 102, 102, 0.2);
}

/* Active */
.uk-dotnav > .uk-active > * {
  background-color: rgba(102, 102, 102, 0.6);
}

/* Modifier: 'uk-dotnav-vertical' ========================================================================== */
/* 1. Change direction 2. Gutter */
.uk-dotnav-vertical { /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; /* 2 */
  margin-left: 0;
  margin-top: -12px;
}

/* 2 */
.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}

/* ======================================================================== Component: Thumbnav ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Reset list 3. Gutter */
.uk-thumbnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin: 0;
  padding: 0;
  list-style: none; /* 3 */
  margin-left: -15px;
}

/* Space is allocated based on content dimensions, but shrinks: 0 1 auto 1. Gutter */
.uk-thumbnav > * { /* 1 */
  padding-left: 15px;
}

/* Items ========================================================================== */
/* Items */
.uk-thumbnav > * > * {
  display: inline-block;
}

/* Hover + Focus */
.uk-thumbnav > * > :hover, .uk-thumbnav > * > :focus {
  outline: none;
}

/* Active */
/* Modifier: 'uk-thumbnav-vertical' ========================================================================== */
/* 1. Change direction 2. Gutter */
.uk-thumbnav-vertical { /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; /* 2 */
  margin-left: 0;
  margin-top: -15px;
}

/* 2 */
.uk-thumbnav-vertical > * {
  padding-left: 0;
  padding-top: 15px;
}

/* ======================================================================== Component: Iconnav ========================================================================== */
/* 1. Allow items to wrap into the next line 2. Reset list 3. Gutter */
.uk-iconnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 1 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /* 2 */
  margin: 0;
  padding: 0;
  list-style: none; /* 3 */
  margin-left: -10px;
}

/* Space is allocated based on content dimensions, but shrinks: 0 1 auto 1. Gutter */
.uk-iconnav > * { /* 1 */
  padding-left: 10px;
}

/* Items ========================================================================== */
/* Items must target `a` elements to exclude other elements (e.g. dropdowns) 1. Prevent gap if child element is `inline-block`, e.g. an icon 2. Style */
.uk-iconnav > * > a { /* 1 */
  display: block; /* 2 */
  color: #999;
}

/* Hover + Focus */
.uk-iconnav > * > a:hover, .uk-iconnav > * > a:focus {
  color: #666;
  outline: none;
}

/* Active */
.uk-iconnav > .uk-active > a {
  color: #666;
}

/* Modifier: 'uk-iconnav-vertical' ========================================================================== */
/* 1. Change direction 2. Gutter */
.uk-iconnav-vertical { /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; /* 2 */
  margin-left: 0;
  margin-top: -10px;
}

/* 2 */
.uk-iconnav-vertical > * {
  padding-left: 0;
  padding-top: 10px;
}

/* ======================================================================== 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;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; /* 7 */
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

/* Open 1. Center child 2. Fade-in */
.uk-lightbox.uk-open {
  display: block; /* 2 */
  opacity: 1;
}

/* 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 Using `vh` and `vw` to make responsive image work in IE11 6. Suppress outline on focus */
.uk-lightbox-items > * { /* 1 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* 2 */
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: 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;
}

/* 6 */
.uk-lightbox-items > :focus {
  outline: none;
}

.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}

.uk-lightbox-items > .uk-active {
  display: -webkit-box;
  display: -ms-flexbox;
  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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7); /* 1 */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Hover + Focus */
.uk-lightbox-button:hover, .uk-lightbox-button:focus {
  color: #fff;
}

/* OnClick */
/* Caption ========================================================================== */
.uk-lightbox-caption:empty {
  display: none;
}

/* Iframe ========================================================================== */
.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}

/* ======================================================================== Component: Animation ========================================================================== */
[class*=uk-animation-] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Animations ========================================================================== */
/* Fade */
.uk-animation-fade {
  -webkit-animation-name: uk-fade;
  animation-name: uk-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* Scale */
.uk-animation-scale-up {
  -webkit-animation-name: uk-fade-scale-02;
  animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
  -webkit-animation-name: uk-fade-scale-18;
  animation-name: uk-fade-scale-18;
}

/* Slide */
.uk-animation-slide-top {
  -webkit-animation-name: uk-fade-top;
  animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
  -webkit-animation-name: uk-fade-bottom;
  animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
  -webkit-animation-name: uk-fade-left;
  animation-name: uk-fade-left;
}

.uk-animation-slide-right {
  -webkit-animation-name: uk-fade-right;
  animation-name: uk-fade-right;
}

/* Slide Small */
.uk-animation-slide-top-small {
  -webkit-animation-name: uk-fade-top-small;
  animation-name: uk-fade-top-small;
}

.uk-animation-slide-bottom-small {
  -webkit-animation-name: uk-fade-bottom-small;
  animation-name: uk-fade-bottom-small;
}

.uk-animation-slide-left-small {
  -webkit-animation-name: uk-fade-left-small;
  animation-name: uk-fade-left-small;
}

.uk-animation-slide-right-small {
  -webkit-animation-name: uk-fade-right-small;
  animation-name: uk-fade-right-small;
}

/* Slide Medium */
.uk-animation-slide-top-medium {
  -webkit-animation-name: uk-fade-top-medium;
  animation-name: uk-fade-top-medium;
}

.uk-animation-slide-bottom-medium {
  -webkit-animation-name: uk-fade-bottom-medium;
  animation-name: uk-fade-bottom-medium;
}

.uk-animation-slide-left-medium {
  -webkit-animation-name: uk-fade-left-medium;
  animation-name: uk-fade-left-medium;
}

.uk-animation-slide-right-medium {
  -webkit-animation-name: uk-fade-right-medium;
  animation-name: uk-fade-right-medium;
}

/* Kenburns */
.uk-animation-kenburns {
  -webkit-animation-name: uk-scale-kenburns;
  animation-name: uk-scale-kenburns;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

/* Shake */
.uk-animation-shake {
  -webkit-animation-name: uk-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 {
  -webkit-animation-name: uk-stroke;
  animation-name: uk-stroke;
  stroke-dasharray: var(--uk-animation-stroke);
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* Direction modifier ========================================================================== */
.uk-animation-reverse {
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Duration modifier ========================================================================== */
.uk-animation-fast {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}

/* Toggle (Hover + Focus)
========================================================================== */
/* The toggle is triggered on touch devices using `:focus` and tabindex */
.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
  -webkit-animation-name: none;
  animation-name: none;
}

/* 1. Prevent tab highlighting on iOS. */
.uk-animation-toggle { /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Remove outline for `tabindex` */
.uk-animation-toggle:focus {
  outline: none;
}

/* Keyframes used by animation classes ========================================================================== */
/* Fade */
@-webkit-keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Slide Top */
@-webkit-keyframes uk-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Bottom */
@-webkit-keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Left */
@-webkit-keyframes uk-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Slide Right */
@-webkit-keyframes uk-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Slide Top Small */
@-webkit-keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Bottom Small */
@-webkit-keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Left Small */
@-webkit-keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Slide Right Small */
@-webkit-keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Slide Top Medium */
@-webkit-keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Bottom Medium */
@-webkit-keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Slide Left Medium */
@-webkit-keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Slide Right Medium */
@-webkit-keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Scale Up */
@-webkit-keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Scale Down */
@-webkit-keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Kenburns */
@-webkit-keyframes uk-scale-kenburns {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes uk-scale-kenburns {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
/* Shake */
@-webkit-keyframes uk-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
@keyframes uk-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
/* Stroke */
@-webkit-keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ======================================================================== Component: Width ========================================================================== */
/* Equal child widths ========================================================================== */
[class*=uk-child-width] > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.uk-child-width-1-2 > * {
  width: 50%;
}

.uk-child-width-1-3 > * {
  width: -webkit-calc(100% * 1 / 3.001);
  width: 33.3222259247%;
}

.uk-child-width-1-4 > * {
  width: 25%;
}

.uk-child-width-1-5 > * {
  width: 20%;
}

.uk-child-width-1-6 > * {
  width: -webkit-calc(100% * 1 / 6.001);
  width: 16.6638893518%;
}

.uk-child-width-auto > * {
  width: auto;
}

/* 1. Reset the `min-width`, which is set to auto by default, because flex items won't shrink below their minimum intrinsic content size. Using `1px` instead of `0`, so items still wrap into the next line, if they have zero width and padding and the predecessor is 100% wide. */
.uk-child-width-expand > :not([class*=uk-width]) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; /* 1 */
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }
  .uk-child-width-1-3\@s > * {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }
  .uk-child-width-1-6\@s > * {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > :not([class*=uk-width]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }
  .uk-child-width-1-3\@m > * {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }
  .uk-child-width-1-6\@m > * {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > :not([class*=uk-width]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }
  .uk-child-width-1-2\@l > * {
    width: 50%;
  }
  .uk-child-width-1-3\@l > * {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-child-width-1-4\@l > * {
    width: 25%;
  }
  .uk-child-width-1-5\@l > * {
    width: 20%;
  }
  .uk-child-width-1-6\@l > * {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-child-width-auto\@l > * {
    width: auto;
  }
  .uk-child-width-expand\@l > :not([class*=uk-width]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }
  .uk-child-width-1-3\@xl > * {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }
  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }
  .uk-child-width-1-6\@xl > * {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-child-width-auto\@xl > * {
    width: auto;
  }
  .uk-child-width-expand\@xl > :not([class*=uk-width]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Single Widths ========================================================================== */
/* 1. `max-width` is needed for the pixel-based classes */
[class*=uk-width] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; /* 1 */
  max-width: 100%;
}

/* Halves */
.uk-width-1-2 {
  width: 50%;
}

/* Thirds */
.uk-width-1-3 {
  width: -webkit-calc(100% * 1 / 3.001);
  width: 33.3222259247%;
}

.uk-width-2-3 {
  width: -webkit-calc(100% * 2 / 3.001);
  width: 66.6444518494%;
}

/* Quarters */
.uk-width-1-4 {
  width: 25%;
}

.uk-width-3-4 {
  width: 75%;
}

/* Fifths */
.uk-width-1-5 {
  width: 20%;
}

.uk-width-2-5 {
  width: 40%;
}

.uk-width-3-5 {
  width: 60%;
}

.uk-width-4-5 {
  width: 80%;
}

/* Sixths */
.uk-width-1-6 {
  width: -webkit-calc(100% * 1 / 6.001);
  width: 16.6638893518%;
}

.uk-width-5-6 {
  width: -webkit-calc(100% * 5 / 6.001);
  width: 83.3194467589%;
}

/* Pixel */
.uk-width-small {
  width: 150px;
}

.uk-width-medium {
  width: 300px;
}

.uk-width-large {
  width: 450px;
}

.uk-width-xlarge {
  width: 600px;
}

.uk-width-2xlarge {
  width: 750px;
}

/* Auto */
.uk-width-auto {
  width: auto;
}

/* Expand */
.uk-width-expand {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) { /* Whole */
  .uk-width-1-1\@s {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@s {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@s {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-width-2-3\@s {
    width: -webkit-calc(100% * 2 / 3.001);
    width: 66.6444518494%;
  }
  /* Quarters */
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@s {
    width: 20%;
  }
  .uk-width-2-5\@s {
    width: 40%;
  }
  .uk-width-3-5\@s {
    width: 60%;
  }
  .uk-width-4-5\@s {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@s {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-width-5-6\@s {
    width: -webkit-calc(100% * 5 / 6.001);
    width: 83.3194467589%;
  }
  /* Pixel */
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 300px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-2xlarge\@s {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@s {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@s {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) { /* Whole */
  .uk-width-1-1\@m {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@m {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@m {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-width-2-3\@m {
    width: -webkit-calc(100% * 2 / 3.001);
    width: 66.6444518494%;
  }
  /* Quarters */
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@m {
    width: 20%;
  }
  .uk-width-2-5\@m {
    width: 40%;
  }
  .uk-width-3-5\@m {
    width: 60%;
  }
  .uk-width-4-5\@m {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@m {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-width-5-6\@m {
    width: -webkit-calc(100% * 5 / 6.001);
    width: 83.3194467589%;
  }
  /* Pixel */
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 300px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-2xlarge\@m {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@m {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@m {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) { /* Whole */
  .uk-width-1-1\@l {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@l {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@l {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-width-2-3\@l {
    width: -webkit-calc(100% * 2 / 3.001);
    width: 66.6444518494%;
  }
  /* Quarters */
  .uk-width-1-4\@l {
    width: 25%;
  }
  .uk-width-3-4\@l {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@l {
    width: 20%;
  }
  .uk-width-2-5\@l {
    width: 40%;
  }
  .uk-width-3-5\@l {
    width: 60%;
  }
  .uk-width-4-5\@l {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@l {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-width-5-6\@l {
    width: -webkit-calc(100% * 5 / 6.001);
    width: 83.3194467589%;
  }
  /* Pixel */
  .uk-width-small\@l {
    width: 150px;
  }
  .uk-width-medium\@l {
    width: 300px;
  }
  .uk-width-large\@l {
    width: 450px;
  }
  .uk-width-xlarge\@l {
    width: 600px;
  }
  .uk-width-2xlarge\@l {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@l {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@l {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) { /* Whole */
  .uk-width-1-1\@xl {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@xl {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@xl {
    width: -webkit-calc(100% * 1 / 3.001);
    width: 33.3222259247%;
  }
  .uk-width-2-3\@xl {
    width: -webkit-calc(100% * 2 / 3.001);
    width: 66.6444518494%;
  }
  /* Quarters */
  .uk-width-1-4\@xl {
    width: 25%;
  }
  .uk-width-3-4\@xl {
    width: 75%;
  }
  /* Fifths */
  .uk-width-1-5\@xl {
    width: 20%;
  }
  .uk-width-2-5\@xl {
    width: 40%;
  }
  .uk-width-3-5\@xl {
    width: 60%;
  }
  .uk-width-4-5\@xl {
    width: 80%;
  }
  /* Sixths */
  .uk-width-1-6\@xl {
    width: -webkit-calc(100% * 1 / 6.001);
    width: 16.6638893518%;
  }
  .uk-width-5-6\@xl {
    width: -webkit-calc(100% * 5 / 6.001);
    width: 83.3194467589%;
  }
  /* Pixel */
  .uk-width-small\@xl {
    width: 150px;
  }
  .uk-width-medium\@xl {
    width: 300px;
  }
  .uk-width-large\@xl {
    width: 450px;
  }
  .uk-width-xlarge\@xl {
    width: 600px;
  }
  .uk-width-2xlarge\@xl {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@xl {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@xl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
  }
}
/* ======================================================================== Component: Height ========================================================================== */
[class*=uk-height] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Only works if parent element has a height set */
.uk-height-1-1 {
  height: 100%;
}

/* Useful to create image teasers */
.uk-height-viewport {
  min-height: 100vh;
}

/* Pixel Useful for `overflow: auto` */
.uk-height-small {
  height: 150px;
}

.uk-height-medium {
  height: 300px;
}

.uk-height-large {
  height: 450px;
}

.uk-height-max-small {
  max-height: 150px;
}

.uk-height-max-medium {
  max-height: 300px;
}

.uk-height-max-large {
  max-height: 450px;
}

/* ======================================================================== Component: Column ========================================================================== */
[class*=uk-column-] {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  [class*=uk-column-] {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
/* Fix image 1px line wrapping into the next column in Chrome */
[class*=uk-column-] img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Divider ========================================================================== */
/* 1. Double the column gap */
.uk-column-divider {
  -webkit-column-rule: 1px solid #e5e5e5;
  -moz-column-rule: 1px solid #e5e5e5;
  column-rule: 1px solid #e5e5e5; /* 1 */
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-column-divider {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
/* Width modifiers ========================================================================== */
.uk-column-1-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.uk-column-1-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.uk-column-1-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.uk-column-1-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

.uk-column-1-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-column-1-2\@s {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@s {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@s {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@s {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@s {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-column-1-2\@m {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@m {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@m {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@m {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@m {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-column-1-2\@l {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@l {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@l {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@l {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@l {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-column-1-2\@xl {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .uk-column-1-3\@xl {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .uk-column-1-4\@xl {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .uk-column-1-5\@xl {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .uk-column-1-6\@xl {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Make element span across all columns Does not work in Firefox yet ========================================================================== */
.uk-column-span {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}

/* ======================================================================== Component: Cover ========================================================================== */
/* Works with iframes and embedded content 1. Reset responsiveness for embedded content 2. Center object Note: Percent values on the `top` property only works if this element is absolute positioned or if the container has a height */
.uk-cover { /* 1 */
  max-width: none; /* 2 */
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

iframe.uk-cover {
  pointer-events: none;
}

/* Container ========================================================================== */
/* 1. Parent container which clips resized object 2. Needed if the child is positioned absolute. See note above */
.uk-cover-container { /* 1 */
  overflow: hidden; /* 2 */
  position: relative;
}

/* ======================================================================== Component: Background ========================================================================== */
/* Color ========================================================================== */
.uk-background-default {
  background-color: #fff;
}

.uk-background-muted {
  background-color: #f8f8f8;
}

.uk-background-primary {
  background-color: #1e87f0;
}

.uk-background-secondary {
  background-color: #222;
}

/* Size ========================================================================== */
.uk-background-cover, .uk-background-contain {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.uk-background-cover {
  background-size: cover;
}

.uk-background-contain {
  background-size: contain;
}

/* Position ========================================================================== */
.uk-background-top-left {
  background-position: 0 0;
}

.uk-background-top-center {
  background-position: 50% 0;
}

.uk-background-top-right {
  background-position: 100% 0;
}

.uk-background-center-left {
  background-position: 0 50%;
}

.uk-background-center-center {
  background-position: 50% 50%;
}

.uk-background-center-right {
  background-position: 100% 50%;
}

.uk-background-bottom-left {
  background-position: 0 100%;
}

.uk-background-bottom-center {
  background-position: 50% 100%;
}

.uk-background-bottom-right {
  background-position: 100% 100%;
}

/* Repeat ========================================================================== */
.uk-background-norepeat {
  background-repeat: no-repeat;
}

/* Attachment ========================================================================== */
/* 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` */
.uk-background-fixed {
  background-attachment: fixed; /* 1 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Exclude touch devices because `fixed` doesn't work on iOS and Android */
@media (pointer: coarse) {
  .uk-background-fixed {
    background-attachment: scroll;
  }
}
/* Image ========================================================================== */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-background-image\@s {
    background-image: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-background-image\@m {
    background-image: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .uk-background-image\@l {
    background-image: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1599px) {
  .uk-background-image\@xl {
    background-image: none !important;
  }
}
/* Blend modes ========================================================================== */
.uk-background-blend-multiply {
  background-blend-mode: multiply;
}

.uk-background-blend-screen {
  background-blend-mode: screen;
}

.uk-background-blend-overlay {
  background-blend-mode: overlay;
}

.uk-background-blend-darken {
  background-blend-mode: darken;
}

.uk-background-blend-lighten {
  background-blend-mode: lighten;
}

.uk-background-blend-color-dodge {
  background-blend-mode: color-dodge;
}

.uk-background-blend-color-burn {
  background-blend-mode: color-burn;
}

.uk-background-blend-hard-light {
  background-blend-mode: hard-light;
}

.uk-background-blend-soft-light {
  background-blend-mode: soft-light;
}

.uk-background-blend-difference {
  background-blend-mode: difference;
}

.uk-background-blend-exclusion {
  background-blend-mode: exclusion;
}

.uk-background-blend-hue {
  background-blend-mode: hue;
}

.uk-background-blend-saturation {
  background-blend-mode: saturation;
}

.uk-background-blend-color {
  background-blend-mode: color;
}

.uk-background-blend-luminosity {
  background-blend-mode: luminosity;
}

/* ======================================================================== Component: Align ========================================================================== */
/* Default */
[class*=uk-align] {
  display: block;
  margin-bottom: 20px;
}

* + [class*=uk-align] {
  margin-top: 20px;
}

/* Center */
.uk-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* Left/Right */
.uk-align-left {
  margin-top: 0;
  margin-right: 20px;
  float: left;
}

.uk-align-right {
  margin-top: 0;
  margin-left: 20px;
  float: right;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-align-left\@s {
    margin-top: 0;
    margin-right: 20px;
    float: left;
  }
  .uk-align-right\@s {
    margin-top: 0;
    margin-left: 20px;
    float: right;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-align-left\@m {
    margin-top: 0;
    margin-right: 20px;
    float: left;
  }
  .uk-align-right\@m {
    margin-top: 0;
    margin-left: 20px;
    float: right;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-align-left\@l {
    margin-top: 0;
    float: left;
  }
  .uk-align-right\@l {
    margin-top: 0;
    float: right;
  }
  .uk-align-left, .uk-align-left\@s, .uk-align-left\@m, .uk-align-left\@l {
    margin-right: 20px;
  }
  .uk-align-right, .uk-align-right\@s, .uk-align-right\@m, .uk-align-right\@l {
    margin-left: 20px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-align-left\@xl {
    margin-top: 0;
    margin-right: 20px;
    float: left;
  }
  .uk-align-right\@xl {
    margin-top: 0;
    margin-left: 20px;
    float: right;
  }
}
/* ======================================================================== Component: SVG ========================================================================== */
/* 1. Fill all SVG elements with the current text color if no `fill` attribute is set 2. Set the fill and stroke color of all SVG elements to the current text color */
/* 1 */
.uk-svg, .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: currentcolor;
}

.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: currentcolor;
}

/* Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 */
.uk-svg {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ======================================================================== Component: Utility ========================================================================== */
/* Panel ========================================================================== */
.uk-panel {
  display: flow-root;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove margin from the last-child */
.uk-panel > :last-child {
  margin-bottom: 0;
}

/* Scrollable */
.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both;
}

/* Clearfix ========================================================================== */
/* 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit 2. `table` is used again with `::after` because `clear` only works with block elements. Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */
/* 1 */
.uk-clearfix::before {
  content: "";
  display: table-cell;
}

/* 2 */
.uk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Float ========================================================================== */
/* 1. Prevent content overflow */
.uk-float-left {
  float: left;
}

.uk-float-right {
  float: right;
}

/* 1 */
[class*=uk-float-] {
  max-width: 100%;
}

/* Overfow ========================================================================== */
.uk-overflow-hidden {
  overflow: hidden;
}

/* Enable scrollbars if content is clipped Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
.uk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.uk-overflow-auto > :last-child {
  margin-bottom: 0;
}

/* Resize ========================================================================== */
.uk-resize {
  resize: both;
}

.uk-resize-vertical {
  resize: vertical;
}

/* Display ========================================================================== */
.uk-display-block {
  display: block !important;
}

.uk-display-inline {
  display: inline !important;
}

.uk-display-inline-block {
  display: inline-block !important;
}

/* Inline ========================================================================== */
/* 1. Container fits its content 2. Create position context 3. Prevent content overflow 4. Behave like most inline-block elements 5. Force hardware acceleration without creating a new stacking context to fix 1px glitch when combined with overlays and transitions in Webkit 6. Clip child elements */
[class*=uk-inline] { /* 1 */
  display: inline-block; /* 2 */
  position: relative; /* 3 */
  max-width: 100%; /* 4 */
  vertical-align: middle; /* 5 */
  -webkit-backface-visibility: hidden;
}

.uk-inline-clip { /* 6 */
  overflow: hidden;
}

/* Responsive objects ========================================================================== */
/* Preserve original dimensions Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component */
.uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video {
  max-width: none;
}

/* Responsiveness Corrects `max-width` and `max-height` behavior if padding and border are used */
.uk-responsive-width, .uk-responsive-height {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 1. Set a maximum width. `important` needed to override `uk-preserve-width img` 2. Auto scale the height. Only needed if `height` attribute is present */
.uk-responsive-width { /* 1 */
  max-width: 100% !important; /* 2 */
  height: auto;
}

/* 1. Set a maximum height. Only works if the parent element has a fixed height 2. Auto scale the width. Only needed if `width` attribute is present 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default */
.uk-responsive-height { /* 1 */
  max-height: 100%; /* 2 */
  width: auto; /* 3 */
  max-width: none;
}

/* Border ========================================================================== */
.uk-border-circle {
  border-radius: 50%;
}

.uk-border-pill {
  border-radius: 500px;
}

.uk-border-rounded {
  border-radius: 5px;
}

/* Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit */
.uk-inline-clip[class*=uk-border-] {
  -webkit-transform: translateZ(0);
}

/* Box-shadow ========================================================================== */
.uk-box-shadow-small {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-medium {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-large {
  -webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-xlarge {
  -webkit-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/* Hover */
[class*=uk-box-shadow-hover] {
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  transition: -webkit-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
}

.uk-box-shadow-hover-small:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-medium:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-box-shadow-hover-large:hover {
  -webkit-box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-box-shadow-hover-xlarge:hover {
  -webkit-box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}

/* Box-shadow bottom ========================================================================== */
/* 1. Set position. 2. Set style 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. Solved by using `before` and add position context to child elements. */
@supports (filter: blur(0)) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
  }
  .uk-box-shadow-bottom::before {
    content: ""; /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0; /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  /* 3 */
  .uk-box-shadow-bottom > * {
    position: relative;
  }
}
/* Drop cap ========================================================================== */
/* 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements https://bugzilla.mozilla.org/show_bug.cgi?id=214004 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` https://bugzilla.mozilla.org/show_bug.cgi?id=317933 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector This doubles the `font-size` exponential when using the `em` unit. */
.uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
}

/* 2 */
@-moz-document url-prefix() {
  .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}
/* 3 */
@supports (-ms-ime-align: auto) {
  .uk-dropcap > p:first-of-type::first-letter {
    font-size: 1em;
  }
}
/* Logo ========================================================================== */
/* 1. Required for `a` */
.uk-logo {
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #666; /* 1 */
  text-decoration: none;
}

/* Hover + Focus */
.uk-logo:hover, .uk-logo:focus {
  color: #666;
  outline: none; /* 1 */
  text-decoration: none;
}

.uk-logo-inverse {
  display: none;
}

/* Disabled State ========================================================================== */
.uk-disabled {
  pointer-events: none;
}

/* Drag State ========================================================================== */
/* 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons 2. Fix dragging over iframes */
.uk-drag, .uk-drag * {
  cursor: move;
}

/* 2 */
.uk-drag iframe {
  pointer-events: none;
}

/* Dragover State ========================================================================== */
/* Create a box-shadow when dragging a file over the upload area */
.uk-dragover {
  -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}

/* Blend modes ========================================================================== */
.uk-blend-multiply {
  mix-blend-mode: multiply;
}

.uk-blend-screen {
  mix-blend-mode: screen;
}

.uk-blend-overlay {
  mix-blend-mode: overlay;
}

.uk-blend-darken {
  mix-blend-mode: darken;
}

.uk-blend-lighten {
  mix-blend-mode: lighten;
}

.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}

.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}

.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}

.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}

.uk-blend-difference {
  mix-blend-mode: difference;
}

.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}

.uk-blend-hue {
  mix-blend-mode: hue;
}

.uk-blend-saturation {
  mix-blend-mode: saturation;
}

.uk-blend-color {
  mix-blend-mode: color;
}

.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}

/* Transform
========================================================================== */
.uk-transform-center {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Transform Origin
========================================================================== */
.uk-transform-origin-top-left {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.uk-transform-origin-top-center {
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.uk-transform-origin-top-right {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.uk-transform-origin-center-left {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.uk-transform-origin-center-right {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.uk-transform-origin-bottom-left {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.uk-transform-origin-bottom-center {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.uk-transform-origin-bottom-right {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* ======================================================================== Component: Flex ========================================================================== */
.uk-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.uk-flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* Remove pseudo elements created by micro clearfix as precaution */
.uk-flex::before, .uk-flex::after, .uk-flex-inline::before, .uk-flex-inline::after {
  display: none;
}

/* Alignment ========================================================================== */
/* Align items along the main axis of the current line of the flex container Row: Horizontal */
.uk-flex-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.uk-flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uk-flex-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.uk-flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.uk-flex-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-left\@s {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .uk-flex-center\@s {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .uk-flex-right\@s {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .uk-flex-between\@s {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .uk-flex-around\@s {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-left\@m {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .uk-flex-center\@m {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .uk-flex-right\@m {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .uk-flex-between\@m {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .uk-flex-around\@m {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-left\@l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .uk-flex-center\@l {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .uk-flex-right\@l {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .uk-flex-between\@l {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .uk-flex-around\@l {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-left\@xl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .uk-flex-center\@xl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .uk-flex-right\@xl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .uk-flex-between\@xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .uk-flex-around\@xl {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
/* Align items in the cross axis of the current line of the flex container Row: Vertical */
.uk-flex-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.uk-flex-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.uk-flex-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.uk-flex-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* Direction ========================================================================== */
.uk-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.uk-flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.uk-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uk-flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* Wrap ========================================================================== */
.uk-flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.uk-flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.uk-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

/* Aligns items within the flex container when there is extra space in the cross-axis Only works if there is more than one line of flex items */
.uk-flex-wrap-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.uk-flex-wrap-top {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.uk-flex-wrap-middle {
  -ms-flex-line-pack: center;
  align-content: center;
}

.uk-flex-wrap-bottom {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.uk-flex-wrap-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.uk-flex-wrap-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

/* Item ordering ========================================================================== */
/* Default is 0 */
.uk-flex-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.uk-flex-last {
  -webkit-box-ordinal-group: 100;
  -ms-flex-order: 99;
  order: 99;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-first\@s {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .uk-flex-last\@s {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-first\@m {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .uk-flex-last\@m {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-first\@l {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .uk-flex-last\@l {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-first\@xl {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .uk-flex-last\@xl {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
  }
}
/* Item dimensions ========================================================================== */
/* Initial: 0 1 auto Content dimensions, but shrinks */
/* No Flex: 0 0 auto Content dimensions */
.uk-flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

/* Relative Flex: 1 1 auto Space is allocated considering content */
.uk-flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

/* Absolute Flex: 1 1 0% Space is allocated solely based on flex */
.uk-flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* ======================================================================== Component: Margin ========================================================================== */
/* Default */
.uk-margin {
  margin-bottom: 20px;
}

* + .uk-margin {
  margin-top: 20px !important;
}

.uk-margin-top {
  margin-top: 20px !important;
}

.uk-margin-bottom {
  margin-bottom: 20px !important;
}

.uk-margin-left {
  margin-left: 20px !important;
}

.uk-margin-right {
  margin-right: 20px !important;
}

/* Small ========================================================================== */
.uk-margin-small {
  margin-bottom: 10px;
}

* + .uk-margin-small {
  margin-top: 10px !important;
}

.uk-margin-small-top {
  margin-top: 10px !important;
}

.uk-margin-small-bottom {
  margin-bottom: 10px !important;
}

.uk-margin-small-left {
  margin-left: 10px !important;
}

.uk-margin-small-right {
  margin-right: 10px !important;
}

/* Medium ========================================================================== */
.uk-margin-medium {
  margin-bottom: 40px;
}

* + .uk-margin-medium {
  margin-top: 40px !important;
}

.uk-margin-medium-top {
  margin-top: 40px !important;
}

.uk-margin-medium-bottom {
  margin-bottom: 40px !important;
}

.uk-margin-medium-left {
  margin-left: 40px !important;
}

.uk-margin-medium-right {
  margin-right: 40px !important;
}

/* Large ========================================================================== */
.uk-margin-large {
  margin-bottom: 40px;
}

* + .uk-margin-large {
  margin-top: 40px !important;
}

.uk-margin-large-top {
  margin-top: 40px !important;
}

.uk-margin-large-bottom {
  margin-bottom: 40px !important;
}

.uk-margin-large-left {
  margin-left: 40px !important;
}

.uk-margin-large-right {
  margin-right: 40px !important;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-large {
    margin-bottom: 70px;
  }
  * + .uk-margin-large {
    margin-top: 70px !important;
  }
  .uk-margin-large-top {
    margin-top: 70px !important;
  }
  .uk-margin-large-bottom {
    margin-bottom: 70px !important;
  }
  .uk-margin-large-left {
    margin-left: 70px !important;
  }
  .uk-margin-large-right {
    margin-right: 70px !important;
  }
}
/* XLarge ========================================================================== */
.uk-margin-xlarge {
  margin-bottom: 70px;
}

* + .uk-margin-xlarge {
  margin-top: 70px !important;
}

.uk-margin-xlarge-top {
  margin-top: 70px !important;
}

.uk-margin-xlarge-bottom {
  margin-bottom: 70px !important;
}

.uk-margin-xlarge-left {
  margin-left: 70px !important;
}

.uk-margin-xlarge-right {
  margin-right: 70px !important;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }
  * + .uk-margin-xlarge {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-top {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important;
  }
  .uk-margin-xlarge-left {
    margin-left: 140px !important;
  }
  .uk-margin-xlarge-right {
    margin-right: 140px !important;
  }
}
/* Auto ========================================================================== */
.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.uk-margin-auto-top {
  margin-top: auto !important;
}

.uk-margin-auto-bottom {
  margin-bottom: auto !important;
}

.uk-margin-auto-left {
  margin-left: auto !important;
}

.uk-margin-auto-right {
  margin-right: auto !important;
}

.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@s {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@s {
    margin-right: auto !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@m {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@m {
    margin-right: auto !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@l {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@l {
    margin-right: auto !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@xl {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}
/* Remove ========================================================================== */
.uk-margin-remove {
  margin: 0 !important;
}

.uk-margin-remove-top {
  margin-top: 0 !important;
}

.uk-margin-remove-bottom {
  margin-bottom: 0 !important;
}

.uk-margin-remove-left {
  margin-left: 0 !important;
}

.uk-margin-remove-right {
  margin-right: 0 !important;
}

.uk-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child {
  margin-top: 0 !important;
}

.uk-margin-remove-last-child > :last-child {
  margin-bottom: 0 !important;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}
/* ======================================================================== Component: Padding ========================================================================== */
.uk-padding {
  padding: 20px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding {
    padding: 20px;
  }
}
/* Small ========================================================================== */
.uk-padding-small {
  padding: 15px;
}

/* Large ========================================================================== */
.uk-padding-large {
  padding: 20px;
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding-large {
    padding: 70px;
  }
}
/* Remove ========================================================================== */
.uk-padding-remove {
  padding: 0 !important;
}

.uk-padding-remove-top {
  padding-top: 0 !important;
}

.uk-padding-remove-bottom {
  padding-bottom: 0 !important;
}

.uk-padding-remove-left {
  padding-left: 0 !important;
}

.uk-padding-remove-right {
  padding-right: 0 !important;
}

.uk-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ======================================================================== Component: Position ========================================================================== */
/* Directions ========================================================================== */
/* 1. Prevent content overflow if `max-width: 100%` is used inside position container. */
[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: 100%;
}

/* Edges ========================================================================== */
/* Don't use `width: 100%` because it is 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. */
.uk-position-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); /* 1 */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Vertical */
[class*=uk-position-center-left], [class*=uk-position-center-right] {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.uk-position-center-left {
  left: 0;
}

.uk-position-center-right {
  right: 0;
}

.uk-position-center-left-out {
  right: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.uk-position-center-right-out {
  left: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Horizontal */
.uk-position-top-center, .uk-position-bottom-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); /* 1 */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.uk-position-top-center {
  top: 0;
}

.uk-position-bottom-center {
  bottom: 0;
}

/* Cover ========================================================================== */
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Utility ========================================================================== */
.uk-position-relative {
  position: relative !important;
}

.uk-position-absolute {
  position: absolute !important;
}

.uk-position-fixed {
  position: fixed !important;
}

.uk-position-z-index {
  z-index: 1;
}

/* Margin modifier ========================================================================== */
/* Small */
.uk-position-small {
  max-width: calc(100% - 30px);
  margin: 15px;
}

.uk-position-small.uk-position-center {
  -webkit-transform: translate(-50%, -50%) translate(-15px, -15px);
  -ms-transform: translate(-50%, -50%) translate(-15px, -15px);
  transform: translate(-50%, -50%) translate(-15px, -15px);
}

.uk-position-small[class*=uk-position-center-left], .uk-position-small[class*=uk-position-center-right] {
  -webkit-transform: translateY(-50%) translateY(-15px);
  -ms-transform: translateY(-50%) translateY(-15px);
  transform: translateY(-50%) translateY(-15px);
}

.uk-position-small.uk-position-top-center, .uk-position-small.uk-position-bottom-center {
  -webkit-transform: translateX(-50%) translateX(-15px);
  -ms-transform: translateX(-50%) translateX(-15px);
  transform: translateX(-50%) translateX(-15px);
}

/* Medium */
.uk-position-medium {
  max-width: calc(100% - 40px);
  margin: 20px;
}

.uk-position-medium.uk-position-center {
  -webkit-transform: translate(-50%, -50%) translate(-20px, -20px);
  -ms-transform: translate(-50%, -50%) translate(-20px, -20px);
  transform: translate(-50%, -50%) translate(-20px, -20px);
}

.uk-position-medium[class*=uk-position-center-left], .uk-position-medium[class*=uk-position-center-right] {
  -webkit-transform: translateY(-50%) translateY(-20px);
  -ms-transform: translateY(-50%) translateY(-20px);
  transform: translateY(-50%) translateY(-20px);
}

.uk-position-medium.uk-position-top-center, .uk-position-medium.uk-position-bottom-center {
  -webkit-transform: translateX(-50%) translateX(-20px);
  -ms-transform: translateX(-50%) translateX(-20px);
  transform: translateX(-50%) translateX(-20px);
}

/* Large */
.uk-position-large {
  max-width: calc(100% - 40px);
  margin: 20px;
}

.uk-position-large.uk-position-center {
  -webkit-transform: translate(-50%, -50%) translate(-20px, -20px);
  -ms-transform: translate(-50%, -50%) translate(-20px, -20px);
  transform: translate(-50%, -50%) translate(-20px, -20px);
}

.uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] {
  -webkit-transform: translateY(-50%) translateY(-20px);
  -ms-transform: translateY(-50%) translateY(-20px);
  transform: translateY(-50%) translateY(-20px);
}

.uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center {
  -webkit-transform: translateX(-50%) translateX(-20px);
  -ms-transform: translateX(-50%) translateX(-20px);
  transform: translateX(-50%) translateX(-20px);
}

/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-position-large {
    max-width: calc(100% - 100px);
    margin: 50px;
  }
  .uk-position-large.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-50px, -50px);
    -ms-transform: translate(-50%, -50%) translate(-50px, -50px);
    transform: translate(-50%, -50%) translate(-50px, -50px);
  }
  .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-50px);
    -ms-transform: translateY(-50%) translateY(-50px);
    transform: translateY(-50%) translateY(-50px);
  }
  .uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center {
    -webkit-transform: translateX(-50%) translateX(-50px);
    -ms-transform: translateX(-50%) translateX(-50px);
    transform: translateX(-50%) translateX(-50px);
  }
}
/* ======================================================================== Component: Transition ========================================================================== */
/* Toggle (Hover + Focus) ========================================================================== */
/* 1. Prevent tab highlighting on iOS. */
.uk-transition-toggle { /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Remove outline for `tabindex` */
.uk-transition-toggle:focus {
  outline: none;
}

/* 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) Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`, therefore it's recommended to use an extra `div` for the transition. */
.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
  opacity: 0;
}

/* Fade */
.uk-transition-toggle:hover .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1;
}

/* Scale */
.uk-transition-scale-up {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.uk-transition-scale-down {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* Show */
.uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-active.uk-active .uk-transition-scale-up {
  opacity: 1;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-active.uk-active .uk-transition-scale-down {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* Slide */
.uk-transition-slide-top {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.uk-transition-slide-bottom {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.uk-transition-slide-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.uk-transition-slide-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.uk-transition-slide-top-small {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.uk-transition-slide-bottom-small {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.uk-transition-slide-left-small {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

.uk-transition-slide-right-small {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.uk-transition-slide-top-medium {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.uk-transition-slide-bottom-medium {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.uk-transition-slide-left-medium {
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}

.uk-transition-slide-right-medium {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

/* Show */
.uk-transition-toggle:hover [class*=uk-transition-slide], .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-transition-active.uk-active [class*=uk-transition-slide] {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* Opacity modifier ========================================================================== */
.uk-transition-opaque {
  opacity: 1;
}

/* Duration modifiers ========================================================================== */
.uk-transition-slow {
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

/* ======================================================================== 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;
}

/* Toggle (Hover + Focus) ========================================================================== */
/* Hidden 1. The toggle is triggered on touch devices using `:focus` and tabindex 2. The target stays visible if any element within receives focus through keyboard Doesn't work in Edge, yet. 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable. */
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { /* 3 */
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Invisible */
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { /* 3 */
  opacity: 0 !important;
}

/* 1. Prevent tab highlighting on iOS. */
.uk-visible-toggle { /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/* Remove outline for `tabindex` */
.uk-visible-toggle:focus {
  outline: none;
}

/* Touch ========================================================================== */
/* Hide if primary pointing device has limited accuracy, e.g. a touch screen. Works on mobile browsers: Safari, Chrome and Android browser */
@media (pointer: coarse) {
  .uk-hidden-touch {
    display: none !important;
  }
}
/* Hide if primary pointing device is accurate, e.g. mouse. 1. Fallback for IE11 and Firefox, because `pointer` is not supported 2. Reset if supported */
/* 1 */
.uk-hidden-notouch {
  display: none !important;
}

@media (pointer: coarse) {
  .uk-hidden-notouch {
    display: block !important;
  }
}
/* ======================================================================== Component: Inverse ========================================================================== */
/* Implemented class depends on the general theme color `uk-light` is for light colors on dark backgrounds `uk-dark` is or dark colors on light backgrounds */
/* ======================================================================== Component: Print ========================================================================== */
@media print {
  *, *::before, *::after {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  outline: none !important;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .slick-arrow {
    height: 32px;
    width: 32px;
  }
}
.slick-arrow > svg {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .slick-arrow > svg {
    height: 32px;
    width: 32px;
  }
}
.slick-arrow.slick-arrow-next:hover svg {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.slick-arrow.slick-arrow-prev:hover svg {
  -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
          transform: translateX(-5px);
}
.slick-arrow.slick-disabled {
  opacity: 0.16;
  cursor: default;
}
.slick-arrow.slick-disabled:hover svg {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Swiper 6.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 30, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs-offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs-container {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Helvetica", Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs-container video::-webkit-media-controls,
.mejs-container video::-webkit-media-controls-panel,
.mejs-container video::-webkit-media-controls-panel-container,
.mejs-container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs-fill-container,
.mejs-fill-container .mejs-container {
  height: 100%;
  width: 100%;
}

.mejs-fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs-container:focus {
  outline: none;
}

.mejs-iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs-embed,
.mejs-embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs-fullscreen {
  overflow: hidden !important;
}

.mejs-container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs-background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs-mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs-poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs-poster-img {
  display: none;
}

.mejs-poster-img {
  border: 0;
  padding: 0;
}

.mejs-overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs-layer {
  z-index: 1;
}

.mejs-overlay-play {
  cursor: pointer;
}

.mejs-overlay-button {
  background: url("mejs-controls.svg") no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs-overlay:hover > .mejs-overlay-button {
  background-position: -80px -39px;
}

.mejs-overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs-overlay-loading-bg-img {
  -webkit-animation: mejs-loading-spinner 1s linear infinite;
  animation: mejs-loading-spinner 1s linear infinite;
  background: transparent url("mejs-controls.svg") -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes mejs-loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs-loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-controls {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs-controls:not([style*="display: none"]) {
  background: rgba(255, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs-button,
.mejs-time,
.mejs-time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs-button > button {
  background: transparent url("mejs-controls.svg");
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs-button > button:focus {
  outline: dotted 1px #999;
}

.mejs-container-keyboard-inactive a,
.mejs-container-keyboard-inactive a:focus,
.mejs-container-keyboard-inactive button,
.mejs-container-keyboard-inactive button:focus,
.mejs-container-keyboard-inactive [role=slider],
.mejs-container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-time {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-play > button {
  background-position: 0 0;
}

.mejs-pause > button {
  background-position: -20px 0;
}

.mejs-replay > button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs-time-total,
.mejs-time-buffering,
.mejs-time-loaded,
.mejs-time-current,
.mejs-time-float,
.mejs-time-hovered,
.mejs-time-float-current,
.mejs-time-float-corner,
.mejs-time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs-time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}

.mejs-time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs-time-loaded {
  background: rgba(255, 255, 255, 0.3);
}

.mejs-time-current,
.mejs-time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}

.mejs-time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.mejs-time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}

.mejs-time-current,
.mejs-time-buffering,
.mejs-time-loaded,
.mejs-time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs-time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs-time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs-time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs-time-handle,
.mejs-time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs-time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs-time-rail:hover .mejs-time-handle-content,
.mejs-time-rail .mejs-time-handle-content:focus,
.mejs-time-rail .mejs-time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs-time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs-time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs-time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs-long-video .mejs-time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs-long-video .mejs-time-float-current {
  width: 60px;
}

.mejs-broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-fullscreen-button > button {
  background-position: -80px 0;
}

.mejs-unfullscreen > button {
  background-position: -100px 0;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-mute > button {
  background-position: -60px 0;
}

.mejs-unmute > button {
  background-position: -40px 0;
}

.mejs-volume-button {
  position: relative;
}

.mejs-volume-button > .mejs-volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs-volume-button:hover {
  border-radius: 0 0 4px 4px;
}

.mejs-volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs-volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs-volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs-horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs-horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs-horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs-horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-captions-button,
.mejs-chapters-button {
  position: relative;
}

.mejs-captions-button > button {
  background-position: -140px 0;
}

.mejs-chapters-button > button {
  background-position: -180px 0;
}

.mejs-captions-button > .mejs-captions-selector,
.mejs-chapters-button > .mejs-chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs-chapters-button > .mejs-chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs-captions-selector-list,
.mejs-chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs-captions-selector-list-item,
.mejs-chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs-captions-selector-list-item:hover,
.mejs-chapters-selector-list-item:hover {
  background-color: rgb(200, 200, 200) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs-captions-selector-input,
.mejs-chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs-captions-selector-label,
.mejs-chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs-captions-selected,
.mejs-chapters-selected {
  color: rgb(33, 248, 248);
}

.mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs-captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs-captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs-captions-position-hover {
  bottom: 35px;
}

.mejs-captions-text,
.mejs-captions-text * {
  background: rgba(20, 20, 20, 0.5);
  -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
          box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs-overlay-error {
  position: relative;
}

.mejs-overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs-cannotplay,
.mejs-cannotplay a {
  color: #fff;
  font-size: 0.8em;
}

.mejs-cannotplay {
  position: relative;
}

.mejs-cannotplay p,
.mejs-cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

/* End: Error */
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs__container {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Helvetica", Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs__container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed,
.mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url("mejs-controls.svg") no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url("mejs-controls.svg") -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*="display: none"]) {
  background: rgba(255, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button > button {
  background: transparent url("mejs-controls.svg");
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}

.mejs__pause > button {
  background-position: -20px 0;
}

.mejs__replay > button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}

.mejs__unfullscreen > button {
  background-position: -100px 0;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}

.mejs__unmute > button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}

.mejs__captions-button > button {
  background-position: -140px 0;
}

.mejs__chapters-button > button {
  background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: rgb(200, 200, 200) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
  color: rgb(33, 248, 248);
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
          box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}

.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

/* End: Error */
.mejs-container {
  clear: both;
  max-width: 100%;
}

.mejs-container * {
  font-family: Helvetica, Arial;
}

.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
  background: #222;
}

.mejs-time {
  font-weight: normal;
  word-wrap: normal;
}

.mejs-controls a.mejs-horizontal-volume-slider {
  display: table;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #0073aa;
}

.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: rgba(255, 255, 255, 0.33);
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}

.mejs-overlay-loading {
  background: transparent;
}

/* Override theme styles that may conflict with controls. */
.mejs-controls button:hover {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.me-cannotplay {
  width: auto !important;
}

.media-embed-details .wp-audio-shortcode {
  display: inline-block;
  max-width: 400px;
}

.audio-details .embed-media-settings {
  overflow: visible;
}

.media-embed-details .embed-media-settings .setting span:not(.button-group) {
  max-width: 400px; /* Back-compat for pre-5.3 */
  width: auto; /* Back-compat for pre-5.3 */
}

.media-embed-details .embed-media-settings .checkbox-setting span {
  display: inline-block;
}

.media-embed-details .embed-media-settings {
  padding-top: 0;
  top: 28px;
}

.media-embed-details .instructions {
  padding: 16px 0;
  max-width: 600px;
}

.media-embed-details .setting p,
.media-embed-details .setting .remove-setting {
  color: #a00;
  font-size: 10px;
  text-transform: uppercase;
}

.media-embed-details .setting .remove-setting {
  padding: 5px 0;
}

.media-embed-details .setting a:hover {
  color: #dc3232;
}

.media-embed-details .embed-media-settings .checkbox-setting {
  float: none;
  margin: 0 0 10px;
}

.wp-video {
  max-width: 100%;
  height: auto;
}

.wp_attachment_holder .wp-video,
.wp_attachment_holder .wp-audio-shortcode {
  margin-top: 18px;
}

video.wp-video-shortcode,
.wp-video-shortcode video {
  max-width: 100%;
  display: inline-block;
}

.video-details .wp-video-holder {
  width: 100%;
  max-width: 640px;
}

.wp-playlist {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 12px 0 18px;
  font-size: 14px;
  line-height: 1.5;
}

.wp-admin .wp-playlist {
  margin: 0 0 18px;
}

.wp-playlist video {
  display: inline-block;
  max-width: 100%;
}

.wp-playlist audio {
  display: none;
  max-width: 100%;
  width: 400px;
}

.wp-playlist .mejs-container {
  margin: 0;
  max-width: 100%;
}

.wp-playlist .mejs-controls .mejs-button button {
  outline: 0;
}

.wp-playlist-light {
  background: #fff;
  color: #000;
}

.wp-playlist-dark {
  color: #fff;
  background: #000;
}

.wp-playlist-caption {
  display: block;
  max-width: 88%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item .wp-playlist-caption {
  text-decoration: none;
  color: #000;
  max-width: calc(100% - 40px);
}

.wp-playlist-item-meta {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item-title {
  font-size: 14px;
  line-height: 1.5;
}

.wp-playlist-item-album {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-playlist-item-artist {
  font-size: 12px;
  text-transform: uppercase;
}

.wp-playlist-item-length {
  position: absolute;
  right: 3px;
  top: 0;
  font-size: 14px;
  line-height: 1.5;
}

.rtl .wp-playlist-item-length {
  left: 3px;
  right: auto;
}

.wp-playlist-tracks {
  margin-top: 10px;
}

.wp-playlist-item {
  position: relative;
  cursor: pointer;
  padding: 0 3px;
  border-bottom: 1px solid #ccc;
}

.wp-playlist-item:last-child {
  border-bottom: 0;
}

.wp-playlist-light .wp-playlist-caption {
  color: #333;
}

.wp-playlist-dark .wp-playlist-caption {
  color: #ddd;
}

.wp-playlist-playing {
  font-weight: bold;
  background: #f7f7f7;
}

.wp-playlist-light .wp-playlist-playing {
  background: #fff;
  color: #000;
}

.wp-playlist-dark .wp-playlist-playing {
  background: #000;
  color: #fff;
}

.wp-playlist-current-item {
  overflow: hidden;
  margin-bottom: 10px;
  height: 60px;
}

.wp-playlist .wp-playlist-current-item img {
  float: left;
  max-width: 60px;
  height: auto;
  margin-right: 10px;
  padding: 0;
  border: 0;
}

.rtl .wp-playlist .wp-playlist-current-item img {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-current-item .wp-playlist-item-artist {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-audio-playlist .me-cannotplay span {
  padding: 5px 15px;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: var(--plyr-badge-background, hsl(216, 15%, 34%));
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
      -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
          transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
          box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
  right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
  left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
  -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
          box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  display: block;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
          user-select: none;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
          appearance: none;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

/* stylelint-disable selector-max-compound-selectors */
.plyr__tooltip {
  background: var(--plyr-tooltip-background, #fff);
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: hsl(216, 15%, 16%);
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty::after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: hsl(216, 15%, 79%);
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container::after {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

@font-face {
  font-family: "Aktiv Grotesk Corp Regular";
  src: url("fonts/AktivGroteskCorp-Regular.eot");
  src: url("fonts/AktivGroteskCorp-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AktivGroteskCorp-Regular.woff") format("woff"), url("fonts/AktivGroteskCorp-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html {
  margin: 0;
  padding: 0;
  font-size: 2.6595744681vw;
  min-height: 100%;
  height: calc(var(--vh, 1vh) * 100);
}
@media screen and (min-width: 992px) {
  html {
    font-size: 0.78125vw;
  }
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 0.6944444444vw;
    font-size: 0.78125vw;
    font-size: calc(6px + 0.28vw);
  }
}
@media all and (min-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
    font-size: calc(6px + 0.28vw);
  }
}

body {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #060606;
}
body.open-menu {
  overflow: hidden;
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: #060606;
  text-decoration: none;
  outline: none;
}

strong {
  font-weight: 600;
}

input,
button,
textarea {
  font-family: "Aktiv Grotesk Corp Regular";
}

.textarea {
  overflow: hidden;
}

::-webkit-input-placeholder {
  font-size: inherit;
  color: inherit;
  font-weight: normal;
  opacity: 0.4;
  line-height: inherit;
}

::-moz-placeholder {
  font-size: inherit;
  color: inherit;
  font-weight: normal;
  opacity: 0.4;
  line-height: inherit;
}

:-moz-placeholder {
  font-size: inherit;
  color: inherit;
  font-weight: normal;
  opacity: 0.4;
  line-height: inherit;
}

:-ms-input-placeholder {
  font-size: inherit;
  color: inherit;
  font-weight: normal;
  opacity: 0.4;
  line-height: inherit;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

.link, .footer-bottom-menu li a, .site-footer__menu ul li a, .header-drop__pages ul li a, .header-drop__menu ul li a, .header-links li a, .site-header__menu ul li a, .link-underline {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  color: inherit;
  font-family: inherit;
}
.link::before, .footer-bottom-menu li a::before, .site-footer__menu ul li a::before, .header-drop__pages ul li a::before, .header-drop__menu ul li a::before, .header-links li a::before, .site-header__menu ul li a::before, .link-underline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
  will-change: transform;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  pointer-events: none;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.link:hover::before, .footer-bottom-menu li a:hover::before, .site-footer__menu ul li a:hover::before, .header-drop__pages ul li a:hover::before, .header-drop__menu ul li a:hover::before, .header-links li a:hover::before, .site-header__menu ul li a:hover::before, .link-underline:hover::before, .link.active::before, .footer-bottom-menu li a.active::before, .site-footer__menu ul li a.active::before, .header-drop__pages ul li a.active::before, .header-drop__menu ul li a.active::before, .header-links li a.active::before, .site-header__menu ul li a.active::before, .active.link-underline::before {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.link-underline::before {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.link-underline:hover::before {
  -webkit-animation: link 0.75s forwards;
          animation: link 0.75s forwards;
}

.link-has-icon .lbl {
  position: relative;
}
.link-has-icon .lbl::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.05em;
  background: currentColor;
  will-change: transform;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  pointer-events: none;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.link-has-icon:hover .lbl::before {
  -webkit-animation: link 0.75s forwards;
          animation: link 0.75s forwards;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tags .tag {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  border-radius: 40px;
  border: 1px solid #060606;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  white-space: nowrap;
  background-color: #f5f5f8;
}
.tags .tag.tag-trsp {
  background: transparent;
}
.article .tags .tag {
  background: transparent;
}
.tags .tag .card-sbs {
  background-color: #f5f5f8;
}
@media screen and (min-width: 768px) {
  .tags .tag:hover {
    color: #fff;
    background: #060606;
  }
}
.tags .tag-an {
  border: none;
  position: relative;
  border-radius: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1;
  background: transparent;
  padding: 0 13px;
}
.tags .tag-an::before, .tags .tag-an::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 51%;
  top: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../img/bg-link-fill.svg);
  z-index: -1;
}
.article .tags .tag-an::before, .article .tags .tag-an::after {
  background-image: url(../img/bg-link.svg);
}
.tags .tag-an.tag-trsp::before, .tags .tag-an.tag-trsp::after {
  background-image: url(../img/bg-link.svg);
}
.tags .tag-an::after {
  background-position: right 50%;
  right: 0;
}
.tags .tag-an::before {
  background-position: 0 50%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .tags .tag-an:hover {
    background: transparent;
    color: #fff;
  }
  .tags .tag-an:hover::after, .tags .tag-an:hover::before {
    background-image: url(../img/bg-link-hover.svg);
  }
}
.tags .tag-an.active {
  background: transparent;
  color: #fff;
}
.tags .tag-an.active::after, .tags .tag-an.active::before {
  background-image: url(../img/bg-link-hover.svg);
}

.hidden {
  display: none !important;
}

.novisible {
  visibility: hidden !important;
}

@media screen and (min-width: 1025px) {
  .hidden-pc {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-mob {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-tbl {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-pc-tbl {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .hidden-mob-tbl {
    display: none !important;
  }
}

@-webkit-keyframes link {
  0%, 0.1% {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  49.9% {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50%, 50.1% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes link {
  0%, 0.1% {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  49.9% {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50%, 50.1% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.s-mb {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-mb {
    margin-bottom: 72px;
  }
}

.form-input {
  font-family: inherit;
  border: none;
  border-bottom: 1px solid #060606;
  width: 100%;
  display: block;
  outline: none;
  padding: 10px 0;
  background: transparent;
  color: #060606;
  font-family: "Aktiv Grotesk Corp Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0 !important;
}
.form-input.wpcf7-not-valid, .form-input.has-error {
  border-color: #c62828;
}

.form-textarea {
  font-family: inherit;
  border: none;
  border-bottom: 1px solid #060606;
  width: 100%;
  display: block;
  outline: none;
  background: transparent;
  color: #060606;
  font-family: "Aktiv Grotesk Corp Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0 !important;
}
.form-textarea.wpcf7-not-valid, .form-textarea.has-error {
  border-color: #c62828;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-not-valid-tip,
.error-tip {
  position: absolute;
  left: 0;
  top: 100%;
  color: #c62828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
  margin-top: 4px;
  width: 100%;
}

.wpcf7 form .wpcf7-response-output {
  display: none !important;
}

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
  position: absolute;
  top: 0;
  z-index: -1;
}

.form-item {
  position: relative;
}

.inp-box {
  position: relative;
  padding-top: 12px;
}
.inp-box__lbl {
  position: absolute;
  left: 0;
  top: 22px;
  color: #060606;
  font-family: "Aktiv Grotesk Corp Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .cat-sbs .inp-box__lbl {
    font-size: 14px;
  }
}
:focus ~ .inp-box__lbl, .inp-filled .inp-box__lbl {
  top: 0;
  font-size: 14px;
}

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  margin-bottom: 32px;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .pager {
    margin-bottom: 32px;
  }
}
.pager li {
  list-style: none;
}
.pager li:first-of-type {
  justify-self: flex-start;
  margin-right: auto;
}
.pager li:first-of-type a {
  opacity: 1;
}
.pager li:last-of-type {
  justify-self: flex-end;
  margin-left: auto;
}
.pager li:last-of-type a {
  opacity: 1;
}
.pager li .page-numbers {
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  opacity: 0.56;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pager li .page-numbers.dis {
  opacity: 0.56;
}
.pager li .page-numbers.current {
  opacity: 1;
}

.uk-notification {
  width: 215px;
}

.uk-notification-message {
  font-size: 14px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #000;
          box-shadow: 0 0 0 1px #000;
  border-radius: 20px;
  padding: 15px 16px 15px 24px;
}

.uk-notification-message-success {
  color: #060606;
}

.uk-notification-close {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.uk-notification-close svg {
  width: 8px;
  height: 8px;
}

.plyr {
  --plyr-audio-controls-background: transparent;
}
.plyr__menu {
  display: none !important;
}

@-webkit-keyframes bg-link {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 100%;
  }
}

@keyframes bg-link {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
.h, .interaction__menu li, .h7, h6,
.h6, h5,
.h5, h4,
.h4, h3,
.h3, h2,
.h2, h1,
.h1 {
  font-family: "Tinos", serif;
  font-weight: 400;
}

h1,
.h1 {
  font-size: 68px;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  h1,
  .h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}

h2,
.h2 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 991px) {
  h2,
  .h2 {
    font-size: 28px;
    line-height: 108%; /* 30.24px */
  }
}

h3,
.h3 {
  font-size: 38px;
  line-height: 1.12;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  h3,
  .h3 {
    font-size: 28px;
    line-height: 112%; /* 30.24px */
    letter-spacing: -0.28px;
  }
}

h4,
.h4 {
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  h4,
  .h4 {
    font-size: 26px;
  }
}

h5,
.h5 {
  font-size: 26px;
  line-height: 1.12;
}

h6,
.h6 {
  font-size: 22px;
  line-height: 1.08;
}
@media screen and (max-width: 991px) {
  h6,
  .h6 {
    font-size: 20px;
  }
}

.h7 {
  font-size: 18px;
  line-height: 1.08;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-right: auto;
  margin-left: auto;
  max-width: 37.6rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    width: calc(100% - 16px);
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% - 16px);
  }
}
@media (min-width: 1025px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    width: calc(100% - 32px);
  }
}
.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 992px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
          order: -1;
}

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1025px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1600px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.site-header {
  padding-top: 16px;
  padding-bottom: 16px;
  z-index: 8;
  -webkit-transition: padding 0.4s;
  transition: padding 0.4s;
  position: fixed;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, #fff));
  background: linear-gradient(0deg, transparent 50%, #fff 50%);
}
.admin-bar .site-header {
  top: 32px;
}
@media all and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}
.site-header.uk-active, .body-scrolled .site-header {
  background: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 1005;
}
@media screen and (max-width: 1024px) {
  .site-header.uk-active::after, .body-scrolled .site-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: #000;
  }
  .open-menu .site-header.uk-active::after, .open-menu .body-scrolled .site-header::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .site-header.uk-active::after, .body-scrolled .site-header::after {
    left: 16px;
    right: 16px;
  }
  .open-menu .site-header.uk-active::after, .open-menu .body-scrolled .site-header::after {
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .open-menu .site-header::after {
    display: none;
  }
}
.site-header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .uk-active .site-header__container, .body-scrolled .site-header__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .site-header__container {
    gap: 10px;
  }
}
.site-header__logo {
  width: 176px;
}
.site-header__logo img {
  width: 176px;
  height: 69px;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  .site-header__logo img {
    height: 64px;
    width: 164px;
  }
}
@media screen and (max-width: 767px) {
  .site-header__logo img {
    width: 148px;
    height: 58px;
  }
}
.uk-active .site-header__logo img, .body-scrolled .site-header__logo img {
  height: 41px;
  width: 106px;
}
@media screen and (max-width: 767px) {
  .uk-active .site-header__logo img, .body-scrolled .site-header__logo img {
    width: 54px;
    height: 21px;
  }
}
.site-header__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 1px;
}
.uk-active .site-header__body, .body-scrolled .site-header__body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991px) {
  .site-header__body {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.site-header__body::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background: #000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.uk-active .site-header__body::after, .body-scrolled .site-header__body::after {
  left: -200px;
  bottom: -14px;
}
@media screen and (max-width: 991px) {
  .site-header__body::after {
    display: none;
  }
}
.site-header__menu {
  padding-left: 28px;
}
.site-header__menu ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.site-header__menu ul li {
  list-style: none;
  padding: 0;
}
.site-header__menu ul li a {
  font-size: 13px;
  font-weight: 400;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.site-header__links {
  margin-left: auto;
}
.site-header__languages {
  margin-left: 40px;
}
@media screen and (max-width: 1024px) {
  .site-header__languages {
    margin-left: 31px;
    margin-right: 26px;
  }
}
.site-header__languages .langs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 32px;
}
.site-header__languages .langs li {
  list-style: none;
}
.site-header__languages .langs li a {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  color: inherit;
}

.header-links {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.header-links li {
  list-style: none;
}
.header-links li a {
  font-size: 13px;
  color: inherit;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.header-links li.has-arrow > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .header-links li.has-arrow > a {
    gap: 8px;
  }
}
.header-links li.has-arrow > a::before {
  right: 22px;
  bottom: 2.5px;
}
.header-links li.has-arrow > a::after {
  content: "";
  height: 16px;
  width: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23060606'/%3E%3Cpath d='M5.63254 10.1993C5.52068 10.0896 5.51135 9.91746 5.60458 9.79736L5.63254 9.76598L10.052 5.43237C10.174 5.3127 10.3719 5.3127 10.4939 5.43237C10.6058 5.54207 10.6151 5.71424 10.5219 5.83435L10.4939 5.86573L6.07449 10.1993C5.95245 10.319 5.75458 10.319 5.63254 10.1993Z' fill='%23060606' stroke='%23060606' stroke-width='0.2'/%3E%3Cpath d='M6.71633 5.96234C6.54374 5.96271 6.40353 5.82581 6.40316 5.65657C6.40282 5.50272 6.51817 5.37511 6.66881 5.3529L6.71498 5.34948L10.2723 5.34197C10.4297 5.34164 10.56 5.4554 10.5822 5.60362L10.5855 5.64904L10.5781 9.13759C10.5778 9.30682 10.4376 9.44373 10.265 9.44338C10.1081 9.44307 9.97843 9.32942 9.95642 9.18161L9.95313 9.13632L9.95965 5.95548L6.71633 5.96234Z' fill='%23060606' stroke='%23060606' stroke-width='0.2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header-links li.has-arrow > a:hover::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header-search__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  height: 36px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin-left: -12px;
  padding-top: 3px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.uk-active .header-search__btn, .body-scrolled .header-search__btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
@media screen and (max-width: 767px) {
  .header-search__btn {
    width: 33px;
    padding: 0;
    margin-top: -3px;
  }
}
.header-search__btn svg {
  width: 13px;
  height: 13px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  .header-search__btn svg {
    height: 16px;
    width: 16px;
  }
}

.menu-burger {
  margin-left: 40px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  width: 43px;
  height: 21px;
  position: relative;
  z-index: 8;
  margin-top: -1px;
}
@media screen and (max-width: 1024px) {
  .menu-burger {
    margin-left: 9px;
  }
}
@media screen and (max-width: 767px) {
  .menu-burger {
    margin-top: -5px;
  }
  .uk-active .menu-burger, .body-scrolled .menu-burger {
    margin-top: -4px;
  }
}
.open-menu .menu-burger {
  margin-right: 16px;
  margin-top: -6px;
}
@media screen and (max-width: 767px) {
  .open-menu .menu-burger {
    margin-right: 19px;
    margin-top: -7px;
  }
}
.menu-burger .burger-icon {
  position: absolute;
  display: block;
  height: 1px;
  width: 43px;
  background: #060606;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.menu-burger .burger-icon--1 {
  top: 5px;
}
@media screen and (max-width: 767px) {
  .menu-burger .burger-icon--1 {
    top: 4px;
  }
}
.open-menu .menu-burger .burger-icon--1 {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-15deg);
      -ms-transform: translateY(-50%) rotate(-15deg);
          transform: translateY(-50%) rotate(-15deg);
}
.menu-burger .burger-icon--2 {
  top: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.open-menu .menu-burger .burger-icon--2 {
  opacity: 0;
}
.menu-burger .burger-icon--3 {
  bottom: 6px;
}
@media screen and (max-width: 767px) {
  .menu-burger .burger-icon--3 {
    bottom: 5px;
  }
}
.open-menu .menu-burger .burger-icon--3 {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(15deg);
      -ms-transform: translateY(-50%) rotate(15deg);
          transform: translateY(-50%) rotate(15deg);
}

.header-drop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: grid;
}
.open-menu .header-drop {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.header-drop__container {
  display: grid;
  grid-template-columns: 88fr 56fr;
  padding-top: 24px;
  padding-bottom: 24px;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .header-drop__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.header-drop__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-right: 24px;
}
@media screen and (max-width: 991px) {
  .header-drop__left {
    padding-bottom: 40px;
  }
}
.header-drop__left::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  width: 1px;
  background: #060606;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .header-drop__left::after {
    height: 1px;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .header-drop__logo {
    margin-top: -10px;
  }
}
.header-drop__logo img {
  display: block;
  height: 69px;
  width: 176px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .header-drop__logo img {
    width: 148px;
    height: 58px;
  }
}
.header-drop__menu ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 20px;
  line-height: 1;
  height: calc(4em + 60px);
  padding-right: 59px;
  font-size: 55px;
  letter-spacing: -0.01em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 1440px) {
  .header-drop__menu ul {
    font-size: 68px;
  }
}
@media screen and (max-width: 1199px) {
  .header-drop__menu ul {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .header-drop__menu ul {
    height: auto;
    row-gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 32px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .header-drop__menu ul {
    padding-top: 55px;
  }
}
.header-drop__menu ul::before {
  content: " ";
  height: 1em;
}
@media screen and (max-width: 767px) {
  .header-drop__menu ul::before {
    display: none;
  }
}
.header-drop__menu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .header-drop__menu ul li {
    line-height: 97%;
    letter-spacing: -0.01em;
  }
}
.header-drop__menu ul li a {
  font-family: "Tinos", serif;
}
.header-drop__menu ul li sup {
  font-size: 16px;
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 767px) {
  .header-drop__menu ul li sup {
    font-size: 12px;
    top: -3px;
  }
}
.header-drop__menu ul li sup svg {
  height: 8px;
  width: 8px;
  margin: 0 1px;
}
@media screen and (max-width: 767px) {
  .header-drop__menu ul li sup svg {
    height: 6px;
    width: 6px;
  }
}
.header-drop__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 24px;
  margin-left: -7px;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .header-drop__right {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .header-drop__right {
    padding-left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .header-drop__info {
    margin-bottom: 55px;
  }
}
.header-drop__info-title {
  margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
  .header-drop__info-title {
    margin-bottom: 28px;
    font-size: 24px;
  }
}
.header-drop__info-text {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 991px) {
  .header-drop__info-text {
    font-size: 14px;
    line-height: 1.48;
  }
}
.header-drop__info-text p {
  margin-top: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .header-drop__info-text p {
    margin-bottom: 12px;
  }
}
.header-drop__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-drop__pages ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 24px;
}
.header-drop__pages ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-drop__pages ul li a {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%; /* 18.48px */
}
@media screen and (max-width: 991px) {
  .header-drop__pages ul li a {
    font-size: 12px;
  }
}
.header-drop__langs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 16px;
}
.header-drop__langs li {
  list-style: none;
  font-size: 15px;
  opacity: 0.32;
}
.header-drop__langs li.current-lang {
  opacity: 1;
}
.header-drop__copyrigh {
  font-size: 13px;
  font-weight: 500;
  line-height: 132%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991px) {
  .header-drop__copyrigh {
    font-size: 11px;
  }
}
.header-drop__copyrigh svg {
  height: 14px;
  width: 14px;
  margin-right: 4px;
}
@media screen and (max-width: 991px) {
  .header-drop__copyrigh svg {
    height: 12px;
    width: 12px;
  }
}

.card {
  border-radius: 24px;
  background: #f5f5f8;
  padding: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .slider-other-posts .card:nth-child(n+4) {
    display: none;
  }
}
.catalog .card {
  min-width: 0;
}
@media screen and (max-width: 1439px) and (min-width: 1025px) {
  .catalog .card {
    aspect-ratio: auto;
  }
}
@media screen and (min-width: 1025px) {
  .catalog .card {
    aspect-ratio: auto;
  }
}
.open-filter .card {
  padding: 16px;
  border-radius: 20px;
}
@media screen and (max-width: 1024px) {
  .card {
    padding: 16px;
    border-radius: 16px;
  }
}
@media screen and (min-width: 768px) {
  .card:hover {
    -webkit-box-shadow: 0 0 0 1px #060606;
            box-shadow: 0 0 0 1px #060606;
  }
}
.card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(6, 6, 6, 0.56);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
}
.card__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.card__time svg {
  height: 14px;
  width: 14px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
}

.card-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  aspect-ratio: 1/1;
}
.card-d > * {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .card-d__title {
    font-size: 20px;
  }
}
.card-d__image {
  margin-bottom: 24px;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-filter .card-d__image {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .card-d__image {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .card-d__image {
    margin-bottom: 14px;
  }
}
.card-d__image img {
  display: block;
  width: 100%;
  height: 184px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 12px;
}
.open-filter .card-d__image img {
  height: 138px;
}
@media screen and (max-width: 1024px) {
  .card-d__image img {
    height: 141px;
  }
}
.card-d__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-d .tags {
  margin-bottom: 16px;
}
.card-d__title {
  margin-top: 0;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .card-d__title {
    max-width: 250px;
  }
}
.open-filter .card-d__title {
  font-size: 18px;
}
.card-d__info {
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .card-d__info {
    margin-bottom: -4px;
  }
}
.card-d__info svg {
  height: 16px;
  width: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}

.card-v {
  background-image: url(../img/bg-card-v.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-v .tags {
  margin-top: auto;
}
.card-v__title {
  margin-top: 0;
  margin-bottom: 32px;
  max-width: 320px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-filter .card-v__title {
  font-size: 18px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .card-v__title {
    font-size: 20px;
    margin-bottom: 16px;
    max-width: 256px;
  }
}
.card-v__image {
  margin-bottom: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-filter .card-v__image {
  margin-bottom: 16px;
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .card-v__image {
    margin-bottom: 16px;
  }
}
.card-v__image img {
  height: 184px;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-filter .card-v__image img {
  height: 138px;
}
@media screen and (max-width: 1024px) {
  .card-v__image img {
    height: 141px;
  }
}
.card-v__info {
  margin-bottom: 22px;
}
@media screen and (max-width: 1024px) {
  .card-v__info {
    margin-bottom: 16px;
  }
}

.card-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .card-h {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.card-h .tags {
  margin-bottom: 16px;
}
.card-h__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-h__title {
  margin-bottom: 24px;
  margin-top: 0;
}
.open-filter .card-h__title {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .card-h__title {
    margin-bottom: 26px;
  }
}
.card-h__info {
  margin-top: auto;
  margin-bottom: -4px;
}
.card-h__info .ic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
  width: 16px;
}
.card-h__image {
  margin-top: -24px;
  margin-bottom: -24px;
  margin-right: -24px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.open-filter .card-h__image {
  margin-top: -16px;
  margin-bottom: -16px;
  margin-right: -16px;
}
@media screen and (max-width: 1024px) {
  .card-h__image {
    margin-top: -16px;
    margin-bottom: -16px;
    margin-right: -16px;
  }
}
@media screen and (max-width: 767px) {
  .card-h__image {
    margin-bottom: -16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 35px;
  }
}
.card-h__image img {
  height: 453px;
  width: 453px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
.open-filter .card-h__image img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .card-h__image img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .card-h__image img {
    width: 100%;
  }
}

.card-s {
  grid-column: span 2;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.catalog-spec .card-s {
  grid-column: 2/-1;
}
@media screen and (min-width: 1025px) {
  .open-filter .card-s {
    padding: 16px;
  }
}
.card-s.h-spec-item {
  padding: 24px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .card-s, .card-s.h-spec-item {
    padding: 16px;
    border-radius: 20px;
  }
}
.card-s__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .card-s__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    margin-bottom: 24px;
  }
}
.with-image .card-s__top {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .with-image .card-s__top {
    gap: 24px;
  }
}
.card-s__cat {
  grid-column: 1;
  grid-row: 1;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.01em;
  max-width: 330px;
}
@media screen and (min-width: 1025px) {
  .open-filter .card-s__cat {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .card-s__cat {
    font-size: 15px;
  }
}
.card-s__title {
  margin-top: auto;
  margin-bottom: 0;
  grid-column: 1;
  grid-row: 2;
  max-width: 400px;
}
@media screen and (min-width: 1025px) {
  .open-filter .card-s__title {
    font-size: 26px;
    max-width: 300px;
  }
}
.with-image .card-s__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .with-image .card-s__title {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .card-s__title {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .card-s__title {
    margin: 0;
    color: #060606;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%; /* 30.24px */
    letter-spacing: -0.28px;
  }
}
.card-s__content {
  -ms-flex-item-align: end;
      align-self: end;
}
.card-s__intro {
  margin-bottom: 26px;
  max-width: 330px;
}
.open-filter .card-s__intro {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .with-image .card-s__intro {
    margin-bottom: 0;
    line-height: 1.2;
  }
}
.card-s__img {
  grid-column: 2;
  grid-row: 1/3;
  padding-top: 20px;
}
.h-spec-item .card-s__img {
  padding-top: 0;
}
.with-image .card-s__img {
  margin-bottom: 0;
  padding-left: 18%;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .with-image .card-s__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0;
    margin: -4px auto 0;
  }
}
@media screen and (min-width: 1025px) {
  .open-filter .card-s__img {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .card-s__img {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .card-s__img {
    padding: 0;
    width: 271px;
    height: 271px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card-s__img img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  aspect-ratio: 1/1;
  margin-left: auto;
  width: 300px;
}
@media screen and (max-width: 1024px) {
  .card-s__img img {
    width: 271px;
  }
}
@media screen and (max-width: 767px) {
  .card-s__img img {
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .open-filter .card-s__img img {
    width: 229px;
  }
}
.with-image .card-s__img img {
  width: 100%;
}
.h-spec-item .card-s__img img {
  width: 300px;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .h-spec-item .card-s__img img {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .card-s__img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.card-s__bottom {
  grid-column: 1/-1;
  grid-row: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 24px;
  position: relative;
  font-size: 26px;
  font-family: "Tinos", serif;
  line-height: 1.12;
  margin-top: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-filter .card-s__bottom {
  font-size: 22px;
  line-height: 1.08;
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  .card-s__bottom {
    padding-top: 16px;
    font-size: 26px;
    font-weight: 400;
    line-height: 112%; /* 29.12px */
  }
}
.card-s__bottom::before {
  content: "";
  position: absolute;
  height: 1px;
  background: #060606;
  width: 100%;
  left: 0;
  top: 0;
}

.card-vc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-vc__time {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.15px;
  margin-bottom: 24px;
}
.card-vc__time.card-done {
  opacity: 0.56;
}
.card-vc__title {
  margin-top: auto;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .card-vc__title {
    font-size: 26px;
    max-width: 505px;
  }
}
@media screen and (min-width: 768px) {
  .tab-vac .card-vc__title {
    font-size: 22px;
  }
}
.card-vc__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.56;
  gap: 8px;
  font-size: 13px;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-vc__info svg {
  display: block;
}
@media screen and (max-width: 767px) {
  .vacancies-list .card-vc__info {
    margin-bottom: 4px;
  }
}

.card-vc-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-vc-big__time {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .card-vc-big__time {
    margin-bottom: 24px;
  }
}
.card-vc-big__time.card-done {
  opacity: 0.56;
}
.card-vc-big__title {
  margin-bottom: 50px;
  color: #060606;
  font-size: 26px;
  font-weight: 400;
  line-height: 116%; /* 30.16px */
}
.tab-tend .card-vc-big__title {
  max-width: 520px;
}
@media screen and (max-width: 767px) {
  .card-vc-big__title {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 116%; /* 23.2px */
  }
}
.card-vc-big__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .card-vc-big__info {
    display: block;
  }
}
.card-vc-big__date {
  font-size: 13px;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.13px;
  opacity: 0.56;
}
@media screen and (max-width: 767px) {
  .card-vc-big__date {
    margin-bottom: 24px;
    display: block;
  }
}
.card-vc-big__image {
  width: 410px;
  height: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .card-vc-big__image {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .card-vc-big__image {
    width: 100%;
    height: 260px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.card-vc-big__image img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .card-vc-big__image img {
    max-height: 260px;
    height: 223px;
  }
}

.cat-spec {
  grid-column: 2/-1;
  min-height: 453px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .cat-spec {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 767px) {
  .cat-spec {
    min-height: 463px;
  }
}
.cat-spec__header {
  padding-bottom: 24px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .cat-spec__header {
    padding-bottom: 16px;
  }
}
.cat-spec__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #060606;
}
.cat-spec__title {
  margin: 0;
  max-width: 411px;
}
@media screen and (max-width: 767px) {
  .cat-spec__title {
    padding-left: 5px;
    padding-top: 2px;
    line-height: 1.08;
  }
}
.cat-spec__content {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .cat-spec__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 24px;
  }
}
.cat-spec__info {
  color: #060606;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.01em;
  padding-top: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36%;
          flex: 0 0 36%;
}
@media screen and (max-width: 767px) {
  .cat-spec__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: auto;
    font-size: 16px;
  }
}
.cat-spec__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 6px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
          flex: 0 0 64%;
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  .cat-spec__body {
    padding-left: 0;
    padding-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.cat-spec__text {
  margin-bottom: 24px;
  max-width: 485px;
}
@media screen and (max-width: 767px) {
  .cat-spec__text {
    line-height: 1.2;
  }
}
.cat-spec__link {
  margin-top: auto;
}
.cat-spec__link a {
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.17px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.cat-spec__link a .lbl::before {
  bottom: 3px;
  height: 1.4px;
}
.cat-spec__link a .ic {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cat-spec__link a:hover .ic {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card-empty {
  grid-column: 1;
  grid-row: 2;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 101px;
}
@media screen and (max-width: 767px) {
  .wrapper {
    padding-top: 90px;
  }
}
.wrapper > * {
  width: 100%;
}
.admin-bar .wrapper {
  padding-top: 133px;
}
@media all and (max-width: 782px) {
  .admin-bar .wrapper {
    padding-top: 149px;
  }
}

.block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 24px;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .block-header {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .block-header {
    padding-bottom: 16px;
    margin-bottom: 32px;
  }
  .posts-other--donors .block-header {
    display: block;
    padding-bottom: 22px;
  }
  .posts-other--donors .block-header h2 {
    letter-spacing: -0.01em;
    font-size: 28px;
  }
}
.block-header::after {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 0;
  right: 8px;
  height: 1px;
  background: #060606;
}
@media screen and (max-width: 1024px) {
  .block-header::after {
    left: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .block-header::after {
    left: 16px;
    right: 16px;
  }
}

.card-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -16px;
  gap: 16px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .card-main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0;
    padding-top: 2px;
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .card-main {
    padding-top: 24px;
    margin-bottom: 45px;
  }
}
.card-main__image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  border-radius: 24px;
  background: #f5f5f8;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
@media screen and (max-width: 1024px) {
  .card-main__image {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    border-radius: 16px;
    margin-bottom: 16px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (max-width: 767px) {
  .card-main__image {
    margin-bottom: 0;
  }
}
.card-main__image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.card-main__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .card-main__body {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .card-main__tags {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .card-main__tags {
    margin-bottom: 15px;
  }
}
.card-main__title {
  margin: 0;
  max-width: 623px;
}
@media screen and (max-width: 1024px) {
  .card-main__title {
    font-size: 40px;
    letter-spacing: 0.01em;
    line-height: 104%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .card-main__title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: 0;
  }
}
.card-main__link a {
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.s-news {
  position: relative;
  margin-bottom: 87px;
}
@media screen and (max-width: 1024px) {
  .s-news {
    margin-bottom: 62px;
  }
}
@media screen and (max-width: 767px) {
  .s-news {
    margin-bottom: 46px;
  }
}
.s-news__container {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.s-news__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: #060606;
}
@media screen and (max-width: 1024px) {
  .s-news__container::before {
    left: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .s-news__container::before {
    display: none;
  }
}
.s-news__row {
  min-height: 150px;
  margin-left: -16px;
}
@media screen and (max-width: 1024px) {
  .s-news__row {
    margin-left: -32px;
  }
}
@media screen and (max-width: 767px) {
  .s-news__row {
    display: block;
    margin-left: -16px;
  }
}
.s-news__item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24.6%;
          flex: 0 0 24.6%;
}
@media screen and (max-width: 1024px) {
  .s-news__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 8px);
            flex: 0 0 calc(50% - 8px);
  }
}
@media screen and (max-width: 767px) {
  .s-news__item {
    max-width: none;
  }
}
.s-news__item::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0px;
  width: 1px;
  background: #060606;
}
@media screen and (max-width: 767px) {
  .s-news__item::before {
    top: 0;
    width: auto;
    height: 1px;
    left: 16px;
    right: 16px;
  }
}
.s-news__item--1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25.6%;
          flex: 0 0 25.6%;
  max-width: 25.6%;
}
@media screen and (max-width: 1024px) {
  .s-news__item--1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 8px);
            flex: 0 0 calc(50% + 8px);
    max-width: calc(50% + 8px);
  }
}
@media screen and (max-width: 767px) {
  .s-news__item--1 {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .s-news__item--1::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .s-news__item:nth-child(n+3) {
    display: none;
  }
}
.s-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 28px 16px 18px;
  border-radius: 12px;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .s-news__inner {
    padding: 16px 8px;
  }
}
@media screen and (max-width: 767px) {
  .s-news__inner {
    padding-left: 0;
  }
}
.s-news__item--1 .s-news__inner {
  padding-left: 16px;
  margin-left: -8px;
}
@media screen and (max-width: 991px) {
  .s-news__item--1 .s-news__inner {
    padding: 16px;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .s-news__item--1 .s-news__inner {
    padding-left: 0;
  }
}
.s-news__inner:hover {
  background: #f5f5f8;
}
@media screen and (max-width: 991px) {
  .s-news__inner:hover {
    background: transparent;
  }
}
.s-news__title {
  margin-bottom: 28px;
  font-family: "Tinos", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 108%; /* 23.76px */
}
@media screen and (max-width: 991px) {
  .s-news__title {
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  .s-news__title {
    font-size: 20px;
    line-height: 1.2;
    max-width: 263px;
    margin-bottom: 26px;
  }
}
.s-news__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(6, 6, 6, 0.56);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
}
.s-news__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.s-news__time svg {
  height: 14px;
  width: 14px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
}
@media screen and (max-width: 767px) {
  .s-news__time svg {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
}

.s-lab {
  margin-bottom: 82px;
}
@media screen and (max-width: 1024px) {
  .s-lab {
    margin-bottom: 88px;
  }
}
@media screen and (max-width: 767px) {
  .s-lab {
    margin-bottom: 67px;
  }
}
.s-lab__title {
  max-width: 850px;
  margin-bottom: 24px;
  margin-top: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .s-lab__title {
    font-size: 40px;
    max-width: 675px;
    line-height: 1;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 767px) {
  .s-lab__title {
    font-size: 28px;
    line-height: 1.08;
  }
  .s-lab__title br {
    display: none;
  }
}
.s-lab__items {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .s-lab__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .s-lab__items {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    padding-right: 6px;
  }
}
.s-lab__left {
  padding-top: 2px;
}
.s-lab__left .link, .s-lab__left .footer-bottom-menu li a, .footer-bottom-menu li .s-lab__left a, .s-lab__left .site-footer__menu ul li a, .site-footer__menu ul li .s-lab__left a, .s-lab__left .link-underline, .s-lab__left .site-header__menu ul li a, .site-header__menu ul li .s-lab__left a, .s-lab__left .header-links li a, .header-links li .s-lab__left a, .s-lab__left .header-drop__menu ul li a, .header-drop__menu ul li .s-lab__left a, .s-lab__left .header-drop__pages ul li a, .header-drop__pages ul li .s-lab__left a {
  color: #060606;
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}
@media screen and (max-width: 991px) {
  .s-lab__left {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 768px) {
  .lab-item {
    max-width: 280px;
  }
}
@media screen and (max-width: 991px) {
  .lab-item {
    padding-right: 16px;
  }
}
.lab-item__icon {
  margin-bottom: 24px;
}
.lab-item__icon img {
  height: 32px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.lab-item__title {
  margin-top: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .lab-item__title {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .lab-item__title {
    font-size: 20px;
  }
}
.lab-item__text {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 1.26;
  letter-spacing: -0.16px;
  opacity: 0.56;
}

.s-analit {
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) {
  .s-analit {
    margin-bottom: 72px;
  }
}
.s-analit__title {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 112%; /* 35.84px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .s-analit__title {
    font-size: 28px;
    line-height: 112%;
  }
}
.s-analit__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .s-analit__arrows {
    margin-top: -12px;
  }
}
.s-analit__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 455px 455px;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .s-analit__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .s-analit__body {
    display: block;
  }
}
.s-analit__part {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  background: #fff;
  padding-top: 1px;
  padding-left: 8px;
  margin-left: -8px;
}
@media screen and (max-width: 767px) {
  .s-analit__part {
    padding: 0;
    margin-bottom: 48px;
    margin-left: 0;
  }
}
.s-analit__items {
  grid-column: 1/-1;
  grid-row: 1/-1;
  margin: 0 -8px;
}
@media screen and (max-width: 767px) {
  .s-analit__items {
    margin-left: 0;
    margin-right: 0;
  }
}
.s-analit .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.s-analit .s-analit-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 455px 455px;
  gap: 16px;
  padding: 1px 8px;
  height: auto;
  grid-auto-flow: dense;
}
@media screen and (max-width: 1024px) {
  .s-analit .s-analit-item {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .s-analit .s-analit-item {
    display: block;
  }
}
.s-analit .card {
  aspect-ratio: auto;
}
@media screen and (max-width: 767px) {
  .s-analit .card {
    margin-bottom: 16px;
    min-height: 343px;
  }
}
.s-analit .card-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: span 2;
}
@media screen and (max-width: 767px) {
  .s-analit .card-h__image {
    margin: 43px -16px -16px -16px;
  }
  .s-analit .card-h__image img {
    width: 100%;
  }
}

.b-part__icon {
  margin-bottom: 24px;
}
.b-part__icon svg {
  display: block;
  height: 20px;
  width: 20px;
}
.b-part__text {
  max-width: 360px;
  margin-bottom: 56px;
  line-height: 128%;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  .b-part__text {
    max-width: 334px;
    line-height: 1.24;
  }
}
@media screen and (max-width: 767px) {
  .b-part__text {
    margin-bottom: 32px;
    margin-bottom: 25px;
  }
}
.b-part__link a {
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.analit-items-mob .card:nth-child(n+4):not(.card-vis) {
  display: none;
}
.analit-items-mob__more {
  text-align: center;
  padding-top: 15px;
}
.analit-items-mob__more a {
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.h-spec {
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) {
  .h-spec {
    margin-bottom: 72px;
  }
}
.h-spec__title {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 112%; /* 35.84px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .h-spec__title {
    font-size: 28px;
  }
}
.h-spec__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .h-spec__container {
    display: block;
  }
}
.h-spec__part {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 32.5%;
          flex: 1 1 32.5%;
}
@media screen and (max-width: 1024px) {
  .h-spec__part {
    margin-bottom: 32px;
  }
  .h-spec__part .b-part__text {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 767px) {
  .h-spec__part .b-part__text {
    max-width: 315px;
    margin-bottom: 26px;
  }
  .h-spec__part .b-part__text br {
    display: none;
  }
}
.h-spec__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: calc(50% - 50vw + 9px);
  max-width: calc(100vw - 38.5% + 24px);
  -ms-flex: 1 1 calc(100vw - 38.5% + 24px);
      flex: 1 1 calc(100vw - 38.5% + 24px);
}
@media screen and (max-width: 1024px) {
  .h-spec__body {
    width: auto;
    max-width: none;
    margin: 0 -16px;
  }
}
@media screen and (max-width: 767px) {
  .h-spec__body {
    padding-top: 15px;
  }
}
.h-spec__slider .slick-list {
  padding: 1px;
}
.h-spec__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.h-spec__item {
  width: 688px;
  margin: 1px;
  height: auto;
}
.h-spec__arrows-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 32px;
}

.h-news {
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .h-news {
    margin-bottom: 72px;
  }
}
.h-news__title {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 112%; /* 35.84px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .h-news__title {
    font-size: 28px;
  }
}
.h-news__items {
  margin-right: -16px;
}
@media screen and (max-width: 767px) {
  .h-news__items {
    margin: 0;
  }
}
.h-news__items .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
}
.h-news__items.slick-initialized .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.h-news__items .card {
  margin-right: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
  .h-news__items .card {
    aspect-ratio: auto;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .h-news__items .card {
    margin-bottom: 16px;
    margin-right: 0;
  }
  .h-news__items .card:nth-child(n+4):not(.card-vis) {
    display: none;
  }
}
.h-news__more {
  text-align: center;
  padding-top: 19px;
}
@media screen and (max-width: 767px) {
  .h-news__more .link, .h-news__more .footer-bottom-menu li a, .footer-bottom-menu li .h-news__more a, .h-news__more .site-footer__menu ul li a, .site-footer__menu ul li .h-news__more a, .h-news__more .link-underline, .h-news__more .site-header__menu ul li a, .site-header__menu ul li .h-news__more a, .h-news__more .header-links li a, .header-links li .h-news__more a, .h-news__more .header-drop__menu ul li a, .header-drop__menu ul li .h-news__more a, .h-news__more .header-drop__pages ul li a, .header-drop__pages ul li .h-news__more a {
    font-size: 17px;
  }
}

.h-donor {
  margin-bottom: 56px;
}
@media screen and (max-width: 1024px) {
  .h-donor {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .h-donor {
    margin-bottom: 41px;
  }
}
.h-donor__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
  .h-donor__header {
    margin-bottom: 42px;
  }
}
.h-donor__title {
  margin: 0;
  text-align: center;
  letter-spacing: 0;
}
.h-donor__body {
  overflow: hidden;
  max-width: 100%;
}
.h-donor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .h-donor__list {
    gap: 32px;
    margin-bottom: 24px;
  }
}
.h-donor__list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 767px) {
  .h-donor__list-inner {
    gap: 32px;
  }
}
.donor-list-top .h-donor__list-inner {
  -webkit-animation: 20s linear 0s infinite normal none running leftSlider;
          animation: 20s linear 0s infinite normal none running leftSlider;
}
.donor-list-bottom .h-donor__list-inner {
  animation: 20s linear 0s infinite reverse none running leftSlider;
}
.h-donor__list:hover > div {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.h-donor__item {
  width: 148px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media screen and (max-width: 767px) {
  .h-donor__item {
    width: 118px;
  }
}
.h-donor__item img {
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .h-donor__item img {
    height: 64px;
  }
}

@-webkit-keyframes leftSlider {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes leftSlider {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.h-blue {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .h-blue {
    margin-bottom: 72px;
  }
}
.h-blue__body {
  border-radius: 24px;
  background-color: #0556b6;
  background-image: url(../img/bg-blue-pc.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  min-height: 453px;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 72px 32px 48px;
}
.about .h-blue__body {
  padding-left: 12px;
}
@media screen and (max-width: 1024px) {
  .h-blue__body {
    min-height: 380px;
  }
}
@media screen and (max-width: 767px) {
  .h-blue__body {
    min-height: 463px;
    background-image: url(../img/bg-blue-mob.svg);
    background-position: right bottom;
    padding: 41px 16px 37px;
  }
  .p-about .h-blue__body {
    min-height: 569px;
  }
}
.h-blue__title {
  margin-top: 0;
  margin-bottom: 32px;
}
.about .h-blue__title {
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .h-blue__title {
    margin-bottom: 24px;
    line-height: 1;
    letter-spacing: 0;
  }
}
.h-blue__text {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  /* font-size: 16px; */
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .h-blue__text br {
    display: none;
  }
}
.h-blue__link {
  margin-top: auto;
}
.h-blue__link a {
  color: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.h-rel {
  margin-bottom: 112px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .h-rel {
    margin-bottom: 70px;
  }
}
.h-rel__header-wrap {
  padding-top: 112px;
  position: relative;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .h-rel__header-wrap {
    padding-top: 72px;
    margin-bottom: 16px;
  }
}
.h-rel__header-wrap::before {
  content: "";
  height: 1px;
  position: absolute;
  left: 8px;
  right: 8px;
  top: 0;
  background: #060606;
}
@media screen and (max-width: 767px) {
  .h-rel__header-wrap::before {
    height: 1px;
    left: 16px;
    right: 16px;
  }
}
.h-rel__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .h-rel__header {
    overflow-x: hidden;
    padding-bottom: 16px;
    width: 100vw;
  }
}
.h-rel__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .h-rel__tabs {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}
@media screen and (min-width: 768px) {
  .h-rel__tabs {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}
.h-rel__tab {
  list-style: none;
}
.h-rel__tab + .h-rel__tab::before {
  content: "/";
  padding: 0 12px 0 7px;
  opacity: 0.4;
}
.h-rel__tab a {
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.h-rel__tab.uk-active::before, .h-rel__tab:hover::before {
  opacity: 1;
}
.h-rel__tab.uk-active a, .h-rel__tab:hover a {
  opacity: 1;
}
.h-rel__tab sup {
  font-size: 14px;
  line-height: 1.08;
}
@media screen and (min-width: 768px) {
  .h-rel__tab sup {
    vertical-align: 23px;
    margin-left: 2px;
  }
}
@media screen and (max-width: 767px) {
  .h-rel__tab sup {
    font-size: 12px;
    margin-left: 8px;
  }
}
.h-rel__lik {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.h-rel__lik .link, .h-rel__lik .footer-bottom-menu li a, .footer-bottom-menu li .h-rel__lik a, .h-rel__lik .site-footer__menu ul li a, .site-footer__menu ul li .h-rel__lik a, .h-rel__lik .link-underline, .h-rel__lik .site-header__menu ul li a, .site-header__menu ul li .h-rel__lik a, .h-rel__lik .header-links li a, .header-links li .h-rel__lik a, .h-rel__lik .header-drop__menu ul li a, .header-drop__menu ul li .h-rel__lik a, .h-rel__lik .header-drop__pages ul li a, .header-drop__pages ul li .h-rel__lik a {
  font-size: 17px;
  letter-spacing: -0.01em;
}

.rel-tab__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-bottom: 2px;
}
@media screen and (min-width: 1025px) {
  .rel-tab__inner {
    min-height: 688px;
  }
}

@media screen and (max-width: 1024px) {
  .tab-vac {
    display: block;
  }
}
.tab-vac__title {
  font-size: 32px;
  margin-bottom: 48px;
}
.tab-vac__left {
  background: #060606;
  color: #fff;
  border-radius: 24px;
  padding: 48px 48px 0;
  padding-bottom: 450px;
  background-image: url(../img/bg-lzi-1.svg);
  background-position: right 44px bottom 8px;
  background-repeat: no-repeat;
  background-size: 407px 396px;
}
.tab-vac__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-bottom: 12px;
}
.tab-vac__btn {
  margin-left: 100px;
  cursor: pointer;
}
.tab-vac__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
}
.tab-vac__items.vac-count-1 .card:first-of-type, .tab-vac__items.vac-count-2 .card:first-of-type, .tab-vac__items.vac-count-3 .card:first-of-type {
  grid-column: 1/-1;
}
.tab-vac__items.vac-count-2 .card:last-of-type {
  grid-column: 1/-1;
}
.tab-vac__items .cover-vac {
  min-height: 0;
  min-width: 0;
}
.tab-vac__items .cover-vac img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
  display: block;
}
.tab-vac__items.vac-count-1 .cover-vac {
  grid-column: 1/-1;
}
.tab-vac__items.vac-count-0 .cover-vac {
  grid-column: 1/-1;
  grid-row: 1/3;
}

.tab-mob__body {
  background-color: #060606;
  color: #fff;
  padding: 24px 34px 0;
  border-radius: 20px;
  min-height: 343px;
  background-image: url(../img/bg-mob-tab-pattern.svg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.tab-mob__body-title {
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 275px;
}
.tab-mob__body-link {
  text-align: center;
}
.tab-mob__body-link a {
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  color: inherit;
}

@media screen and (max-width: 1024px) {
  .tab-tend {
    display: block;
  }
}
.tab-tend__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  grid-column: 1/-1;
}
.tab-tend .card-vc-big {
  grid-column: 1;
  grid-row: 1/-1;
}

@media screen and (max-width: 1024px) {
  .tab-coop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tab-coop__content {
  grid-template-columns: 1;
  border-radius: 16px;
  border: 1px solid #f3f3f3;
  background-color: #060606;
  background-image: url(../img/bg-lzi-2.svg);
  background-repeat: no-repeat;
  background-position: left 50% bottom 8px;
  color: #fff;
  text-align: center;
  padding: 48px 48px 390px;
  grid-column: 1;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .tab-coop__content {
    border-radius: 20px;
    padding: 40px 8px 100px 24px;
    background-image: url(../img/bg-coop-mob-pattern.svg);
    background-position: left 100% bottom 6px;
    text-align: left;
  }
}
.tab-coop__content--title {
  margin-top: 0;
  margin-bottom: 64px;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .tab-coop__content--title {
    text-align: left;
    margin-bottom: 40px;
  }
  .tab-coop__content--title br {
    display: none;
  }
}
.tab-coop__content--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
@media screen and (max-width: 767px) {
  .tab-coop__content--items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.tab-coop__connect {
  border-radius: 16px;
  border: 1px solid #f3f3f3;
  background: #f7f7f9;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .tab-coop__connect {
    padding: 40px 24px 24px;
    border-radius: 20px;
    background: #f7f7f9;
  }
}
.tab-coop__connect--title {
  margin-top: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tab-coop__connect--title {
    margin-bottom: 70px;
  }
  .tab-coop__connect--title br {
    display: none;
  }
}
.tab-coop__connect--body {
  margin-top: auto;
}
@media screen and (min-width: 1025px) {
  .tab-coop__connect--body {
    padding-bottom: 6px;
  }
}
.tab-coop__connect .form-item label {
  display: block;
}

.tab-coop-item {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tab-coop-item__icon {
  margin-bottom: 16px;
}
.tab-coop-item__text {
  font-size: 13px;
  font-weight: 300;
  line-height: 128%; /* 17.92px */
  letter-spacing: -0.14px;
}

.coop-connect-form {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px 16px;
}
@media screen and (max-width: 767px) {
  .coop-connect-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px 22px;
  }
}
.coop-connect-form .form-item {
  position: relative;
}
.coop-connect-form .form-item-full {
  grid-column: 1/-1;
}
.coop-connect-form .form-input,
.coop-connect-form .form-textarea {
  height: 44px;
  resize: none;
  padding: 10px 0;
  line-height: 1.48;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .coop-connect-form .form-input,
  .coop-connect-form .form-textarea {
    height: 42px;
    font-size: 13px;
  }
}
.coop-connect-form .form-button {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .coop-connect-form .form-button {
    padding-top: 25px;
  }
}
.coop-connect-form [type=submit] {
  font-family: inherit;
  color: #060606;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  line-height: 1.25;
}
.coop-connect-form [type=submit]::before {
  height: 1.15px;
}

.b-support__inner,
.post-sbs__inner {
  position: relative;
  padding: 112px 0;
}
@media screen and (max-width: 1024px) {
  .b-support__inner,
  .post-sbs__inner {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.b-support__inner::before,
.post-sbs__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #060606;
}
@media screen and (min-width: 768px) {
  .post-sbs .b-support__inner::before,
  .post-sbs .post-sbs__inner::before {
    display: none;
  }
}
.b-support__title,
.post-sbs__title {
  max-width: 850px;
  margin-top: 0;
  margin-bottom: 40px;
  letter-spacing: 0;
}
.h-support .b-support__title,
.h-support .post-sbs__title {
  max-width: 688px;
}
@media screen and (max-width: 1024px) {
  .b-support__title,
  .post-sbs__title {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .b-support__title,
  .post-sbs__title {
    font-size: 34px;
    text-align: center;
    padding: 0 2px;
    margin-bottom: 32px;
  }
}
.b-support__body,
.post-sbs__body {
  margin-left: 50%;
  margin-right: 16.6666666667%;
}
.h-support .b-support__body,
.h-support .post-sbs__body {
  max-width: 380px;
}
@media screen and (max-width: 1024px) {
  .b-support__body,
  .post-sbs__body {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-support__body,
  .post-sbs__body {
    text-align: center;
  }
}
.b-support__text,
.post-sbs__text {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .b-support__text,
  .post-sbs__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .b-support__text,
  .post-sbs__text {
    margin-bottom: 28px;
  }
}
.b-support__link a,
.post-sbs__link a {
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.post-sbs__title {
  margin-bottom: 39px;
  max-width: 847px;
}
@media screen and (max-width: 767px) {
  .post-sbs__title {
    text-align: left;
  }
}
.post-sbs__body {
  padding-left: 8px;
}
@media screen and (max-width: 767px) {
  .post-sbs__body {
    text-align: left;
  }
}
.post-sbs__body .h6 {
  margin-bottom: 19px;
}
.post-sbs .inp-box {
  margin-bottom: 42px;
}
.post-sbs .link, .post-sbs .footer-bottom-menu li a, .footer-bottom-menu li .post-sbs a, .post-sbs .site-footer__menu ul li a, .site-footer__menu ul li .post-sbs a, .post-sbs .link-underline, .post-sbs .site-header__menu ul li a, .site-header__menu ul li .post-sbs a, .post-sbs .header-links li a, .header-links li .post-sbs a, .post-sbs .header-drop__menu ul li a, .header-drop__menu ul li .post-sbs a, .post-sbs .header-drop__pages ul li a, .header-drop__pages ul li .post-sbs a {
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  font-weight: 400;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.interaction--tenders {
  padding-bottom: 56px;
}
@media screen and (max-width: 1024px) {
  .interaction--tenders {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .interaction--tenders {
    padding-bottom: 10px;
  }
}
.interaction__top {
  min-height: 335px;
  background-image: url(../img/bg-interaction-top-pc.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-top: 65px;
}
@media screen and (max-width: 1024px) {
  .interaction__top {
    padding-bottom: 246px;
    background-image: url(../img/bg-interaction-top-mob.svg);
    background-position: left 50% bottom 3px;
    padding-top: 40px;
  }
}
.interaction__top--text {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.15px;
  max-width: 380px;
}
@media screen and (max-width: 1024px) {
  .interaction__top--text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    text-align: center;
  }
}
.interaction__menu {
  margin-top: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .interaction__menu {
    margin-bottom: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .interaction__menu {
    gap: 9px;
  }
}
.interaction__menu li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 68px;
  line-height: 100%; /* 68px */
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 1024px) {
  .interaction__menu li {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .interaction__menu li {
    gap: 9px;
  }
}
.interaction__menu li a {
  color: inherit;
}
.interaction__menu li a:hover {
  color: #000;
}
.interaction__menu li.current-menu-item {
  color: #000;
}
.interaction__menu li + li::before {
  content: " / ";
  color: #000;
}
@media screen and (max-width: 767px) {
  .interaction__body {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .interaction__bottom .b-support__title {
    font-size: 28px;
    line-height: 1.08;
  }
}
.interaction__bottom .b-support__text {
  margin-bottom: 41px;
}
@media screen and (max-width: 767px) {
  .interaction__bottom .b-support__text {
    width: 287px;
    margin-left: auto;
    margin-right: auto;
  }
}
.interaction__bottom .b-support__body {
  padding-left: 8px;
}
@media screen and (max-width: 767px) {
  .interaction__bottom .b-support__body {
    padding-left: 0;
  }
}
.interaction__bottom .vacancy-email {
  margin-bottom: 0;
}

.vacancies-list {
  position: relative;
  padding-top: 65px;
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .vacancies-list {
    grid-template-columns: 1fr;
  }
}
.vacancies-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.vacancies-list .card {
  min-height: 336px;
}
@media screen and (max-width: 1024px) {
  .vacancies-list .card {
    min-height: 226px;
  }
}
@media screen and (max-width: 767px) {
  .vacancies-list .card {
    padding: 22px 24px 24px;
  }
}

.tenders-list {
  position: relative;
  padding-top: 65px;
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .tenders-list {
    grid-template-columns: 1fr;
  }
}
.tenders-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.tenders-list .card {
  min-height: 336px;
}
@media screen and (max-width: 1024px) {
  .tenders-list .card {
    min-height: 226px;
  }
}
@media screen and (max-width: 767px) {
  .tenders-list .card {
    padding: 30px 36px 24px 24px;
    min-height: 343px;
  }
}
.tenders-list .card-vc-big {
  grid-row: 1/3;
}
@media screen and (max-width: 1024px) {
  .tenders-list .card-vc-big {
    grid-row: 1;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 767px) {
  .tenders-list .card-vc-big {
    grid-column: 1;
    padding: 22px 24px 24px;
  }
}

.article {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-top: 56px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding-bottom: 112px;
}
.article--vac {
  grid-template-rows: auto auto;
}
.article--post {
  padding-top: 72px;
}
@media screen and (max-width: 1024px) {
  .article {
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 767px) {
  .article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 32px;
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .article {
    padding-bottom: 64px;
  }
}
.article__header {
  grid-column: 8/21;
  grid-row: 1;
}
@media screen and (max-width: 1024px) {
  .article__header {
    grid-column: 2;
  }
}
@media screen and (max-width: 1024px) {
  .article__header--tender {
    grid-column: 1/-1;
  }
}
.article__header--post {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .article__header--post {
    margin-bottom: 24px;
  }
}
.article__header--page {
  text-align: center;
  margin-bottom: 32px;
  position: relative;
  grid-column: 1/-1;
}
@media screen and (max-width: 767px) {
  .article__header--page {
    margin-bottom: 24px;
    text-align: left;
  }
}
.article__header--page::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.article__header-top {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  grid-column: 1/7;
}
@media screen and (max-width: 767px) {
  .article__header-top {
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
.article__title {
  margin-top: 0;
  margin-bottom: 64px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .article__title {
    margin-bottom: 56px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .article__title--tender {
    margin-bottom: 40px;
  }
}
.article__title--post {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .article__title--post {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .article__title--page {
    font-size: 38px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .article__title--page {
    font-size: 28px;
    margin-bottom: 24px;
  }
}
.article__image {
  grid-column: 1/-1;
  grid-row: 2;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .article__image {
    margin-bottom: 32px;
  }
}
.article__image img {
  max-width: 100%;
  height: auto;
  border-radius: 24px;
  display: block;
}
@media screen and (max-width: 767px) {
  .article__image img {
    border-radius: 16px;
    min-height: 155px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.article__sidebar {
  grid-column: 1/7;
}
@media screen and (max-width: 1024px) {
  .article__sidebar {
    grid-column: 1;
  }
}
.article__sidebar--vac {
  grid-row: 2/-1;
}
.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  margin-bottom: 100px;
  grid-row: 1;
  grid-column: 1/7;
}
.article--vac .article__info {
  gap: 59px;
}
@media screen and (max-width: 767px) {
  .article--vac .article__info {
    gap: 49px;
  }
}
@media screen and (max-width: 1024px) {
  .article__info {
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column: 1;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .article__info {
    margin-bottom: 40px;
    gap: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.article__info--post {
  margin-bottom: 0;
  gap: 39px;
}
@media screen and (max-width: 767px) {
  .article__info--post {
    margin-bottom: 32px;
  }
}
.article__info--page {
  grid-row: 2;
}
.article__info-lbl {
  font-size: 18px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .article__info-lbl {
    font-size: 16px;
    letter-spacing: -0.16px;
    margin-bottom: 7px;
  }
}
.article__info--time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.article__info--time svg {
  height: 16px;
  width: 16px;
  -ms-flex-item-align: center;
      align-self: center;
}
.article__content {
  min-width: 0;
  position: relative;
}
.article__content--vac {
  grid-column: 8/20;
  grid-row: 2;
}
@media screen and (max-width: 1024px) {
  .article__content--vac {
    grid-column: 2;
  }
}
.article__content--post {
  grid-row: 3;
  grid-column: 8/20;
}
.article-without-image .article__content--post {
  grid-row: 2;
}
@media screen and (max-width: 1024px) {
  .article__content--post {
    grid-column: 2;
  }
}
.article__content--page {
  grid-column: 8/20;
  grid-row: 2;
}
@media screen and (max-width: 1024px) {
  .article__content--page {
    grid-column: 2;
  }
}
.article__content .b-entry {
  margin-bottom: 40px;
  line-height: 1.22;
  letter-spacing: 0;
}
.article--post .article__content .b-entry {
  line-height: 1.08;
}
@media screen and (max-width: 767px) {
  .article__content .b-entry {
    margin-bottom: 24px;
    line-height: 1.12;
  }
}
.article__share {
  position: relative;
}
@media screen and (max-width: 767px) {
  .article__share {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .uk-active > .article__share {
    margin-top: auto;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1025px) {
  .uk-active > .article__share {
    margin-bottom: 32px;
  }
}
.article__share-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.article__share-link .icon svg {
  display: block;
}
.open > .article__share-link {
  opacity: 0;
}
.article__contribution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  margin-top: -16px;
}
@media screen and (max-width: 767px) {
  .article__contribution {
    margin-top: -8px;
  }
}
.article__contribution--label {
  font-size: 12px;
  font-weight: 300;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
  opacity: 0.56;
}
.article__contribution--logo img {
  display: block;
  height: 72px;
  width: 132px;
  -o-object-fit: contain;
     object-fit: contain;
}
.article__progress {
  padding: 13px 0;
  background: #fff;
  width: 100%;
  z-index: 992;
  visibility: hidden;
  height: 0;
}
@media screen and (max-width: 767px) {
  .article__progress {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    visibility: visible;
    padding: 0;
  }
}
.article__progress.uk-active {
  display: block;
  visibility: visible;
  height: auto;
}
@media screen and (max-width: 767px) {
  .article__progress--head {
    display: none;
  }
}
.article__progress--lbl {
  color: rgba(6, 6, 6, 0.3);
  font-family: "Tinos", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 112%; /* 17.92px */
}
.article__progress--title {
  color: #060606;
  font-family: "Tinos", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 112%;
}
.article__progress--bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .article__progress--bar {
    height: 2px;
  }
}
.article__progress--scale {
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .article__progress--scale {
    height: 2px;
  }
}

.share-popup {
  position: absolute;
  left: 0;
  bottom: 4px;
  padding-left: 32px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .share-popup {
    width: 100%;
  }
}
.open > .share-popup {
  visibility: visible;
  opacity: 1;
}
.share-popup__links {
  border-radius: 20px;
  border: 1px solid #000;
  background: #fff;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.share-popup__links a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.share-popup--close {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 32px;
  width: 32px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.share-popup--close svg {
  display: block;
  height: 32px;
  width: 32px;
}

.b-content {
  font-size: 15px;
  font-weight: 300;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .b-content {
    line-height: 149%;
  }
}
@media screen and (max-width: 767px) {
  .b-content.content-vac {
    margin-bottom: 40px;
  }
}
.b-content p {
  margin-bottom: 19px;
  margin-top: 1em;
}
.b-content h3 {
  margin-top: 72px;
  margin-bottom: 42px;
  max-width: 586px;
}
@media screen and (max-width: 1024px) {
  .b-content h3 {
    margin-top: 56px;
    margin-bottom: 32px;
  }
}
.b-content a:not(.not-underline) {
  display: inline;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), color-stop(33%, currentColor), color-stop(33%, transparent), color-stop(66%, transparent), color-stop(67%, currentColor));
  background-image: linear-gradient(to right, currentColor 0%, currentColor 33%, transparent 33%, transparent 66%, currentColor 67%);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 300% 1px;
}
.b-content a:not(.not-underline):hover {
  -webkit-animation: bg-link 0.9s ease-in-out;
          animation: bg-link 0.9s ease-in-out;
}
.b-content ul {
  padding-left: 22px;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .b-content ul {
    margin-bottom: 33px;
  }
}
.b-content ul li {
  margin-bottom: 1em;
  list-style: none;
}
.b-content ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #060606;
  display: block;
  float: left;
  margin-left: -22px;
  margin-top: 0.5em;
}
.b-content ol {
  counter-reset: ol-post;
  margin: 40px 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .b-content ol {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.b-content ol li {
  list-style: none;
  padding-left: 40px;
}
.b-content ol li + li {
  margin-top: 16px;
}
.b-content ol li::before {
  counter-increment: ol-post;
  content: counter(ol-post);
  height: 24px;
  width: 24px;
  border-radius: 100%;
  border: 1px solid #060606;
  /*  position: absolute;
   top: -1px;
   left: 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-indent: -2px;
  float: left;
  margin-left: -40px;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .content-tender {
    margin-bottom: 40px;
  }
}
.content-tender__item + .content-tender__item {
  margin-top: 56px;
}
.content-tender__item h3 {
  margin-top: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .content-tender__item h3 {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 112%; /* 31.36px */
    letter-spacing: -0.28px;
  }
}
.content-tender__item p {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .content-tender__item p {
    margin-bottom: 16px;
  }
}
.content-tender__rait {
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .content-tender__rait {
    margin-top: 32px;
  }
}
.content-tender__rait h6 {
  margin-top: 0;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .content-tender__rait h6 {
    margin-bottom: 24px;
  }
}
.content-tender__rait ul {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .content-tender__rait ul {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .vacancy-email {
    margin-bottom: 56px;
  }
}
.vacancy-email__title {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  opacity: 0.56;
  margin-bottom: 24px;
}
.vacancy-email__link {
  padding-bottom: 12px;
  font-size: 15px;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .vacancy-email__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.vacancy-email__link-btn {
  margin-left: auto;
}
.vacancy-email__link svg {
  display: block;
}

.side-sticky {
  position: sticky;
}
@media screen and (min-width: 768px) {
  .side-sticky.uk-active {
    min-height: calc(100vh - 70px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .has-progress .side-sticky.uk-active {
    min-height: calc(100vh - 130px);
  }
}

.side-block {
  border-radius: 24px;
  background-color: #060606;
  background-image: url(../img/bg-side-block.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  color: #fff;
  padding: 24px;
  margin-bottom: 32px;
}
.side-block.side-manual {
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .side-block {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .side-block--vacancy {
    min-height: 243px;
  }
}
.side-block__title {
  margin-bottom: 18px;
}
.side-manual .side-block__title {
  margin-bottom: 0;
}
.added-mat-tender .side-block__title {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .added-mat-tender .side-block__title {
    margin-bottom: 38px;
  }
}
.side-block__text {
  font-size: 14px;
  font-weight: 300;
  line-height: 138%; /* 19.32px */
  letter-spacing: -0.14px;
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .side-block--vacancy .side-block__text {
    max-width: 256px;
  }
}
.side-block__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-bottom: 12px;
}
.side-block__link--manual {
  margin-top: 36px;
  padding-bottom: 0;
}
.side-block__link--manual a {
  font-size: 18px;
  letter-spacing: 0.01em;
}
.side-block__link a {
  color: inherit;
}
.side-block__link--btn {
  margin-left: 48px;
}
.side-block__link--btn svg {
  display: block;
}
.side-block__list {
  padding-left: 0;
  margin: 0;
  display: block;
  width: auto;
}
@media screen and (min-width: 1025px) {
  .side-block__list {
    padding-right: 75px;
  }
}
@media screen and (max-width: 767px) {
  .side-block__list {
    padding-right: 41px;
  }
}
.side-block__list li {
  list-style: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #fff;
          box-shadow: inset 0 -1px 0 0 #fff;
  padding: 12px 0;
}
.side-block__list li a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  font-size: 16px;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
.side-block__list li a::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_30_42799)'%3E%3Cpath d='M10.9044 15.5585L12.3571 14.1059L13.3948 15.1437L10.0004 18.5373L6.606 15.1437L7.64373 14.1059L9.09636 15.5585L9.26707 15.7292V15.4878V10.9337H10.7337V15.4878V15.7292L10.9044 15.5585ZM15.6961 6.84019L15.7039 6.90735L15.7691 6.92514C16.7834 7.20173 17.6682 7.82596 18.2689 8.68874C18.8696 9.55152 19.148 10.598 19.0555 11.6452C18.9629 12.6924 18.5053 13.6738 17.7626 14.4179C17.0457 15.136 16.1072 15.589 15.1012 15.7046V14.2225C15.467 14.1594 15.8182 14.0294 16.1372 13.8386C16.4811 13.633 16.7805 13.3609 17.0181 13.0383C17.2556 12.7157 17.4265 12.349 17.5208 11.9596C17.6151 11.5702 17.6309 11.1659 17.5672 10.7703C17.5036 10.3748 17.3618 9.99585 17.1501 9.6557C16.9384 9.31554 16.661 9.02096 16.3343 8.78915C16.0075 8.55735 15.6378 8.39295 15.2468 8.30557C14.903 8.22875 14.5488 8.21281 14.2002 8.25809C14.3041 7.68015 14.2876 7.08646 14.1512 6.51426C14.0036 5.89524 13.7195 5.31706 13.3195 4.82208C12.9196 4.3271 12.414 3.92786 11.8397 3.65359C11.2655 3.37931 10.6372 3.23697 10.0008 3.23697C9.36445 3.23697 8.73614 3.37931 8.16191 3.65359C7.58768 3.92786 7.08207 4.3271 6.68212 4.82208C6.28217 5.31706 5.99801 5.89524 5.85044 6.51426C5.71414 7.08606 5.69758 7.67932 5.80117 8.25688C5.06044 8.15462 4.30602 8.33105 3.68591 8.75508C3.02545 9.2067 2.57145 9.90218 2.42379 10.6885C2.27612 11.4749 2.44687 12.2877 2.89849 12.9482C3.35011 13.6086 4.04559 14.0626 4.83194 14.2103L4.83194 14.2103L4.83396 14.2106L4.9004 14.2217V15.7046C3.89436 15.5892 2.95578 15.1363 2.23878 14.4182C1.49595 13.6742 1.03822 12.6928 0.945573 11.6455C0.852928 10.5983 1.13127 9.55178 1.73195 8.68894C2.33262 7.82609 3.21743 7.20179 4.23171 6.92513L4.29695 6.90734L4.30474 6.84017C4.46667 5.44319 5.1364 4.15444 6.18656 3.21905C7.23672 2.28366 8.59405 1.76688 10.0004 1.76699C11.4067 1.76706 12.7639 2.28391 13.8141 3.21926C14.8642 4.15462 15.534 5.44327 15.6961 6.84019Z' fill='white' stroke='%23060606' stroke-width='0.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30_42799'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.side-block__list li a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_30_42798)'%3E%3Cpath d='M10.8337 10.8337V15.4878L12.3571 13.9645L13.5362 15.1437L10.0004 18.6787L6.46457 15.1437L7.64373 13.9645L9.16707 15.4878V10.8337H10.8337ZM10.0004 1.66699C11.4312 1.66706 12.8121 2.19292 13.8806 3.14459C14.949 4.09626 15.6305 5.40738 15.7954 6.82866C16.8323 7.11142 17.7368 7.74958 18.351 8.6316C18.9651 9.51362 19.2497 10.5834 19.1551 11.654C19.0605 12.7246 18.5926 13.7279 17.8334 14.4885C17.0741 15.2492 16.0716 15.7188 15.0012 15.8153L15.0004 14.167C15.0017 12.8563 14.4883 11.5975 13.5707 10.6615C12.6531 9.72561 11.4047 9.18743 10.0942 9.16285C8.78369 9.13827 7.51595 9.62926 6.56389 10.5301C5.61182 11.431 5.05157 12.6697 5.00373 13.9795L5.0004 14.167V15.8153C3.92994 15.7189 2.9274 15.2494 2.16801 14.4888C1.40862 13.7282 0.940673 12.725 0.845962 11.6543C0.751251 10.5837 1.0358 9.5139 1.64987 8.6318C2.26395 7.74971 3.16849 7.11148 4.2054 6.82866C4.37016 5.40731 5.05157 4.09608 6.12005 3.14438C7.18853 2.19268 8.56953 1.66688 10.0004 1.66699Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30_42798'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.tender-block__title {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  opacity: 0.56;
  margin-bottom: 12px;
}
.tender-block__list {
  padding-left: 0;
  margin: 0;
  display: block;
  width: auto;
  margin-bottom: 56px;
}
.tender-block__list li {
  list-style: none;
  -webkit-box-shadow: 0 1px 0 0 #060606;
          box-shadow: 0 1px 0 0 #060606;
  padding: 12px 0;
}
.tender-block__list li a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  font-size: 16px;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
.tender-block__list li a::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_71_163046)'%3E%3Cpath d='M10.9044 15.5583L12.3571 14.1057L13.3948 15.1434L10.0004 18.537L6.606 15.1434L7.64373 14.1057L9.09636 15.5583L9.26707 15.729V15.4876V10.9334H10.7337V15.4876V15.729L10.9044 15.5583ZM15.6961 6.83994L15.7039 6.9071L15.7691 6.92489C16.7834 7.20149 17.6682 7.82572 18.2689 8.6885C18.8696 9.55127 19.148 10.5977 19.0555 11.6449C18.9629 12.6922 18.5053 13.6736 17.7626 14.4176C17.0457 15.1358 16.1072 15.5888 15.1012 15.7043V14.2222C15.467 14.1592 15.8182 14.0291 16.1372 13.8384C16.4811 13.6327 16.7805 13.3607 17.0181 13.038C17.2556 12.7154 17.4265 12.3487 17.5208 11.9593C17.6151 11.5699 17.6309 11.1656 17.5672 10.7701C17.5036 10.3745 17.3618 9.99561 17.1501 9.65545C16.9384 9.3153 16.661 9.02072 16.3343 8.78891C16.0075 8.5571 15.6378 8.39271 15.2468 8.30533C14.903 8.22851 14.5488 8.21256 14.2002 8.25785C14.3041 7.67991 14.2876 7.08621 14.1512 6.51402C14.0036 5.895 13.7195 5.31682 13.3195 4.82184C12.9196 4.32686 12.414 3.92761 11.8397 3.65334C11.2655 3.37907 10.6372 3.23672 10.0008 3.23672C9.36445 3.23672 8.73614 3.37907 8.16191 3.65334C7.58768 3.92761 7.08207 4.32686 6.68212 4.82184C6.28217 5.31682 5.99801 5.895 5.85044 6.51402C5.71414 7.08581 5.69758 7.67908 5.80117 8.25663C5.06044 8.15438 4.30602 8.33081 3.68591 8.75484C3.02545 9.20645 2.57145 9.90194 2.42379 10.6883C2.27612 11.4746 2.44687 12.2875 2.89849 12.9479C3.35011 13.6084 4.04559 14.0624 4.83194 14.21L4.83194 14.2101L4.83396 14.2104L4.9004 14.2215V15.7043C3.89436 15.5889 2.95578 15.136 2.23878 14.4179C1.49595 13.6739 1.03822 12.6925 0.945573 11.6453C0.852928 10.598 1.13127 9.55154 1.73195 8.68869C2.33262 7.82585 3.21743 7.20154 4.23171 6.92489L4.29695 6.9071L4.30474 6.83993C4.46667 5.44294 5.1364 4.1542 6.18656 3.21881C7.23672 2.28342 8.59405 1.76664 10.0004 1.76675C11.4067 1.76682 12.7639 2.28366 13.8141 3.21902C14.8642 4.15438 15.534 5.44302 15.6961 6.83994Z' fill='%23060606' stroke='white' stroke-width='0.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_71_163046'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.hash-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 32px;
}

.hash-tag {
  opacity: 0.56;
  font-size: 14px;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.hash-tag:nth-child(n+4) {
  display: none;
}
.open-tags .hash-tag:nth-child(n+4) {
  display: initial;
}
@media screen and (max-width: 767px) {
  .hash-tag:nth-child(n+3) {
    display: none;
  }
  .open-tags .hash-tag:nth-child(n+3) {
    display: initial;
  }
}

.hash-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  font-size: 14px;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hash-all .icon {
  height: 16px;
  width: 16px;
}

.hashs-hide {
  display: none;
}
.open-tags .hashs-hide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.open-tags .hashs-show {
  display: none;
}

.posts-other__title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .posts-other__title {
    font-size: 28px;
  }
}
.posts-other__arrows {
  margin-bottom: -6px;
}
.posts-other__slider {
  margin-left: -8px;
  margin-right: -8px;
}
.posts-other__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.posts-other .card-vc {
  min-height: 336px;
  height: auto;
  margin: 1px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .posts-other .card-vc {
    min-height: 226px;
    margin: 0 0 16px;
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .posts-other .card-tender {
    min-height: 343px;
  }
}

.rel-other-slider {
  margin-bottom: 100px;
}
.posts-other--vacancy .rel-other-slider {
  margin-bottom: 111px;
}
@media screen and (max-width: 767px) {
  .posts-other--vacancy .rel-other-slider {
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .rel-other-slider {
    margin-bottom: 72px;
    margin-left: 0;
    margin-right: 0;
  }
}

.black-digits {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px 0;
  border-radius: 16px;
  margin: 40px 0;
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .black-digits {
    margin: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.black-digits__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 8px 32px;
  text-align: center;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  .black-digits__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 8px;
  }
}
.black-digits__item + .black-digits__item::before {
  content: "";
  position: absolute;
  width: 1px;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.16);
}
.black-digits__num {
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%; /* 68px */
  margin-bottom: 8px;
}
.black-digits__text {
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  font-size: 12px;
  letter-spacing: -0.12px;
}

.digits {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  margin: 56px 0 40px;
  gap: 28px;
}
@media screen and (max-width: 1024px) {
  .digits {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .digits {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.digits__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 194px;
          flex: 0 0 194px;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .digits__item + .digits__item {
    margin-top: 32px;
  }
}
.digits__num {
  font-size: 68px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%; /* 68px */
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .digits__num {
    font-size: 56px;
  }
}
.digits__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
@media screen and (max-width: 767px) {
  .digits__text {
    max-width: 290px;
  }
}

.b-black {
  background: #060606;
  color: #fff;
}

.b-audio {
  margin-bottom: 56px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .b-audio {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.b-audio__player {
  margin-bottom: 12px;
}
.b-audio__info {
  font-size: 12px;
  font-weight: 300;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
  opacity: 0.64;
}

.mejs-container {
  border-radius: 16px;
  border: 1px solid #000;
  background: #fff;
  color: #060606;
  min-height: 64px;
}
.mejs-container * {
  font-family: inherit;
}

.mejs-controls {
  height: 100%;
  padding: 0 16px;
}
.mejs-controls:not([style*="display: none"]) {
  background: transparent;
}
.mejs-controls .mejs-time-rail {
  margin: 0 16px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .mejs-controls .mejs-time-rail {
    margin: 0 12px;
  }
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  height: 3px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.06);
  margin: 0;
  top: calc(50% - 1.5px);
  overflow: hidden;
  border-radius: 2px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  height: 3px;
  border-radius: 1000px;
  background: #000;
  margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 3px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-hovered {
  display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
  background: transparent;
  display: none;
  border-color: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  border-top-color: #000;
}
.mejs-controls .mejs-horizontal-volume-slider {
  height: auto;
  width: 45px;
}
.mejs-controls .mejs-horizontal-volume-slider::before {
  display: none;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.06);
  top: calc(50% - 1.5px);
  height: 3px;
  width: 45px;
  overflow: hidden;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #000;
}

.mejs-button {
  height: 64px;
  width: 32px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .mejs-playpause-button {
    width: 40px;
  }
}
.mejs-playpause-button > button {
  background-color: #060606;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  margin: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mejs-play > button {
  outline: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3561 7.11867C14.0594 7.49574 14.0594 8.50427 13.3561 8.88134L5.97249 12.8397C5.30632 13.1969 4.5 12.7143 4.5 11.9584L4.5 4.04159C4.5 3.28572 5.30632 2.80311 5.97249 3.16025L13.3561 7.11867Z' fill='white'/%3E%3C/svg%3E");
}

.mejs-pause {
  outline: none !important;
}
.mejs-pause > button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='3' y='3' width='3.5' height='10' rx='1' fill='white'/%3E%3Crect x='9' y='3' width='3.5' height='10' rx='1' fill='white'/%3E%3C/svg%3E");
}

.mejs-time {
  color: #060606;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  opacity: 0.56;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}

.mejs-currenttime {
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .mejs-currenttime {
    padding-left: 12px;
  }
}

.mejs-volume-button {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
  width: 20px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .mejs-volume-button {
    margin-left: 12px;
  }
}
.mejs-volume-button > button {
  margin: auto;
  height: 20px;
  width: 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

.mejs-unmute > button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.9062 13.3335H1.66536C1.44435 13.3335 1.23239 13.2457 1.07611 13.0894C0.919829 12.9332 0.832031 12.7212 0.832031 12.5002V7.50018C0.832031 7.27917 0.919829 7.06721 1.07611 6.91093C1.23239 6.75464 1.44435 6.66685 1.66536 6.66685H4.9062L9.31786 3.05685C9.37891 3.0068 9.45291 2.97513 9.53125 2.96551C9.6096 2.95589 9.68906 2.96872 9.7604 3.00251C9.83174 3.0363 9.89201 3.08966 9.93419 3.15637C9.97638 3.22309 9.99875 3.30041 9.9987 3.37935V16.621C9.99875 16.6999 9.97638 16.7773 9.93419 16.844C9.89201 16.9107 9.83174 16.9641 9.7604 16.9978C9.68906 17.0316 9.6096 17.0445 9.53125 17.0349C9.45291 17.0252 9.37891 16.9936 9.31786 16.9435L4.9062 13.3335Z' fill='black'/%3E%3Cpath d='M18 12.143L15.857 10L18 7.85697L17.143 7L15 9.14303L12.857 7L12 7.85697L14.143 10L12 12.143L12.857 13L15 10.857L17.143 13L18 12.143Z' fill='black'/%3E%3C/svg%3E");
}

.mejs-mute > button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1065_36659)'%3E%3Cpath d='M7.4062 13.3335H4.16536C3.94435 13.3335 3.73239 13.2457 3.57611 13.0894C3.41983 12.9332 3.33203 12.7212 3.33203 12.5002V7.50018C3.33203 7.27917 3.41983 7.06721 3.57611 6.91093C3.73239 6.75464 3.94435 6.66685 4.16536 6.66685H7.4062L11.8179 3.05685C11.8789 3.0068 11.9529 2.97513 12.0313 2.96551C12.1096 2.95589 12.1891 2.96872 12.2604 3.00251C12.3317 3.0363 12.392 3.08966 12.4342 3.15637C12.4764 3.22309 12.4988 3.30041 12.4987 3.37935V16.621C12.4988 16.6999 12.4764 16.7773 12.4342 16.844C12.392 16.9107 12.3317 16.9641 12.2604 16.9978C12.1891 17.0316 12.1096 17.0445 12.0313 17.0349C11.9529 17.0252 11.8789 16.9936 11.8179 16.9435L7.40703 13.3335H7.4062ZM15.7179 13.826L14.5329 12.641C14.9374 12.3299 15.265 11.93 15.4903 11.472C15.7156 11.0141 15.8325 10.5105 15.832 10.0002C15.832 8.80851 15.207 7.76268 14.2654 7.17351L15.4645 5.97435C16.0957 6.43867 16.6088 7.04506 16.9622 7.74444C17.3156 8.44383 17.4994 9.21658 17.4987 10.0002C17.4987 11.5352 16.807 12.9085 15.7179 13.826Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1065_36659'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.b-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 24px;
  margin: 72px 0;
}
@media screen and (max-width: 1024px) {
  .b-quote {
    margin: 56px 0;
  }
}
.b-quote__text {
  text-align: center;
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
  line-height: 112%; /* 29.12px */
  letter-spacing: -0.26px;
}
@media screen and (max-width: 767px) {
  .b-quote__text {
    font-size: 24px;
    line-height: 116%; /* 27.84px */
    letter-spacing: -0.24px;
  }
  .b-quote__text br {
    display: none;
  }
}
.b-quote__delim {
  height: 104px;
  width: 1px;
  background: #060606;
}
@media screen and (max-width: 1024px) {
  .b-quote__delim {
    height: 72px;
  }
}
.b-quote__author--name {
  font-size: 16px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  margin-bottom: 4px;
}
.b-quote__author--position {
  font-size: 14px;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  opacity: 0.56;
}

.b-image {
  margin-top: 40px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1024px) {
  .b-image {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.b-image img {
  max-width: 100%;
  display: block;
  border-radius: 24px;
}
.b-image .img-caption {
  padding-top: 12px;
}

.b-manual {
  text-align: center;
  margin-top: 56px;
  margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
  .b-manual {
    background-color: #060606;
    color: #fff;
    border-radius: 24px;
    background-image: url(../img/bg-side-block.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 24px;
    margin-top: 27px;
    margin-bottom: 32px;
    text-align: left;
  }
}
.b-manual__title {
  margin-bottom: 12px;
  opacity: 0.64;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
@media screen and (max-width: 767px) {
  .b-manual__title {
    color: #fff;
    font-family: "Tinos", serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 22.4px */
    opacity: 1;
    text-align: left;
    max-width: 255px;
    margin-bottom: 40px;
  }
}
.b-manual__link a {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  color: inherit;
}

.b-author {
  margin-top: 96px;
}
@media screen and (max-width: 767px) {
  .b-author {
    margin-top: 64px;
  }
}
.b-author__title {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .b-author__title {
    font-size: 28px;
    letter-spacing: -0.01em;
    margin-bottom: 35px;
  }
}
.b-author__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.b-author__item {
  border-radius: 20px;
  background: #f5f5f8;
  padding: 16px 16px 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 336px;
          flex: 0 0 336px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  min-height: 100px;
}
@media screen and (max-width: 767px) {
  .b-author__item {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.b-author__item--image img {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-author__item--name {
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 400;
  line-height: 122%; /* 26.84px */
  padding-top: 7px;
}
.b-author__item--position {
  font-size: 14px;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  opacity: 0.56;
}

.slider-other-posts {
  margin-left: 0px;
  margin-right: -8px;
}
@media screen and (max-width: 1024px) {
  .slider-other-posts {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .slider-other-posts {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 56px;
  }
}
.slider-other-posts .slick-list {
  padding: 1px;
}
.slider-other-posts .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider-other-posts .slick-track::before, .slider-other-posts .slick-track::after {
  display: none;
}
.slider-other-posts .card {
  margin-right: 16px;
  height: auto;
  aspect-ratio: auto;
}
@media screen and (max-width: 767px) {
  .slider-other-posts .card {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.slider-other-posts .card-h {
  width: calc((100vw - 32px) / 3 * 2 - 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .slider-other-posts .card-h {
    width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .slider-other-posts .card-h {
    width: auto;
  }
}
.slider-other-posts .card-d,
.slider-other-posts .card-v {
  width: calc((100vw - 32px) / 3 - 16px);
  display: block;
}
.slick-initialized .slider-other-posts .card-d,
.slick-initialized .slider-other-posts .card-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .slider-other-posts .card-d,
  .slider-other-posts .card-v {
    width: 352px;
    width: calc((100vw - 20px) / 3 - 16px);
  }
}
@media screen and (max-width: 991px) {
  .slider-other-posts .card-d,
  .slider-other-posts .card-v {
    width: 352px;
  }
}
@media screen and (max-width: 767px) {
  .slider-other-posts .card-d,
  .slider-other-posts .card-v {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider-other-posts.slick-initialized .card-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1360px) {
  .slider-other-posts.slick-initialized .card-d {
    aspect-ratio: auto;
  }
}

.b-interview__title {
  margin-top: 72px;
  margin-bottom: 48px;
  max-width: 586px;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 108%; /* 43.2px */
}
@media screen and (max-width: 767px) {
  .b-interview__title {
    margin-top: 56px;
    margin-bottom: 40px;
    font-size: 28px;
  }
}
.b-interview__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.b-interview__ava img {
  display: block;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-interview__qst {
  margin-bottom: 48px;
  font-size: 22px;
  font-weight: 400;
  line-height: 122%; /* 26.84px */
}
@media screen and (max-width: 767px) {
  .b-interview__qst {
    margin-bottom: 32px;
  }
}
.b-interview__quote {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .b-interview__quote {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.b-interview__image {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .b-interview__image {
    margin-bottom: 32px;
  }
}
.b-interview__image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
}

.contents {
  padding: 20px 24px;
  border-radius: 24px;
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .contents {
    min-height: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .contents.cnt-open {
    min-height: 406px;
  }
}
@media screen and (max-width: 767px) {
  .contents {
    border-left: 0;
    border-right: none;
    border-top: none;
    border-radius: 0;
    background: #fff;
    padding: 0;
  }
}
.contents__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.cnt-open .contents__title {
  margin-bottom: 24px;
}
.contents__title--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  margin-left: auto;
}
.contents__title--icon:hover .ic-plus {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.contents__title .ic-plus {
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.cnt-open .contents__title .ic-plus {
  display: none;
}
.contents__title .ic-minus {
  display: none;
}
.cnt-open .contents__title .ic-minus {
  display: block;
}
.contents::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 86px;
  background: linear-gradient(176deg, rgba(255, 255, 255, 0) 3.62%, #fff 66.18%);
}
.contents__body {
  padding-top: 5px;
  overflow-y: auto;
  height: calc(100vh - 40px);
  height: 315px;
  scrollbar-width: thin; /* "auto" или "thin"  */
  scrollbar-color: #e1e9eb transparent;
}
.contents__body::-webkit-scrollbar {
  height: 6px;
  width: 3px;
}
.contents__body::-webkit-scrollbar-track {
  background: transparent;
}
.contents__body::-webkit-scrollbar-thumb {
  background: rgba(6, 6, 6, 0.06);
  opacity: 0;
  border-radius: 5px;
}
.contents__body::-webkit-scrollbar-thumb:hover {
  background-color: #e1e9eb;
  opacity: 1;
}
.contents__body::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(85%, #fff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #fff 85%);
  height: 90px;
}
.contents__menu {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: cnt-m;
  padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
  .contents__menu {
    background: #fff;
    position: static;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
  }
  .contents__menu::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(85%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #fff 85%);
    height: 90px;
  }
  .contents__menu--info {
    padding-top: 24px;
    padding-bottom: 24px;
    font-family: "Tinos", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 112%;
    letter-spacing: -0.01em;
    color: #060606;
    padding-left: 0 !important;
    position: relative;
    margin-bottom: 24px;
  }
  .contents__menu--info::before, .contents__menu--info::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #060606;
  }
  .contents__menu--info::before {
    top: 0;
  }
  .contents__menu--info::after {
    bottom: 0;
    background: rgba(6, 6, 6, 0.12);
  }
  .contents__menu--info-inner {
    max-width: 298px;
  }
  .contents__menu--info-lbl {
    color: rgba(6, 6, 6, 0.4);
  }
}
.contents__menu > li {
  list-style: none;
  padding-left: 32px;
  padding-bottom: 24px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents__menu > li {
    padding-bottom: 20px;
  }
}
.contents__menu > li > a {
  line-height: 1.12;
}
@media screen and (max-width: 767px) {
  .contents__menu > li > a {
    font-size: 14px;
    line-height: 18px;
  }
}
.contents__menu > li > a > .before {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  border: 1px solid #060606;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0px;
  top: -2px;
  font-size: 14px;
  line-height: 1;
  font-family: "Inter", sans-serif;
  text-indent: -1px;
}
.contents__menu > li ol {
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 0;
  counter-reset: cnt-s;
}
@media screen and (max-width: 767px) {
  .contents__menu > li ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contents__menu > li ol > li {
  list-style: none;
  padding-left: 0;
}
.contents__menu > li ol > li + li {
  margin-top: 12px;
}
.contents__menu > li ol > li a {
  color: #060606;
  font-size: 14px;
  font-weight: 500;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.contents__menu > li ol > li a:hover {
  text-decoration: underline;
}

.contents-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.contents-button__icon svg {
  display: block;
  height: 20px;
  width: 20px;
}

.img-caption {
  color: #060606;
  font-size: 12px;
  font-weight: 300;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.12px;
  opacity: 0.64;
}
@media screen and (max-width: 767px) {
  .img-caption {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .b-images-slider-wrap {
    overflow: hidden;
    margin-right: -32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .b-images-slider-wrap {
    padding-right: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-left: 16px;
  }
}

.b-images-slider {
  position: relative;
  margin-top: 40px;
  margin-bottom: 56px;
  margin-right: -16px;
}
@media screen and (max-width: 1024px) {
  .b-images-slider {
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .b-images-slider {
    margin-right: -8px;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .b-images-slider .slick-list {
    overflow: visible;
  }
}
.b-images-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-images-slider .slick-track::before, .b-images-slider .slick-track::after {
  display: none;
}
.b-images-slider .sl-item {
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .b-images-slider .sl-item {
    margin-right: 8px;
  }
}
.b-images-slider .sl-item img {
  max-width: 100%;
  display: block;
  margin-bottom: 12px;
  border-radius: 24px;
}
.b-images-slider .slick-arrow {
  position: absolute;
  top: 228px;
}
@media screen and (max-width: 1024px) {
  .b-images-slider .slick-arrow {
    display: none !important;
    visibility: hidden;
  }
}
.b-images-slider .slick-arrow.slick-arrow-prev {
  left: -20px;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.b-images-slider .slick-arrow.slick-arrow-next {
  right: -4px;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

.post-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 40px;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .post-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.post-images__item {
  min-width: 0;
}
.post-images__item img {
  display: block;
  max-width: 100%;
  margin-bottom: 12px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .post-images__item img {
    border-radius: 20px;
  }
}

.b-video {
  display: grid;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .b-video {
    margin-bottom: 32px;
    margin-top: 32px;
    border-radius: 20px;
  }
}
.b-video__cover {
  min-width: 0;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  border-radius: 24px;
}
.b-video__cover img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.b-video__cover .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
.b-video__cover .play-btn svg {
  display: block;
  height: 68px;
  width: 68px;
}
@media screen and (max-width: 767px) {
  .b-video__cover .play-btn svg {
    height: 56px;
    width: 56px;
  }
}
.b-video__cover a.play-link {
  position: absolute;
  color: #fff;
  font-size: 18px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  left: 50%;
  bottom: 24px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}
.b-video__cover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(6, 6, 6, 0.24);
  z-index: 1;
}
.b-video__cover:hover::before {
  background: rgba(6, 6, 6, 0.56);
}
.b-video__cover:hover .play-link {
  opacity: 1;
}
.b-video__player {
  grid-column: 1;
  grid-row: 1;
  z-index: -1;
  min-width: 0;
}
.show-video .b-video__player {
  z-index: 2;
}
.b-video__player iframe {
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .b-video__player iframe {
    border-radius: 20px;
  }
}

.has-hint--label {
  cursor: default;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}
.has-hint--label::before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  z-index: -1;
  background: #f5f5f8;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.has-hint--popup {
  position: absolute;
  display: none;
}
.has-hint--title {
  font-size: 14px;
  font-weight: 400;
  line-height: 132%; /* 18.48px */
  letter-spacing: -0.14px;
  margin-bottom: 12px;
  display: block;
}
.has-hint--text {
  color: rgba(6, 6, 6, 0.56);
  font-size: 12px;
  font-weight: 300;
  line-height: 138%; /* 16.56px */
  letter-spacing: -0.12px;
  display: block;
}

.article-hint {
  position: relative;
  grid-column: 21/25;
  grid-row: 3;
  z-index: -1;
}
.article-without-image .article-hint {
  grid-row: 2;
}
.article-hint.active {
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .article-hint {
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .article-hint.active {
    z-index: 988;
  }
}
.article-hint__inner {
  border-radius: 0px 20px 20px 20px;
  background: #f5f5f8;
  padding: 16px;
  position: absolute;
  left: -16px;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .article-hint__inner {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
}
@media screen and (max-width: 1024px) {
  .article-hint__inner {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: auto;
    position: static;
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    padding: 24px 40px 24px 36px;
  }
}
.active > .article-hint__inner {
  visibility: visible;
  opacity: 1;
}
.article-hint__close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.article-hint__close svg {
  width: 12px;
  height: 12px;
}
.article-hint__content {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .article-hint__content {
    margin-bottom: 0;
  }
}
.article-hint__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .article-hint__icon {
    position: absolute;
    top: 25px;
    left: 16px;
  }
}
.article-hint__icon svg {
  display: block;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 1024px) {
  .article-hint__icon svg {
    width: 14px;
    height: 14px;
  }
}

.name-chars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  color: #fff;
  background: #060606;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

.fancybox__backdrop {
  background: #060606;
  opacity: 0.8;
}

.fancybox__slide.has-image > .fancybox__content {
  border-radius: 24px;
}
.fancybox__slide.has-image > .fancybox__content img {
  display: block;
  border-radius: 24px;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn,
.fancybox__container .fancybox__slide.has-close-btn,
.fancybox__container .fancybox__slide.has-image {
  padding-top: 48px;
  padding-bottom: 48px;
}

.fancybox__nav .f-icon-prev,
.fancybox__nav .f-icon-next {
  stroke-width: initial;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  opacity: 1;
}

.f-btn-close {
  padding: 5px;
  width: 53px;
  height: 21px;
  background: transparent;
  margin-right: 15px;
  margin-top: 13px;
}
.f-btn-close svg {
  display: block;
  height: 11px;
  width: 43px;
  fill: none;
  stroke-width: initial;
}

/*
.fancybox__content>.f-button.is-close-btn, .is-compact .fancybox__content>.f-button.is-close-btn {
    padding: 5px;
    height: 21px;
    width: 53px;
    opacity: 1;

    position: absolute;
    left: calc(50% + 50vw);
    margin-left: -18px;
    transform: translateX(-100%);
    margin-top: 5px;
    top: -36px;
    background: transparent;
    border-radius: 0;
    svg {
        height: 11px;
        width: 43px;
        stroke-width: initial;
        fill: none;
    }
}
*/
.content-post table {
  border: none;
  width: 100%;
  font-size: 15px;
  border-spacing: 0 1px;
  border-collapse: unset !important;
}
.content-post table p {
  margin: 0;
  height: 100%;
}
.content-post table tr {
  border-top: none;
  border-left: none;
  border-right: none;
  height: auto !important;
}
.content-post table tr:last-of-type {
  border: none;
}
.content-post table th,
.content-post table thead td {
  border: none;
  padding: 16px 16px 16px 0;
  color: rgba(6, 6, 6, 0.56);
  height: auto !important;
  vertical-align: top;
  font-weight: 300;
}
.content-post table td {
  border: none;
  padding: 16px 16px 16px 0;
  height: auto !important;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.content-post table .tr-gray + tr td,
.content-post table tr:first-of-type td {
  border-top: none;
}
.content-post table .tr-gray td {
  background: #f5f5f8;
  padding: 0;
  border: none;
}
.content-post table .tr-gray td .row-gray {
  background: #f5f5f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding: 16px 16px 16px 0;
}
.content-post table .tr-gray td:first-of-type {
  border-radius: 12px 0 0 12px;
}
.content-post table .tr-gray td:first-of-type .row-gray {
  border-radius: 12px 0 0 12px;
  padding-left: 10px;
  margin-left: -10px;
}
.content-post table .tr-gray td:last-of-type {
  border-radius: 0 12px 12px 0;
}
.content-post table .tr-gray td:last-of-type .row-gray {
  border-radius: 0 12px 12px 0;
  margin-right: -10px;
  padding-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-post table .tr-gray-span td:last-of-type .row-gray {
  margin-bottom: -1px;
  border-radius: 0;
}
.content-post table .tr-gray-span td .row-gray {
  margin-bottom: -1px;
  border-radius: 0;
}
.content-post table .tr-gray-first td:last-of-type .row-gray {
  border-radius: 0 12px 0 0;
}
.content-post table .tr-gray-last td:last-of-type .row-gray {
  border-radius: 0 0 12px 0;
}

.mob-tbl {
  font-size: 15px;
}
.mob-tbl .mob-tbody {
  display: table;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 10px;
}
.mob-tbl .mob-tbody:first-of-type {
  border-top: none;
}
.mob-tbl .mob-tbody.tbody-mob-gray {
  border: none;
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
  background: #F5F5F8;
}
.mob-tbl .mob-tbody.tbody-mob-gray + .mob-tbody {
  border-top: none;
}
.mob-tbl .mob-tr {
  display: table-row;
}
.mob-tbl .mob-th {
  display: table-cell;
  width: 5%;
  padding: 6px 40px 6px 0 !important;
  vertical-align: top;
  text-align: left;
  border-bottom: none !important;
  color: rgba(6, 6, 6, 0.56);
  font-weight: 300;
}
.mob-tbl .mob-td {
  display: table-cell;
  padding: 6px 0 !important;
  vertical-align: top;
  text-align: left;
  border-bottom: none !important;
  border-top: none !important;
}
.mob-tbl .tbody-mob-gray .mob-td {
  border-top: none !important;
}

.mob-tr:last-of-type .mob-td,
.mob-tr:last-of-type .mob-th {
  padding-bottom: 10px !important;
  border-bottom: none !important;
}

.b-etic {
  border-radius: 16px;
  margin-top: 56px;
  margin-bottom: 56px;
}
@media screen and (max-width: 1024px) {
  .b-etic {
    border-radius: 20px;
  }
}
.b-etic.bg_type_light {
  background-color: #f5f5f8;
  background-image: url(../img/bg-b-etic-left-pc-white.png), url(../img/bg-b-etic-right-pc-white.png);
  background-repeat: no-repeat;
  background-position: left 8px bottom 8px, right 8px bottom 8px;
}
@media screen and (max-width: 1024px) {
  .b-etic.bg_type_light {
    background-image: url(../img/bg-b-etic-mob-white.png);
    background-position: left center bottom 8px;
  }
}
.b-etic.bg_type_black {
  background-color: #060606;
  background-image: url(../img/bg-b-etic-left-pc-black.png), url(../img/bg-b-etic-right-pc-black.png);
  background-repeat: no-repeat;
  background-position: left 8px bottom 8px, right 8px bottom 8px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .b-etic.bg_type_black {
    background-image: url(../img/bg-b-etic-mob-black.png);
    background-position: left center bottom 8px;
  }
}
.b-etic__inner {
  padding: 24px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .b-etic__inner {
    padding: 24px 30px 202px;
  }
}
.b-etic__title {
  margin-bottom: 48px;
  letter-spacing: normal;
}
@media screen and (max-width: 1024px) {
  .b-etic__title {
    margin-bottom: 24px;
  }
  .b-etic__title br {
    display: none;
  }
}
.b-etic__content {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  font-size: 17px;
}
.b-etic__content a {
  color: inherit;
  text-decoration: none;
  background: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 17px;
}
.b-etic__content a::after {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23060606'/%3E%3Cpath d='M5.63254 10.1993C5.52068 10.0896 5.51135 9.91746 5.60458 9.79736L5.63254 9.76598L10.052 5.43237C10.174 5.3127 10.3719 5.3127 10.4939 5.43237C10.6058 5.54207 10.6151 5.71424 10.5219 5.83435L10.4939 5.86573L6.07449 10.1993C5.95245 10.319 5.75458 10.319 5.63254 10.1993Z' fill='%23060606' stroke='%23060606' stroke-width='0.2'/%3E%3Cpath d='M6.71633 5.96234C6.54374 5.96271 6.40353 5.82581 6.40316 5.65657C6.40282 5.50272 6.51817 5.37511 6.66881 5.3529L6.71498 5.34948L10.2723 5.34197C10.4297 5.34164 10.56 5.4554 10.5822 5.60362L10.5855 5.64904L10.5781 9.13759C10.5778 9.30682 10.4376 9.44373 10.265 9.44338C10.1081 9.44307 9.97843 9.32942 9.95642 9.18161L9.95313 9.13632L9.95965 5.95548L6.71633 5.96234Z' fill='%23060606' stroke='%23060606' stroke-width='0.2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bg_type_black .b-etic__content a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='white'/%3E%3Cpath d='M5.63254 10.3458C5.52068 10.2339 5.51135 10.0583 5.60458 9.93586L5.63254 9.90386L10.052 5.48444C10.174 5.3624 10.3719 5.3624 10.4939 5.48444C10.6058 5.59631 10.6151 5.77189 10.5219 5.89438L10.4939 5.92638L6.07449 10.3458C5.95245 10.4678 5.75458 10.4678 5.63254 10.3458Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M6.71633 6.02542C6.54374 6.02579 6.40353 5.88618 6.40315 5.71359C6.40282 5.5567 6.51817 5.42655 6.66881 5.40391L6.71498 5.40042L10.2723 5.39276C10.4297 5.39242 10.56 5.50844 10.5822 5.65959L10.5855 5.70591L10.5781 9.26354C10.5778 9.43613 10.4376 9.57575 10.265 9.57539C10.1081 9.57507 9.97843 9.45917 9.95642 9.30843L9.95313 9.26225L9.95965 6.01842L6.71633 6.02542Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E%0A");
}
.b-etic__content a span {
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), color-stop(33%, currentColor), color-stop(33%, transparent), color-stop(66%, transparent), color-stop(67%, currentColor));
  background-image: linear-gradient(to right, currentColor 0%, currentColor 33%, transparent 33%, transparent 66%, currentColor 67%);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 300% 1px;
}
.b-etic__content a:hover span {
  -webkit-animation: bg-link 0.9s ease-in-out;
          animation: bg-link 0.9s ease-in-out;
}
.b-etic__content a:hover::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.b-social {
  border-radius: 16px;
  margin-top: 56px;
  margin-bottom: 56px;
}
@media screen and (max-width: 1024px) {
  .b-social {
    border-radius: 20px;
  }
}
.b-social.bg_type_light {
  background-color: #f5f5f8;
  background-image: url(../img/bg-b-soc-left-pc-white.png), url(../img/bg-b-soc-right-pc-white.png);
  background-repeat: no-repeat;
  background-position: left 16px bottom 5px, right 16px bottom 5px;
}
@media screen and (max-width: 1024px) {
  .b-social.bg_type_light {
    background-image: url(../img/bg-b-soc-mob-white.png);
    background-position: left 50% bottom 5px;
  }
}
.b-social.bg_type_black {
  background-color: #060606;
  background-image: url(../img/bg-b-soc-left-pc-black.png), url(../img/bg-b-soc-right-pc-black.png);
  background-repeat: no-repeat;
  background-position: left 16px bottom 5px, right 16px bottom 5px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .b-social.bg_type_black {
    background-image: url(../img/bg-b-soc-mob-black.png);
    background-position: left 50% bottom 5px;
  }
}
.b-social__inner {
  padding: 24px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .b-social__inner {
    padding: 24px 30px 202px;
  }
}
.b-social__title {
  margin-bottom: 48px;
  letter-spacing: normal;
}
@media screen and (max-width: 1024px) {
  .b-social__title {
    margin-bottom: 24px;
  }
}
.b-social__content {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
.b-social__content a {
  color: inherit;
  text-decoration: none;
  background: none !important;
}

.art-accordion {
  padding-left: 0 !important;
}
.art-accordion__item {
  border: 1px solid #000000;
  padding: 0;
  list-style: none;
  border-radius: 16px;
  margin: 0 0 -1px 0 !important;
}
.art-accordion__item::before {
  display: none !important;
}
.art-accordion__title {
  text-decoration: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  background: none !important;
  padding: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .art-accordion__title {
    padding: 16px;
    gap: 16px;
  }
}
.art-accordion__title .icon-plus {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  margin-top: 4px;
}
.uk-open .art-accordion__title .icon-plus {
  display: none;
}
.art-accordion__title .icon-minus {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  height: 12px;
  margin-top: 4px;
}
.uk-open .art-accordion__title .icon-minus {
  display: block;
}
.art-accordion__content {
  padding: 24px 0;
  margin: 0 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1024px) {
  .art-accordion__content {
    margin: 0 16px;
  }
}
.art-accordion__content p {
  margin-bottom: 24px;
}
.art-accordion__content ol {
  margin-top: 0;
}
.art-accordion__content ol li::before {
  background: transparent;
  margin-left: 0;
}

.about__top {
  padding-top: 40px;
  background-image: url(../img/bg-about-left-pc.svg), url(../img/bg-about-right-pc.svg);
  background-repeat: no-repeat;
  background-position: left 4px bottom 7px, right 4px bottom 7px;
  text-align: center;
  margin-bottom: 112px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .about__top {
    background-image: url(../img/bg-about-left-mob.svg), url(../img/bg-about-right-mob.svg);
    background-position: left 0 bottom 16px, right 0 bottom 16px;
  }
}
@media screen and (max-width: 767px) {
  .about__top {
    margin-bottom: 72px;
  }
}
.about__top--title {
  margin-top: 0;
  margin-bottom: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .about__top--title {
    margin-bottom: 24px;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 100%; /* 28px */
  }
}
.about__top--intro {
  margin-bottom: 36px;
  max-width: 405px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .about__top--intro {
    margin-bottom: 28px;
  }
}
.about__menu.uk-active {
  background: #fff;
}
.about__menu--inner {
  position: relative;
  padding-bottom: 88px;
  padding-top: 12px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  font-style: normal;
  line-height: 112%; /* 29.12px */
}
@media screen and (max-width: 767px) {
  .about__menu--inner {
    font-size: 18px;
    line-height: 1;
    padding-bottom: 150px;
  }
}
.uk-active > .about__menu--inner {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
}
.about__menu--inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: #000;
  bottom: 0px;
}
@media screen and (max-width: 767px) {
  .about__menu--inner::after {
    left: 16px;
    right: 16px;
  }
}
.about__menu ul {
  padding: 0;
  margin: 0;
  display: block;
  text-align: center;
}
.about__menu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.about__menu ul li a {
  color: rgba(6, 6, 6, 0.4);
}
.about__menu ul li:hover a, .about__menu ul li.current-menu-item a {
  color: #060606;
}
.about__menu ul li + li::before {
  content: " / ";
  color: rgba(6, 6, 6, 0.4);
}
.about__title {
  max-width: 1066px;
  margin-bottom: 64px;
  color: #1e1e1e;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 48px */
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .about__title {
    font-size: 38px;
  }
  .about__title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .about__title {
    color: #000;
    font-size: 28px;
    margin-bottom: 40px;
  }
}
.about__image {
  margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {
  .about__image {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .about__image {
    margin-bottom: 40px;
  }
}
.about__image img {
  display: block;
  max-width: 100%;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .about__image img {
    border-radius: 20px;
  }
}
.about__list--title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 64px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .about__list--title {
    margin-bottom: 32px;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 100%; /* 28px */
  }
}
.about__list--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  position: relative;
  padding-top: 0px;
  margin-bottom: 150px;
  border-top: 1px solid #060606;
}
@media screen and (max-width: 767px) {
  .p-about .about__list--content {
    padding-bottom: 50px;
  }
}
.p-donors .about__list--content {
  margin-bottom: 113px;
}
@media screen and (max-width: 767px) {
  .p-donors .about__list--content {
    margin-bottom: 48px;
  }
}
.p-etic .about__list--content {
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .p-etic .about__list--content {
    margin-bottom: 51px;
  }
}
@media screen and (max-width: 767px) {
  .about__list--content {
    display: block;
    margin-bottom: 72px;
  }
}
.about__list--content::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #060606;
  visibility: hidden;
  height: 0;
}
.about__list--subtitle {
  font-size: 26px;
  font-weight: 400;
  line-height: 112%; /* 29.12px */
  padding-top: 24px;
}
.p-donors .about__list--subtitle {
  max-width: 540px;
}
.about__list--subtitle_hastitle {
  padding-top: 33px;
}
@media screen and (max-width: 767px) {
  .about__list--subtitle {
    padding-top: 16px;
    margin-bottom: 20px;
    font-size: 28px;
  }
  .about__list--subtitle br {
    display: none;
  }
  .about__list--subtitle_hastitle {
    font-size: 20px;
    padding-top: 24px;
  }
  .about__list--subtitle_hastitle .p-donors {
    margin-bottom: 25px;
  }
}
.about__list--subtitle_inner {
  max-width: 543px;
}
@media screen and (max-width: 767px) {
  .about__list--subtitle_inner {
    font-size: 20px;
    padding-top: 6px;
    line-height: 1.08;
  }
}
.about__list--item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 0;
  gap: 24px;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  line-height: 140%;
  border-bottom: 1px solid #060606;
}
.about .about__list--item {
  line-height: 1.55;
}
.about__list--item.item-first {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .about__list--item {
    padding: 20px;
    font-size: 16px;
  }
  .p-about .about__list--item {
    padding-left: 0;
    line-height: 1.4;
    padding-left: 0;
    padding-right: 0;
  }
  .p-donors .about__list--item {
    padding-left: 0;
  }
  .about-list-etic .about__list--item {
    padding-left: 0;
  }
  .about-list-etic .about__list--item br {
    display: none;
  }
}
.about__list--item::before {
  content: "";
  height: 8px;
  width: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  border-radius: 50%;
  background: #060606;
  margin-top: 8px;
}
.about .about__list--item::before {
  margin-left: 2px;
}
.about__list--item::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #060606;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .p-about .about__list--item::after {
    right: -16px;
  }
}
@media screen and (max-width: 767px) {
  .p-about .about__list--item:last-of-type::after {
    display: none;
  }
}
.p-etic .about__list--item:last-of-type::after {
  display: none;
}
.about__dir {
  margin-bottom: 112px;
}
@media screen and (max-width: 1024px) {
  .about__dir {
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .about__dir {
    margin-bottom: 68px;
  }
}
.about__dir--inner {
  position: relative;
  padding-top: 112px;
}
@media screen and (max-width: 1024px) {
  .about__dir--inner {
    padding-top: 72px;
  }
}
.about__dir--inner::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 1024px) {
  .about__dir--inner::before {
    left: -8px;
    right: -8px;
  }
}
@media screen and (max-width: 767px) {
  .about__dir--inner::before {
    left: 0;
    right: 0;
  }
}
.about__dir--title {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .about__dir--title {
    font-size: 28px;
    line-height: 112%; /* 31.36px */
    margin-bottom: 32px;
  }
}
.about__dir--intro {
  margin-bottom: 88px;
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 108%; /* 23.76px */
}
@media screen and (max-width: 767px) {
  .about__dir--intro {
    margin-bottom: 56px;
    font-size: 20px;
  }
}
.about__dir--body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .about__dir--body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .about__dir--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.about__dir--item-icon {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .about__dir--item-icon {
    margin-bottom: 24px;
  }
}
.about__dir--item-icon img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 767px) {
  .about__dir--item-icon img {
    width: 32px;
    height: 32px;
  }
}
.about__dir--item-title {
  margin-bottom: 16px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 108%; /* 23.76px */
}
@media screen and (max-width: 767px) {
  .about__dir--item-title {
    font-size: 20px;
  }
}
.about__dir--item-text {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  opacity: 0.6;
  padding-right: 28px;
}
@media screen and (max-width: 767px) {
  .about__dir--item-text {
    padding-right: 20px;
  }
}

.ateam {
  margin-bottom: 112px;
}
@media screen and (max-width: 1024px) {
  .ateam {
    margin-bottom: 72px;
  }
}
.ateam__header {
  padding-top: 112px;
  position: relative;
  padding-top: 57px;
}
@media screen and (max-width: 1024px) {
  .ateam__header {
    padding-top: 104px;
  }
}
@media screen and (max-width: 767px) {
  .ateam__header {
    padding-top: 81px;
  }
}
.ateam__header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 1024px) {
  .ateam__header::before {
    left: -8px;
    right: -8px;
  }
}
@media screen and (max-width: 767px) {
  .ateam__header::before {
    left: 0;
    right: 0;
  }
}
.ateam__title {
  text-align: center;
  margin-bottom: 64px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .ateam__title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 112%; /* 31.36px */
  }
}
.ateam__block {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ateam__block::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    height: 1px;
  }
}
.ateam__button {
  padding-top: 21px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ateam__button {
    padding-top: 33px;
  }
}
.ateam__button a {
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.ateam-item {
  position: relative;
  margin: 0;
}
.ateam-item:nth-child(n+2) {
  margin: 0;
}
.ateam-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
  height: 1px;
}
@media screen and (max-width: 1024px) {
  .ateam-item::before {
    left: -8px;
    right: -8px;
  }
}
@media screen and (max-width: 767px) {
  .ateam-item::before {
    left: 0;
    right: 0;
    height: 1px;
  }
}
.ateam-item__header {
  display: grid;
  grid-template-columns: 6fr 6fr 7fr 5fr;
  text-align: left;
  gap: 16px;
  padding: 18px 0;
  padding: 21px 0 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  .ateam-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.ateam-item__header > * {
  min-width: 0;
}
@media screen and (max-width: 1024px) {
  .ateam-item__header--name {
    font-size: 15px;
    line-height: 1.34;
    letter-spacing: -0.01em;
    line-height: 1.48;
  }
}
.ateam-item__header--email-lbl {
  opacity: 0.56;
}
.ateam-item__header--post {
  opacity: 0.56;
}
.ateam-item__header--icon {
  position: relative;
  z-index: 8;
}
@media screen and (max-width: 1024px) {
  .ateam-item__header--icon {
    margin-left: auto;
  }
}
.ateam-item__header--btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ateam-item__header--btn svg {
  display: block;
  height: 12px;
  width: 12px;
}
.ateam-item__header--btn .icon-plus {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.ateam-item.uk-open .ateam-item__header--btn .icon-plus {
  display: none;
}
.ateam-item__header--btn .icon-minus {
  display: none;
}
.ateam-item.uk-open .ateam-item__header--btn .icon-minus {
  display: block;
}
.ateam-item__header:hover .icon-plus {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ateam-item__body {
  display: grid;
  grid-template-columns: 6fr 6fr 7fr 5fr;
  gap: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-bottom: 31px;
}
@media screen and (max-width: 1024px) {
  .ateam-item__body {
    display: block;
    padding-bottom: 20px;
    padding-top: 12px;
  }
}
.ateam-item__body > * {
  min-width: 0;
}
.ateam-item > .uk-transition {
  margin-top: -30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .ateam-item > .uk-transition {
    margin: 0;
    padding: 0;
  }
}
.ateam-item__content {
  margin: 0;
  overflow: visible !important;
}
.ateam-item__content-image {
  padding-right: 40px;
  padding-left: 16px;
  margin-top: -30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  grid-column: 4;
  grid-row: 1;
}
@media screen and (max-width: 1024px) {
  .ateam-item__content-image {
    margin-top: 0;
    opacity: 1;
    padding: 0;
    margin-bottom: 20px;
    margin-top: -11px;
  }
}
.ateam-item.uk-open .ateam-item__content-image {
  opacity: 1;
}
.uk-transition .ateam-item__content-image {
  margin-top: 0;
}
.ateam-item__content-image img {
  max-width: 100%;
  width: 218px;
  max-height: 289px;
  height: auto;
  height: 289px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .ateam-item__content-image img {
    width: 218px;
    height: 218px;
  }
}
@media screen and (max-width: 767px) {
  .ateam-item__content-image img {
    width: 168px;
    height: 168px;
  }
}
.ateam-item__content-post {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
  margin-bottom: 20px;
  opacity: 0.56;
}
@media screen and (max-width: 1024px) {
  .ateam-item__content-post {
    margin-bottom: 32px;
    opacity: 1;
  }
}
.ateam-item__content-email {
  font-size: 15px;
  font-weight: 500;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 1024px) {
  .ateam-item__content-email {
    font-size: 15px;
    /* font-size: 16px; */
    font-weight: 500;
    line-height: 128%; /* 20.48px */
    letter-spacing: -0.16px;
  }
}
.ateam-item__content-email-lbl {
  margin-bottom: 16px;
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 400;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .ateam-item__content-email-lbl {
    opacity: 0.56;
  }
}
.ateam-item__content-descr {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  grid-column: 3;
  max-width: 394px;
}
@media screen and (max-width: 767px) {
  .ateam-item__content-descr {
    margin-bottom: 32px;
  }
}

.team-modal__close {
  position: absolute;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  padding: 14px;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .team-modal__close {
    padding: 16px;
  }
}
.team-modal__close svg {
  height: 42px;
  width: 42px;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .team-modal__close svg {
    height: 34px;
    width: 34px;
  }
}
.team-modal__close:hover svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.team-modal__dialog {
  padding-top: 64px;
}
.team-modal__title {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 64px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .team-modal__title {
    padding-bottom: 32px;
    text-align: center;
  }
}
.team-modal__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .team-modal__title::before {
    display: none;
  }
}
.team-modal__list {
  position: relative;
  margin-left: 0;
}
.team-modal__list::before, .team-modal__list::after {
  content: "";
  position: absolute;
  top: 24px;
  bottom: 24px;
  width: 1px;
  background: #000;
}
.team-modal__list::before {
  left: 33.3333333333%;
}
@media screen and (max-width: 1024px) {
  .team-modal__list::before {
    left: 50%;
  }
}
@media screen and (max-width: 767px) {
  .team-modal__list::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: auto;
    height: 1px;
  }
}
.team-modal__list::after {
  left: 66.6666666667%;
}
@media screen and (max-width: 1024px) {
  .team-modal__list::after {
    display: none;
  }
}
.team-modal__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  min-width: 0;
  padding: 24px;
  margin: 0 !important;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .team-modal__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media screen and (max-width: 767px) {
  .team-modal__item {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding: 16px 0;
  }
}
.team-modal__item::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .team-modal__item::after {
    left: 0;
    right: 0;
  }
}
.team-modal__item--image {
  margin-bottom: 24px;
}
.team-modal__item--image img {
  display: block;
  max-width: 100%;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .team-modal__item--image img {
    border-radius: 20px;
  }
}
.team-modal__item--name {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .team-modal__item--name {
    font-size: 28px;
    line-height: 1.12;
  }
}
.team-modal__item--post {
  margin-bottom: 40px;
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  opacity: 0.56;
}
@media screen and (max-width: 767px) {
  .team-modal__item--post {
    margin-bottom: 32px;
  }
}
.team-modal__item--descr {
  margin-bottom: 24px;
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  max-width: 394px;
}
.team-modal__item--email {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 500;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
.team-modal .uk-first-column.last-3::after,
.team-modal .uk-first-column.last-3 ~ div::after {
  background: transparent;
}

@media screen and (max-width: 1024px) {
  .timeline {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .timeline {
    margin-bottom: 10px;
  }
}
.timeline__title {
  margin-top: 0;
  margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {
  .timeline__title {
    margin-bottom: 32px;
    text-align: center;
    font-weight: 400;
    line-height: 112%; /* 31.36px */
  }
}
@media screen and (max-width: 767px) {
  .timeline__title {
    font-size: 28px;
  }
}
.timeline__body {
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  position: relative;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .timeline__body {
    display: block;
    padding-top: 32px;
  }
}
.timeline__body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.timeline__left {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  grid-column: 1/5;
}
@media screen and (max-width: 1024px) {
  .timeline__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 32px;
  }
}
.timeline__numbers {
  color: #1e1e1e;
  font-size: 200px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%; /* 200px */
}
@media screen and (max-width: 1024px) {
  .timeline__numbers {
    font-size: 48px;
    min-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    position: relative;
  }
  .timeline__numbers::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
  }
}
.timeline .timeline-numbers-slider-wrapper {
  overflow: hidden;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.timeline .timeline-numbers-slider {
  width: 72px;
  overflow: visible;
}
.timeline .timeline-numbers-slider .slick-list {
  overflow: visible;
}
.timeline .timeline-numbers-slider .timeline-numbers-slide {
  color: #f5f5f8;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%; /* 48px */
  padding: 0 12px;
  position: relative;
}
.timeline .timeline-numbers-slider .timeline-numbers-slide.slick-active {
  color: #1e1e1e;
}
.timeline .timeline-numbers-slider .timeline-numbers-slide::before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  background: #f5f5f8;
}
.timeline__arrows {
  margin-top: auto;
}
.timeline__slider {
  min-width: 0;
  position: relative;
  grid-column: 5/-1;
}
@media screen and (min-width: 1025px) {
  .timeline__slider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #060606;
  }
}
@media screen and (min-width: 1025px) {
  .timeline__slider {
    margin-right: -24px;
  }
}
@media screen and (max-width: 1024px) {
  .timeline__slider {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.timeline__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.timeline__slider .slick-track::after, .timeline__slider .slick-track::before {
  display: none;
}

.timeline-item {
  padding-left: 32px;
  padding-right: 16px;
  position: relative;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .timeline-item {
    padding: 0 16px;
  }
  .timeline-item.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.timeline-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: #000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.slick-active .timeline-item::after {
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .timeline-item::after {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .timeline-item.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 65vw;
    cursor: url(../img/timeline-cursor.png) 52 20, -webkit-grab;
    cursor: url(../img/timeline-cursor.png) 52 20, grab;
  }
  .timeline-item.slick-slide:active {
    cursor: url(../img/timeline-cursor-drag.png) 46 20, -webkit-grabbing;
    cursor: url(../img/timeline-cursor-drag.png) 46 20, grabbing;
  }
}
.timeline-item__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 61.5%;
          flex: 0 0 61.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1025px) {
  .timeline-item__content {
    -webkit-box-flex: 10;
        -ms-flex: 10;
            flex: 10;
  }
}
@media screen and (max-width: 1024px) {
  .timeline-item__content {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.timeline-item__content--year {
  color: #f5f5f8;
  font-size: 200px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%; /* 200px */
  margin-bottom: auto;
}
.timeline-item__content--month {
  color: #1e1e1e;
  font-family: "Tinos", serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 108%; /* 23.76px */
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .timeline-item__content--month {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.timeline-item__content--title {
  margin-bottom: 24px;
  max-width: 495px;
}
@media screen and (max-width: 1024px) {
  .timeline-item__content--title {
    font-size: 24px;
  }
}
.timeline-item__content--text {
  margin-bottom: 13px;
  max-width: 330px;
  font-size: 13px;
  /* font-size: 14px; */
  font-weight: 300;
  line-height: 138%; /* 19.32px */
  letter-spacing: -0.14px;
  opacity: 0.56;
}
@media screen and (max-width: 1024px) {
  .timeline-item__content--text {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .timeline-item__image {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1025px) {
  .timeline-item__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
    -webkit-box-flex: 6;
        -ms-flex: 6;
            flex: 6;
  }
}
@media screen and (max-width: 767px) {
  .timeline-item__image {
    min-height: 155px;
  }
}
.timeline-item__image img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .timeline-item__image img {
    width: 344px;
    height: 659px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .timeline-item__image img {
    min-height: 155px;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 155px;
    aspect-ratio: 343/155;
  }
}

.s-docs {
  margin-bottom: 112px;
}
.about .s-docs {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px) {
  .s-docs, .about .s-docs {
    margin-bottom: 72px;
  }
}
.s-docs__header {
  position: relative;
}
.p-principle .s-docs__header {
  padding-top: 113px;
}
@media screen and (max-width: 767px) {
  .p-principle .s-docs__header {
    padding-top: 73px;
  }
}
.p-principle .s-docs__header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #060606;
}
.s-docs__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 64px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .s-docs__title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 400;
    line-height: 108%; /* 30.24px */
  }
  .p-about .s-docs__title {
    margin-bottom: 31px;
  }
}
.s-docs__content {
  position: relative;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .s-docs__content {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.s-docs__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .s-docs__content::before {
    display: none;
  }
}
.s-docs__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #fff;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .s-docs__content::after {
    display: none;
  }
}
.s-docs__item {
  position: relative;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .s-docs__item {
    padding: 14px 0;
  }
  .p-about .s-docs__item {
    padding-bottom: 13px;
  }
  .s-docs__item:nth-child(n+8) {
    display: none;
  }
  .s-docs__item.vis-doc {
    display: block;
  }
}
.s-docs__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .s-docs__item::after {
    bottom: auto;
    top: 0;
  }
}
.s-docs__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  gap: 16px;
}
.s-docs__item a .ic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.s-docs__item a:hover .ic {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.s-docs__more, .s-docs__less {
  padding-top: 15px;
  text-align: center;
}
.s-docs__more a, .s-docs__less a {
  font-size: 18px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}
.s-docs__less {
  display: none;
}

.s-support {
  background-color: #060606;
  color: #fff;
  border-radius: 24px;
  text-align: center;
  background-image: url(../img/bg-b-support-left-pc.svg), url(../img/bg-b-support-right-pc.svg);
  background-repeat: no-repeat;
  background-position: left 0 bottom 8px, right 0 bottom 8px;
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-support {
    background-image: url(../img/bg-b-support-mob-pattern.svg);
    background-position: center bottom;
    margin-bottom: 72px;
    width: calc(100% - 32px);
  }
  .p-donors .s-support {
    width: auto;
  }
}
.s-support__body {
  padding-top: 112px;
  padding-bottom: 48px;
  height: 453px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .s-support__body {
    padding-top: 72px;
  }
}
@media screen and (max-width: 767px) {
  .s-support__body {
    padding-top: 40px;
    padding-bottom: 357px;
    display: block;
    height: auto;
  }
  .p-donors .s-support__body {
    padding-inline: 12px;
  }
}
.s-support__title {
  margin-top: 0;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .s-support__title {
    margin-bottom: 40px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%; /* 25.92px */
    letter-spacing: -0.24px;
  }
  .s-support__title br {
    display: none;
  }
}
.s-support__link {
  margin-top: auto;
}
.s-support__link a {
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.s-donors {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-donors {
    margin-bottom: 71px;
  }
}
.s-donors__header {
  position: relative;
  padding-top: 112px;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .s-donors__header {
    padding-top: 72px;
    margin-bottom: 54px;
  }
}
.s-donors__header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
}
.s-donors__title {
  margin: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .s-donors__title {
    text-align: center;
  }
}
.s-donors__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .s-donors__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .s-donors__body {
    grid-template-columns: 1fr;
  }
}
.s-donors__more {
  padding-top: 32px;
  text-align: center;
}
.s-donors__more a {
  font-size: 18px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.donor {
  display: grid;
}
@media screen and (max-width: 767px) {
  .donor {
    height: 226px;
  }
  .donor:nth-child(n+8) {
    display: none;
  }
  .donor:nth-child(n+8).vis-donor {
    display: grid;
  }
}
.donor__back {
  padding-top: 100%;
  grid-column: 1;
  grid-row: 1;
}
.donor__link {
  grid-column: 1;
  grid-row: 1;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #000;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 80px;
}
.donor__link:hover {
  text-decoration: underline;
}
.donor__icon {
  position: absolute;
  top: 24px;
  right: 24px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
:hover > .donor__icon {
  opacity: 1;
}
.donor__icon .ic {
  display: block;
  height: 32px;
  width: 32px;
}
.donor__name {
  font-size: 17px;
  font-weight: 400;
  line-height: 132%; /* 23.76px */
  letter-spacing: -0.18px;
}
.donor__logo {
  margin-top: auto;
}
.donor__logo img {
  max-width: 100%;
  display: block;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
:hover > .donor__logo img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.scrollmagic-pin-spacer {
  background: #fff;
}

.principle {
  margin-bottom: 112px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .principle {
    margin-bottom: 67px;
  }
}
.principle__header {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .principle__header {
    margin-bottom: 12px;
    padding-bottom: 0;
  }
}
.principle__title {
  margin: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .principle__title {
    text-align: center;
    line-height: 1.08;
  }
}
.principle__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 194px;
  padding-top: 56px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 767px) {
  .principle__content {
    display: block;
    margin-bottom: 8px;
    padding-top: 0;
  }
}
.principle__circle {
  grid-column: 1;
  z-index: 0;
  top: 110px !important;
}
@media screen and (max-width: 767px) {
  .principle__circle {
    margin-bottom: 31px;
    top: 0 !important;
  }
}
.principle__slider {
  overflow: hidden;
  padding-top: 88px;
  margin-top: 0;
  grid-column: 2;
}
@media screen and (min-width: 768px) {
  .principle__slider {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .principle__slider {
    height: auto;
    padding-top: 0;
    margin-left: -5px;
  }
}
.principle__slider .slick-list {
  overflow: visible;
}
.principle__items {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.circle-box {
  position: relative;
}
@media screen and (max-width: 767px) {
  .circle-box {
    margin-left: -10px;
  }
}
.circle-box svg {
  display: block;
  margin-left: -15px;
  height: 587px;
  width: 587px;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .circle-box svg {
    margin-left: 0;
  }
}
.circle-box::before, .circle-box::after {
  position: absolute;
  background: #000;
}
.circle-box::before {
  top: 0;
  left: 50%;
  bottom: 0;
  width: 1px;
}
.circle-box::after {
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
}

.circle-progress {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.circle-point {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
}
.circle-point.current {
  fill: #060606;
}
.circle-point.current.circle-point-1 {
  -webkit-transform: matrix(2.26, 0, 0, 2.26, 40, 370);
      -ms-transform: matrix(2.26, 0, 0, 2.26, 40, 370);
          transform: matrix(2.26, 0, 0, 2.26, 40, 370);
}
.circle-point.current.circle-point-2 {
  -webkit-transform: matrix(2.26, 0, 0, 2.26, -295, 37);
      -ms-transform: matrix(2.26, 0, 0, 2.26, -295, 37);
          transform: matrix(2.26, 0, 0, 2.26, -295, 37);
}
.circle-point.current.circle-point-3 {
  -webkit-transform: matrix(2.26, 0, 0, 2.26, 41, -295);
      -ms-transform: matrix(2.26, 0, 0, 2.26, 41, -295);
          transform: matrix(2.26, 0, 0, 2.26, 41, -295);
}
.circle-point.current.circle-point-4 {
  -webkit-transform: matrix(2.26, 0, 0, 2.26, 370, 37);
      -ms-transform: matrix(2.26, 0, 0, 2.26, 370, 37);
          transform: matrix(2.26, 0, 0, 2.26, 370, 37);
}

.circle-text {
  color: #fff;
  font-size: 29px;
  fill: #fff;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.circle-text.current {
  opacity: 1;
}

.principle-arrows-mob {
  padding-top: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .principle-arrows-mob {
    padding-top: 0;
  }
}

.principle-item {
  margin-bottom: 64px;
  opacity: 0.16;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
@media screen and (max-width: 767px) {
  .principle-item {
    margin-bottom: 0;
  }
}
.principle-item.slick-current, .principle-item.current {
  opacity: 1;
}
.principle-item__title {
  margin-bottom: 24px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .principle-item__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 100%; /* 24px */
    letter-spacing: 0;
  }
}
.principle-item__text {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  max-width: 455px;
}
@media screen and (max-width: 767px) {
  .principle-item__text {
    opacity: 0.56;
  }
}

.soviet {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .soviet {
    margin-bottom: 72px;
  }
}
.soviet__header {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .soviet__header {
    margin-bottom: 16px;
  }
}
.soviet__title {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .soviet__title {
    font-size: 28px;
    line-height: 112%; /* 31.36px */
    letter-spacing: -0.28px;
  }
}
.soviet__content {
  position: relative;
  padding-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .soviet__content {
    display: block;
  }
}
.soviet__content::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
}
.soviet__slider {
  grid-column: 1/-1;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .soviet__slider {
    margin-bottom: 24px;
    margin-left: -8px;
    margin-right: -8px;
  }
  .soviet__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.soviet__slider--arrows {
  grid-row: 1;
  grid-column: 2;
  margin-top: auto;
  position: relative;
  margin-left: 21px;
  margin-bottom: -6px;
}
@media screen and (max-width: 1024px) {
  .soviet__slider--arrows {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .soviet__slider--arrows {
    text-align: center;
    margin-left: 0;
  }
}
.soviet__nav {
  width: 225px;
  grid-row: 1;
  grid-column: 2;
  margin-left: auto;
  margin-top: auto;
}
.soviet__nav--item {
  margin-left: 6px;
}
.soviet__nav--item img {
  width: 68px;
  height: 92px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.soviet-item {
  opacity: 0.15;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .soviet-item {
    opacity: 1;
  }
}
.soviet-item.slick-current {
  opacity: 1;
}
.soviet-item, .soviet-item.slick-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .soviet-item, .soviet-item.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    height: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.soviet-item__image {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .soviet-item__image {
    margin-top: auto;
  }
}
.soviet-item__image img {
  max-width: 100%;
  width: 100%;
  height: 453px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .soviet-item__image img {
    height: 235px;
  }
}
.soviet-item__body {
  grid-column: 2;
  min-width: 0;
  grid-row: 1;
  padding-left: 24px;
}
@media screen and (max-width: 1024px) {
  .soviet-item__body {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .soviet-item__body {
    margin-bottom: 32px;
    padding-left: 0;
  }
}
.soviet-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .soviet-item__header {
    margin-bottom: 32px;
  }
}
.soviet-item__position {
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
.soviet-item__name {
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 400;
  line-height: 112%; /* 53.76px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .soviet-item__name {
    font-size: 24px;
  }
}
.soviet-item__text {
  color: #000;
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
  max-width: 380px;
}
.founding {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .founding {
    margin-bottom: 72px;
  }
}
.founding__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .founding__header {
    margin-bottom: 32px;
  }
}
.founding__title {
  margin: 0;
  text-align: center;
  letter-spacing: 0;
}
.founding__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .founding__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .founding__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.founding__item {
  display: grid;
}
@media screen and (max-width: 767px) {
  .founding__item {
    display: block;
  }
}
.founding__item--place {
  padding-top: 100%;
  grid-column: 1;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .founding__item--place {
    display: none;
  }
}
.founding__item--link {
  grid-column: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  border: 1px solid #000;
  padding: 24px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .founding__item--link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 24px;
  }
}
.founding__item--title {
  font-family: "Tinos", serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 108%; /* 28.08px */
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .founding__item--title {
    font-size: 24px;
  }
}
.founding__item--und {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(51%, currentColor));
  background-image: linear-gradient(to bottom, transparent 50%, currentColor 51%);
  background-size: 0 2px;
  -webkit-transition: background-size 0.5s ease-in-out 0.2s;
  transition: background-size 0.5s ease-in-out 0.2s;
  background-repeat: no-repeat;
  background-position: 0 100%;
}
:hover > span > .founding__item--und {
  background-size: 100% 2px;
}
.founding__item--icon {
  margin-top: auto;
  margin-left: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .founding__item--icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
}
.founding__item--icon .ic {
  display: block;
}
:hover > .founding__item--icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.s-etic {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-etic {
    margin-bottom: 72px;
  }
}
.s-etic__header {
  position: relative;
  padding-top: 112px;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .s-etic__header {
    padding-top: 72px;
    margin-bottom: 32px;
  }
}
.s-etic__header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
}
.s-etic__title {
  margin: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .s-etic__title {
    text-align: center;
    line-height: 1.08;
  }
}
.s-etic__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .s-etic__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.etic-item {
  padding: 48px;
  border-radius: 24px;
  border: 1px solid #000;
  min-height: 453px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .etic-item {
    padding: 24px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .etic-item {
    width: 100%;
    min-height: 343px;
    padding: 24px;
    border-radius: 20px;
  }
}
.etic-item__num {
  position: absolute;
  bottom: 48px;
  right: 40px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid currentColor;
}
@media screen and (max-width: 767px) {
  .etic-item__num {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 32px;
  }
}
.etic-item__title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .etic-item__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .etic-item__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    margin-top: auto;
  }
  .etic-item__title br {
    display: none;
  }
}
.etic-item__text {
  padding-right: 48px;
  font-size: 15px;
  /* font-size: 16px; */
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  .etic-item__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .etic-item__text {
    font-size: 14px;
    letter-spacing: -0.14px;
    padding-right: 0;
  }
}
.etic-item__link {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .etic-item__link {
    margin-top: 32px;
  }
}
.etic-item__link a {
  font-size: 17px;
  /* font-size: 18px; */
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.p-etic {
  padding-top: 72px;
}
@media screen and (max-width: 767px) {
  .p-etic {
    padding-top: 40px;
  }
}
.p-etic__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .p-etic__header {
    margin-bottom: 31px;
  }
}
.p-etic__title {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-etic__title {
    text-align: left;
  }
}

.reported {
  position: relative;
  padding-top: 112px;
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .reported {
    padding-top: 75px;
    margin-bottom: 70px;
  }
}
.reported::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.reported__header {
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .reported__header {
    margin-bottom: 35px;
  }
}
.reported__title {
  margin: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .reported__title {
    letter-spacing: 0.01em;
  }
}
.reported__arrows {
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .reported__arrows {
    text-align: center;
    padding-top: 24px;
  }
}
.reported__slider {
  margin-left: -8px;
  margin-right: -8px;
}
.reported__slide {
  padding-left: 8px;
  padding-right: 8px;
}
.reported__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1024px) {
  .reported__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .reported__grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
.reported__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  border: 1px solid #000;
  padding: 24px;
  min-height: 145px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .reported__item {
    min-height: 190px;
  }
}
@media screen and (min-width: 1025px) {
  .reported__item {
    min-height: 23.12vw;
  }
}
@media screen and (max-width: 1024px) {
  .reported__item--empty {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .reported__item--title {
    max-width: 253px;
  }
}
.reported__item--num {
  margin-top: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 32px;
  width: 32px;
  border: 1px solid #060606;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .reported__item--num {
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}

.s-what {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-what {
    margin-bottom: 68px;
  }
}
.s-what__title {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .s-what__title {
    letter-spacing: 0;
  }
}
.s-what__header {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .s-what__header {
    margin-bottom: 33px;
  }
}
.s-what__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .s-what__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.s-what__item {
  padding: 48px;
  border-radius: 24px;
  border: 1px solid #060606;
}
@media screen and (min-width: 768px) {
  .s-what__item {
    min-height: 453px;
  }
}
@media screen and (max-width: 767px) {
  .s-what__item {
    padding: 24px;
  }
}

@media screen and (max-width: 767px) {
  .what-item {
    height: 343px;
  }
}
.what-item--first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.what-item__title {
  margin-bottom: 32px;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .what-item__title {
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: 0.01em;
    margin-bottom: 52px;
  }
}
.what-item__content {
  margin-top: auto;
}
.what-item__content .icon {
  margin-bottom: 16px;
}
.what-item__content .icon svg,
.what-item__content .icon img {
  display: block;
}
.what-item__content .h6 {
  margin-bottom: 16px;
}
.what-item__content .text {
  font-size: 16px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .what-item__content .text {
    font-size: 14px;
  }
  .what-item__content .text br {
    display: none;
  }
}

.what-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.what-list__row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.what-list__row.w-row-1 {
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .what-list__row--email {
    display: inline;
  }
}
.what-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.w-row-2 .what-list__header {
  padding-top: 28px;
}
@media screen and (max-width: 767px) {
  .w-row-2 .what-list__header {
    padding-top: 17px;
  }
}
.what-list__title {
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .what-list__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    margin-bottom: 24px;
  }
  .what-list__title br {
    display: none;
  }
}
.w-row-2 .what-list__title {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .w-row-2 .what-list__title {
    margin-bottom: 17px;
  }
}
.what-list__num {
  margin-left: auto;
  height: 32px;
  width: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .what-list__num {
    height: 24px;
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .what-list__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 32px;
  }
  .w-row-2 .what-list__bottom {
    padding-bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.what-list__link .link, .what-list__link .footer-bottom-menu li a, .footer-bottom-menu li .what-list__link a, .what-list__link .site-footer__menu ul li a, .site-footer__menu ul li .what-list__link a, .what-list__link .link-underline, .what-list__link .site-header__menu ul li a, .site-header__menu ul li .what-list__link a, .what-list__link .header-links li a, .header-links li .what-list__link a, .what-list__link .header-drop__menu ul li a, .header-drop__menu ul li .what-list__link a, .what-list__link .header-drop__pages ul li a, .header-drop__pages ul li .what-list__link a {
  font-size: 18px;
  letter-spacing: -0.01em;
}
.what-list__link .libk-dl-tpl {
  padding-top: 9px;
  padding-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 128%;
  letter-spacing: -0.01em;
}
.what-list__link .libk-dl-tpl .ic {
  height: 20px;
  width: 20px;
  fill: #fff;
  display: block;
  margin-left: 60px;
}

.s-after {
  padding-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-after {
    padding-bottom: 71px;
  }
}
.s-after__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 80px;
  letter-spacing: 0;
}
@media screen and (max-width: 1439px) and (min-width: 1025px) {
  .s-after__title {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
  .s-after__title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .s-after__title {
    font-size: 28px;
    line-height: 1.12;
    letter-spacing: -0.01em;
    margin-bottom: 39px;
  }
}
@media screen and (max-width: 767px) {
  .s-after__content {
    padding-left: 12px;
  }
}
.s-after__slider {
  overflow: hidden;
  position: relative;
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  .s-after__slider {
    overflow: visible;
    padding-top: 0;
  }
}
.s-after__slider::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 32px;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .s-after__slider::before {
    top: 0;
    height: auto;
    bottom: 0;
    left: 0;
    width: 1px;
  }
}
.s-after__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: trfansform 0.2s;
  transition: trfansform 0.2s;
}
@media screen and (max-width: 767px) {
  .s-after__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.s-after__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 528px;
          flex: 0 0 528px;
  position: relative;
  padding-top: 76px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .s-after__item {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding-top: 0;
    padding-left: 36px;
  }
}
.s-after__item::before {
  content: "";
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #000;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .s-after__item::before {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.after-item__title {
  margin-bottom: 24px;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .after-item__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.after-item__text {
  max-width: 415px;
  font-size: 16px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}

.s-notreg {
  margin-bottom: 92px;
}
@media screen and (max-width: 767px) {
  .s-notreg {
    position: relative;
    border-top: 1px solid #000;
    padding-top: 72px;
    margin-bottom: 71px;
  }
}
.s-notreg__title {
  text-align: center;
  margin-bottom: 64px;
  margin-top: 0;
  line-height: 1.12;
}
@media screen and (max-width: 767px) {
  .s-notreg__title {
    font-size: 28px;
    line-height: 1.12;
    margin-bottom: 33px;
  }
}
.s-notreg__content {
  position: relative;
}
.s-notreg__content::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  height: 1px;
  background: #000;
}
.s-notreg__list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .s-notreg__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .s-notreg__list::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #fff;
  }
}
.s-notreg__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .s-notreg__item {
    gap: 16px;
    font-size: 16px;
  }
  .s-notreg__item br {
    display: none;
  }
}
.s-notreg__item::before {
  content: "";
  height: 8px;
  width: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  background: #060606;
  border-radius: 50%;
  margin-top: 7px;
}
.s-notreg__item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 1px;
  right: 0;
  height: 1px;
  background: #000;
}
@media screen and (min-width: 768px) {
  .s-notreg__item:last-of-type::after {
    display: none;
  }
}

.s-princ {
  margin-bottom: 112px;
  padding-top: 112px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .s-princ {
    padding-top: 72px;
    margin-bottom: 72px;
  }
}
.s-princ::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.s-princ__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 72px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .s-princ__title {
    font-size: 28px;
    line-height: 1;
    text-align: left;
    margin-bottom: 33px;
  }
}
.s-princ__list {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  gap: 54px 16px;
}
@media screen and (max-width: 1024px) {
  .s-princ__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .s-princ__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .s-princ__item:nth-child(3n+1) {
    grid-column: 1/10;
  }
}
@media screen and (min-width: 1025px) {
  .s-princ__item:nth-child(3n+2) {
    grid-column: 10/18;
  }
}
@media screen and (min-width: 1025px) {
  .s-princ__item:nth-child(3n+3) {
    grid-column: 18/25;
  }
}
.s-princ__item--num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  width: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: 400;
  border: 1px solid #060606;
  border-radius: 50%;
  margin-bottom: 16px;
  font-size: 12px;
}
.s-princ__item--title {
  margin-bottom: 16px;
}
.s-princ__item--text {
  max-width: 335px;
  font-size: 16px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}

.s-zvit {
  margin-bottom: 112px;
}
@media screen and (max-width: 767px) {
  .s-zvit, .about .s-zvit {
    margin-bottom: 72px;
  }
}
.s-zvit__header {
  position: relative;
}
.p-principle .s-zvit__header {
  padding-top: 113px;
}
@media screen and (max-width: 767px) {
  .p-principle .s-zvit__header {
    padding-top: 73px;
  }
}
.p-principle .s-zvit__header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #060606;
}
.s-zvit__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 64px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .s-zvit__title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 400;
    line-height: 108%; /* 30.24px */
  }
  .p-about .s-zvit__title {
    margin-bottom: 31px;
  }
}
.s-zvit__content {
  position: relative;
  gap: 16px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .s-zvit__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.s-zvit__content::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .s-zvit__content::before {
    display: none;
  }
}
.s-zvit__content::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #fff;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .s-zvit__content::after {
    display: none;
  }
}
.s-zvit__more {
  text-align: center;
  padding-top: 40px;
}
.s-zvit__more a {
  font-size: 17px;
}

.zvit-item {
  -webkit-box-shadow: 0 -0.6px 0 #060606;
          box-shadow: 0 -0.6px 0 #060606;
  padding-top: 16px;
}
.zvit-item:nth-child(n+5):not(.vis-doc) {
  display: none;
}
.zvit-item__inner {
  display: grid;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 24px;
  min-height: 192px;
  grid-template-columns: repeat(2, 1fr);
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
@media screen and (max-width: 767px) {
  .zvit-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
    min-height: 102px;
    padding-top: 0;
    padding-bottom: 0;
    gap: 24px;
  }
}
.zvit-item:nth-child(even) .zvit-item__inner {
  padding-left: 24px;
  padding-right: 0;
  -webkit-box-shadow: -0.6px 0 0 #060606;
          box-shadow: -0.6px 0 0 #060606;
}
@media screen and (max-width: 767px) {
  .zvit-item:nth-child(even) .zvit-item__inner {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.zvit-item__title {
  grid-column: 1/-1;
}
@media screen and (max-width: 767px) {
  .zvit-item__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 265px;
            flex: 0 0 265px;
    font-size: 24px;
  }
  .zvit-item__title br {
    display: none;
  }
}
.zvit-item__year {
  font-size: 17px;
  color: rgba(6, 6, 6, 0.56);
}
@media screen and (max-width: 767px) {
  .zvit-item__year {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.zvit-item__icon {
  justify-self: end;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 32px;
  height: 32px;
  display: block;
}
@media screen and (max-width: 767px) {
  .zvit-item__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    margin-left: auto;
  }
}
.zvit-item:hover .zvit-item__icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.contact__header {
  padding-top: 64px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contact__header {
    padding-top: 40px;
    margin-bottom: 32px;
  }
}
.contact__title {
  margin: 0;
  letter-spacing: 0;
}
.contact__body {
  margin-bottom: 42px;
  gap: 32px 0;
}
@media screen and (max-width: 767px) {
  .contact__body {
    row-gap: 31px;
    margin-bottom: 33px;
  }
}
.contact__form {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contact__form {
    margin-bottom: 50px;
  }
}
.contact__clocks {
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .contact__clocks {
    margin-bottom: 50px;
  }
}
.contact__item--soc {
  padding-left: 53px;
}
@media screen and (max-width: 767px) {
  .contact__item--soc {
    padding-left: 16px;
  }
}
.contact__item--title {
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .contact__item--title {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.contact__item--text .address {
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .contact__item--text .address {
    font-weight: 300;
  }
}
.contact__item--text .info {
  font-size: 26px;
  font-weight: 400;
  line-height: 112%; /* 29.12px */
}
.contact__item--text .info + .info {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .contact__item--text .info {
    font-size: 20px;
  }
}
.contact__item--text .link, .contact__item--text .footer-bottom-menu li a, .footer-bottom-menu li .contact__item--text a, .contact__item--text .site-footer__menu ul li a, .site-footer__menu ul li .contact__item--text a, .contact__item--text .link-underline, .contact__item--text .site-header__menu ul li a, .site-header__menu ul li .contact__item--text a, .contact__item--text .header-links li a, .header-links li .contact__item--text a, .contact__item--text .header-drop__menu ul li a, .header-drop__menu ul li .contact__item--text a, .contact__item--text .header-drop__pages ul li a, .header-drop__pages ul li .contact__item--text a {
  font-weight: 400;
}

.form-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 16px;
}
@media screen and (max-width: 767px) {
  .form-contact {
    grid-template-columns: 1fr;
    row-gap: 9px;
  }
}
.form-contact .form-item-full {
  grid-column: 1/-1;
}
@media screen and (min-width: 768px) {
  .form-contact .form-item-subject {
    margin-top: -11px;
    margin-bottom: 11px;
  }
}
.form-contact .form-input,
.form-contact .form-textarea {
  height: 44px;
  resize: none;
  padding: 10px 0;
  line-height: 1.48;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .form-contact .form-input,
  .form-contact .form-textarea {
    height: 42px;
    font-size: 16px;
  }
}
.form-contact .form-button {
  text-align: center;
  padding-top: 13px;
}
@media screen and (max-width: 767px) {
  .form-contact .form-button {
    padding-top: 26px;
  }
}
.form-contact [type=submit] {
  font-family: inherit;
  color: #060606;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  line-height: 1.25;
}
.form-contact [type=submit]::before {
  height: 1.15px;
}

.clock-dig-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  gap: 28px;
}
@media screen and (max-width: 767px) {
  .clock-dig-wrap {
    display: block;
  }
}
.clock-dig-wrap .clock-dig {
  opacity: 0.4;
}
.clock {
  position: relative;
  border: 1px solid #000;
  border-radius: 50%;
  width: 176px;
  height: 176px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .clock {
    height: 124px;
    width: 124px;
  }
}
.clock::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .clock::after {
    height: 7px;
    width: 7px;
  }
}
.clock .hour,
.clock .min,
.clock .sec {
  position: absolute;
  width: 100%;
  height: 100%;
}
.clock .hr {
  position: absolute;
  width: 100%;
  height: 100%;
}
.clock .hr::before {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 41px;
  background: #060606;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -27px);
      -ms-transform: translate(-50%, -27px);
          transform: translate(-50%, -27px);
  -webkit-transform: translate(-50%, -63%);
      -ms-transform: translate(-50%, -63%);
          transform: translate(-50%, -63%);
}
@media screen and (max-width: 767px) {
  .clock .hr::before {
    width: 3.4px;
    height: 28.7px;
  }
}
.clock .mn {
  position: absolute;
  width: 100%;
  height: 100%;
}
.clock .mn::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 84px;
  background: #060606;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -82%);
      -ms-transform: translate(-50%, -82%);
          transform: translate(-50%, -82%);
}
@media screen and (max-width: 767px) {
  .clock .mn::before {
    height: 59px;
    width: 2.1px;
  }
}
.clock .sc {
  position: absolute;
  width: 100%;
  height: 100%;
}
.clock .sc::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 95px;
  background: #060606;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -72.8%);
      -ms-transform: translate(-50%, -72.8%);
          transform: translate(-50%, -72.8%);
}
@media screen and (max-width: 767px) {
  .clock .sc::before {
    width: 0.57px;
    height: 67px;
  }
}
.clock .sc::after {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 25px;
  background: #060606;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 40%);
      -ms-transform: translate(-50%, 40%);
          transform: translate(-50%, 40%);
}
@media screen and (max-width: 767px) {
  .clock .sc::after {
    width: 2.14px;
    height: 17px;
  }
}

.support {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-top: 56px;
  margin-bottom: 112px;
}
@media screen and (max-width: 1024px) {
  .support {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .support {
    margin-bottom: 72px;
    padding-top: 42px;
  }
}
.support__title {
  margin-top: 0;
  margin-bottom: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .support__title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .support__title {
    margin-bottom: 24px;
  }
}
.support__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  padding-top: 48px;
}
@media screen and (max-width: 767px) {
  .support__box {
    padding-top: 0;
  }
}
.support__form {
  margin-top: auto;
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .support__form {
    padding-bottom: 72px;
  }
}
.support__text {
  margin-bottom: 19px;
  max-width: 435px;
  line-height: 1.16;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1024px) {
  .support__text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }
}
.support__info {
  min-width: 0;
}
.support__requisites {
  padding: 48px;
  border-radius: 24px;
  border: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .support__requisites {
    padding: 40px 24px;
    border-radius: 20px;
  }
}
.support__requisites--title {
  margin-bottom: 60px;
  max-width: 395px;
}
@media screen and (max-width: 767px) {
  .support__requisites--title {
    margin-bottom: 40px;
    color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 108%; /* 21.6px */
  }
}
.support__requisites--text {
  max-width: 390px;
}
@media screen and (max-width: 767px) {
  .support__requisites--text {
    text-align: center;
  }
}
.support__requisites--text .icon {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .support__requisites--text .icon {
    margin-bottom: 13px;
  }
}
.support__requisites--text h6 {
  margin-top: 0;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .support__requisites--text h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 132%; /* 23.76px */
    letter-spacing: -0.18px;
    margin-bottom: 7px;
  }
}
.support__requisites--text p {
  margin: 0;
}
.support__requisites--text .descr {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.01em;
}
@media screen and (max-width: 767px) {
  .support__requisites--text .descr {
    font-size: 13px;
  }
}

.form-support {
  max-width: 455px;
}
.form-support .form-button {
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .form-support .form-button {
    text-align: center;
    margin-top: 34px;
  }
}
.form-support [type=submit] {
  font-family: inherit;
  color: #060606;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
  line-height: 1.25;
}
.form-support [type=submit]::before {
  height: 1.15px;
}

.requisites {
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .requisites {
    margin-bottom: 37px;
  }
}
.requisites__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .requisites__row {
    font-size: 12px;
    letter-spacing: -0.12px;
    gap: 4px;
    margin-bottom: 17px;
  }
}
.requisites__lbl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  color: rgba(5, 5, 5, 0.56);
}
.requisites__lbl::after {
  content: "";
  display: inline-block;
  height: 6px;
  width: 2000px;
  vertical-align: bottom;
  background: url(../img/leader-bg.svg);
  background-repeat: repeat-x;
  margin-left: 8px;
}
@media screen and (max-width: 767px) {
  .requisites__lbl::after {
    height: 4px;
    margin-left: 4px;
  }
}
.requisites__val {
  white-space: nowrap;
  min-width: 0;
}

.catalog {
  padding-top: 72px;
}
@media screen and (max-width: 1024px) {
  .catalog {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .catalog {
    padding-top: 32px;
  }
}
.catalog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .catalog__header {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__header {
    margin-bottom: 16px;
    width: 100%;
  }
}
.catalog__search {
  padding-bottom: 112px;
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__search {
    padding-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__search {
    padding-bottom: 32px;
  }
}
.active-search .catalog__search {
  display: block;
}
.catalog__search .search-input {
  padding: 16px 0;
  color: #060606;
  font-family: "Tinos", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 100%; /* 48px */
  display: block;
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 1px solid #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .catalog__search .search-input {
    font-size: 28px;
    height: 60px;
  }
}
.catalog__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  gap: 0.23em;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .catalog__menu {
    margin-bottom: 0;
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__menu {
    font-size: 28px;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    gap: 0;
  }
  .catalog__menu::after {
    display: block;
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
  }
}
.catalog__menu--wrap {
  max-width: 100%;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .catalog__menu--wrap {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__menu--wrap {
    margin-bottom: 42px;
    max-width: calc(100% + 16px);
    margin-right: -16px;
    margin-left: -16px;
    padding-left: 16px;
  }
}
.catalog__menu li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  color: rgba(6, 6, 6, 0.4);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 767px) {
  .catalog__menu li {
    white-space: nowrap;
  }
}
.catalog__menu li.current-menu-item, .catalog__menu li:hover {
  color: #060606;
}
@media screen and (max-width: 767px) {
  .catalog__menu li + li {
    padding-left: 0.3em;
  }
}
.catalog__menu li + li::before {
  content: " / ";
  color: rgba(6, 6, 6, 0.4);
}
@media screen and (max-width: 767px) {
  .catalog__menu li:last-of-type {
    padding-right: 16px;
  }
}
.catalog__menu li a {
  color: inherit;
}
.catalog__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: end;
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 16px);
          flex: 0 0 calc(25% - 16px);
  padding-left: 5px;
  margin-bottom: 2px;
}
@media screen and (max-width: 1024px) {
  .catalog__actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0;
  }
}
.catalog__actions.has-tags {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 51px;
}
.open-search .catalog__actions.has-tags {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 16px);
          flex: 0 0 calc(25% - 16px);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .open-search .catalog__actions.has-tags {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 767px) {
  .catalog__actions.has-tags {
    margin-top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px 0;
  }
}
.catalog__actions--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.has-tags .catalog__actions--buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 16px);
          flex: 0 0 calc(25% - 16px);
}
.open-search .has-tags .catalog__actions--buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
  .has-tags .catalog__actions--buttons {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.catalog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 16px;
  position: relative;
  margin-bottom: 112px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .catalog__body {
    margin-bottom: 72px;
    padding-top: 26px;
  }
}
.catalog__body::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #000;
  opacity: 0.12;
}
.catalog__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-width: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-left: 1px;
  padding-top: 8px;
  padding-right: 1px;
  padding-bottom: 1px;
}
.catalog__content--spec {
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  .catalog__content--spec {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__content.spec-list {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1025px) {
  .open-filter .catalog__content {
    padding-top: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(75% + 6px);
            flex: 0 0 calc(75% + 6px);
  }
}
.catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  grid-auto-flow: dense;
}
@media screen and (max-width: 1024px) {
  .catalog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .catalog__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.catalog__grid .card-h {
  grid-column: span 2;
}
.catalog__description {
  max-width: 310px;
  padding-top: 9px;
}
.catalog__description--spec {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .catalog__description {
    padding-top: 0;
  }
  .catalog__description--spec {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 1024px) and (max-width: 767px) {
  .catalog__description--spec {
    line-height: 125%;
  }
}
@media screen and (max-width: 767px) {
  .catalog__description {
    margin-bottom: 30px;
  }
}
.catalog__description--icon {
  margin-bottom: 24px;
}
.catalog__description--icon img,
.catalog__description--icon svg {
  display: block;
}
.catalog__description--title {
  margin-bottom: 16px;
}
.catalog__description--text {
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
.catalog__description--link {
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .spec-list .catalog__description--link {
    margin-top: 23px;
  }
}
.catalog__description--link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.17px;
}
.catalog__description--link a .ic {
  height: 20px;
  width: 20px;
}
.catalog__description--link a .lbl::before {
  bottom: 3px;
  height: 1.4px;
}
.catalog__empty-place {
  grid-column: 1;
  grid-row: 2;
}
.catalog__pager {
  padding-top: 32px;
}
.catalog__pager .pager {
  margin-bottom: 0;
}
.catalog__filters {
  -webkit-box-flex: 0%;
      -ms-flex: 0%;
          flex: 0%;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  padding-top: 40px;
  padding-left: 53px;
  padding-right: 32px;
}
@media screen and (min-width: 1025px) {
  .catalog__filters {
    height: 0;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__filters {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    background: #fff;
    z-index: 988;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    padding: 24px 24px 48px;
  }
}
@media screen and (min-width: 1025px) {
  .catalog__filters::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: 0.12;
    background: #000;
  }
}
.open-filter .catalog__filters {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
@media screen and (min-width: 1025px) {
  .open-filter .catalog__filters {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
    margin-left: 16px;
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .open-filter .catalog__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .open-filter .catalog__filters {
    padding: 16px;
  }
}
.catalog__empty {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
  margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
  .catalog__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 56px;
  }
}

.empty-mess {
  min-height: 380px;
  background-color: #060606;
  background-image: url(../img/bg-empty-pc.svg);
  background-repeat: no-repeat;
  background-position: left 50% bottom 4px;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 48px 32px;
}
@media screen and (max-width: 1024px) {
  .empty-mess {
    padding: 48px 16px 48px;
  }
}
@media screen and (max-width: 767px) {
  .empty-mess {
    padding: 40px 16px 374px;
    background-image: url(../img/bg-empty-mob.svg);
    background-position: center bottom;
  }
}
.empty-mess__title {
  max-width: 500px;
}
@media screen and (max-width: 1024px) {
  .empty-mess__title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .empty-mess__title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 400;
    line-height: 108%; /* 25.92px */
    letter-spacing: -0.24px;
  }
}

.empty-info {
  padding-left: 24px;
  padding-right: 8px;
  padding-top: 32px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .empty-info {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .empty-info__icon {
    margin-bottom: 19px;
  }
}
.empty-info__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .empty-info__title {
    font-size: 28px;
    margin-bottom: 17px;
  }
}
.empty-info__text {
  margin-bottom: 48px;
  font-size: 15px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.15px;
  max-width: 272px;
}
@media screen and (max-width: 767px) {
  .empty-info__text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px;
  }
}
.empty-info__link {
  padding-bottom: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #060606;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .empty-info__link {
    padding-bottom: 9px;
  }
}

.feed-other__title {
  margin-top: 0;
  margin-bottom: 32px;
}
.feed-other__posts {
  padding: 1px 0;
}
@media screen and (max-width: 767px) {
  .feed-other .card:nth-child(n+5):not(.card-vis) {
    display: none;
  }
}
.feed-other__more {
  color: #060606;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.17px;
  padding-top: 16px;
}

.search-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 17px;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.17px;
}
.search-btn .ic {
  height: 16px;
  width: 16px;
  margin-bottom: 1px;
}
.open-search .search-btn__on {
  display: none;
}
.search-btn__off {
  display: none;
}
.open-search .search-btn__off {
  display: block;
}

.filter-btn {
  margin-left: auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 18px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.filter-btn__reset {
  margin-left: auto;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (max-width: 1024px) {
  .filter-btn__reset {
    padding: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .filter-btn__reset ~ .filter-btn {
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .filter-btn__reset ~ .filter-btn {
    margin-left: 8px;
  }
}
.filter-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.open-filter .filter-btn--on {
  display: none;
}

.filter-btn--off {
  display: none;
}
.open-filter .filter-btn--off {
  display: block;
}

.filters__header {
  position: relative;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .filters__header {
    margin-bottom: 15px;
  }
}
.filters__close {
  position: absolute;
  width: 43px;
  height: 11px;
  right: 0;
  top: 0;
}
.filters__title {
  color: #060606;
  font-size: 40px;
  font-weight: 400;
  line-height: 108%; /* 43.2px */
}
@media screen and (max-width: 767px) {
  .filters__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .filters__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.filter {
  margin-bottom: 43px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .filter {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .filter::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    opacity: 0.12;
    background: #000;
  }
}
@media screen and (max-width: 1024px) and (max-width: 767px) {
  .filter {
    padding-top: 34px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .filter__last::after {
    display: none;
  }
}
.filter__title {
  margin-bottom: 21px;
}
.filter__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .filter__body--dir {
    height: 108px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .filter__body--rubric {
    display: block;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    gap: 0;
  }
}
.filter__item {
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .filter__item {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .filter__item {
    width: 33%;
  }
}
@media screen and (max-width: 1024px) {
  .filter__item--rubric {
    width: auto;
  }
}
.filter__label {
  font-size: 13px;
  font-weight: 300;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.01em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .filter__label {
    font-size: 15px;
  }
}
.filter__label .lbl {
  cursor: pointer;
}
.filter__label [type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  background: #f5f5f8;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  position: relative;
  margin: 2px 0 0 0;
}
.filter__label [type=checkbox]:checked::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #060606;
  height: 8px;
  width: 8px;
  border-radius: 2px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.filter__label [type=checkbox]:disabled ~ .lbl {
  color: rgba(6, 6, 6, 0.56);
}
.filter__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .filter__links {
    gap: 24px 32px;
    max-width: 100%;
  }
}
.filter__link {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4ch;
          flex: 0 0 4ch;
}
.filter__link .lbl {
  color: rgba(6, 6, 6, 0.56);
}
:checked + .filter__link .lbl {
  color: #060606;
}
.filter__link:hover .lbl {
  color: #060606;
}
.filter__link [type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.filter__link [type=checkbox]:checked ~ .lbl {
  color: #060606;
}
.filter__more {
  margin-top: 24px;
}
.filter__more--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .filter__more--link {
    font-size: 15px;
  }
}
.filter__more--link .ic {
  width: 16px;
  height: 16px;
}
.filter-open-all .filter__more--on {
  display: none;
}
.filter__more--off {
  display: none;
}
.filter-open-all .filter__more--off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .filter__reset, .filter__submit, .filter__button {
    text-align: center;
    margin-top: auto;
  }
}
@media screen and (max-width: 767px) {
  .filter__reset, .filter__submit, .filter__button {
    margin-top: 72px;
  }
}
.filter__reset .link, .filter__reset .footer-bottom-menu li a, .footer-bottom-menu li .filter__reset a, .filter__reset .site-footer__menu ul li a, .site-footer__menu ul li .filter__reset a, .filter__reset .link-underline, .filter__reset .site-header__menu ul li a, .site-header__menu ul li .filter__reset a, .filter__reset .header-links li a, .header-links li .filter__reset a, .filter__reset .header-drop__menu ul li a, .header-drop__menu ul li .filter__reset a, .filter__reset .header-drop__pages ul li a, .header-drop__pages ul li .filter__reset a, .filter__submit .link, .filter__submit .footer-bottom-menu li a, .footer-bottom-menu li .filter__submit a, .filter__submit .site-footer__menu ul li a, .site-footer__menu ul li .filter__submit a, .filter__submit .link-underline, .filter__submit .site-header__menu ul li a, .site-header__menu ul li .filter__submit a, .filter__submit .header-links li a, .header-links li .filter__submit a, .filter__submit .header-drop__menu ul li a, .header-drop__menu ul li .filter__submit a, .filter__submit .header-drop__pages ul li a, .header-drop__pages ul li .filter__submit a, .filter__button .link, .filter__button .footer-bottom-menu li a, .footer-bottom-menu li .filter__button a, .filter__button .site-footer__menu ul li a, .site-footer__menu ul li .filter__button a, .filter__button .link-underline, .filter__button .site-header__menu ul li a, .site-header__menu ul li .filter__button a, .filter__button .header-links li a, .header-links li .filter__button a, .filter__button .header-drop__menu ul li a, .header-drop__menu ul li .filter__button a, .filter__button .header-drop__pages ul li a, .header-drop__pages ul li .filter__button a {
  color: #060606;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
@media screen and (max-width: 767px) {
  .filter__reset .link, .filter__reset .footer-bottom-menu li a, .footer-bottom-menu li .filter__reset a, .filter__reset .site-footer__menu ul li a, .site-footer__menu ul li .filter__reset a, .filter__reset .link-underline, .filter__reset .site-header__menu ul li a, .site-header__menu ul li .filter__reset a, .filter__reset .header-links li a, .header-links li .filter__reset a, .filter__reset .header-drop__menu ul li a, .header-drop__menu ul li .filter__reset a, .filter__reset .header-drop__pages ul li a, .header-drop__pages ul li .filter__reset a, .filter__submit .link, .filter__submit .footer-bottom-menu li a, .footer-bottom-menu li .filter__submit a, .filter__submit .site-footer__menu ul li a, .site-footer__menu ul li .filter__submit a, .filter__submit .link-underline, .filter__submit .site-header__menu ul li a, .site-header__menu ul li .filter__submit a, .filter__submit .header-links li a, .header-links li .filter__submit a, .filter__submit .header-drop__menu ul li a, .header-drop__menu ul li .filter__submit a, .filter__submit .header-drop__pages ul li a, .header-drop__pages ul li .filter__submit a, .filter__button .link, .filter__button .footer-bottom-menu li a, .footer-bottom-menu li .filter__button a, .filter__button .site-footer__menu ul li a, .site-footer__menu ul li .filter__button a, .filter__button .link-underline, .filter__button .site-header__menu ul li a, .site-header__menu ul li .filter__button a, .filter__button .header-links li a, .header-links li .filter__button a, .filter__button .header-drop__menu ul li a, .header-drop__menu ul li .filter__button a, .filter__button .header-drop__pages ul li a, .header-drop__pages ul li .filter__button a {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.01em;
  }
}

@media all and (max-width: 767px), all and (min-width: 1024px) {
  .filter-item-hidden {
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: -22px;
    -webkit-transform: scaleY(0) translate(0, -100%);
        -ms-transform: scaleY(0) translate(0, -100%);
            transform: scaleY(0) translate(0, -100%);
    margin-bottom: 0;
    overflow: hidden;
  }
  .filter-open-all .filter-item-hidden {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transform: scaleY(1) translate(0, 0);
        -ms-transform: scaleY(1) translate(0, 0);
            transform: scaleY(1) translate(0, 0);
    margin-bottom: 8px;
  }
}

.cat-sbs__inner {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .cat-sbs__inner {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 48px;
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs__inner {
    display: block;
    padding-top: 72px;
    padding-bottom: 74px;
  }
}
.cat-sbs__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
.cat-sbs__body {
  padding-top: 70px;
  grid-column: 1/15;
}
@media screen and (max-width: 767px) {
  .cat-sbs__body {
    padding-top: 0;
    margin-bottom: 48px;
  }
}
.cat-sbs__title {
  margin-bottom: 24px;
  letter-spacing: 0;
  max-width: 600px;
}
@media screen and (max-width: 1024px) {
  .cat-sbs__title {
    margin-bottom: 15px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs__title {
    margin-bottom: 38px;
  }
  .cat-sbs .cat-sbs__title {
    margin-bottom: 24px;
  }
}
.cat-sbs .sbs-form {
  max-width: 455px;
}
@media screen and (max-width: 1024px) {
  .cat-sbs .sbs-form {
    max-width: 291px;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs .cat-sbs .sbs-form {
    max-width: 100%;
  }
}
.cat-sbs .inp-box {
  margin-bottom: 42px;
}
@media screen and (max-width: 1024px) {
  .cat-sbs .inp-box {
    margin-bottom: 32px;
  }
}
.cat-sbs [type=submit] {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.18px;
  line-height: 130%;
}
.cat-sbs__card {
  position: relative;
  grid-column: 15/23;
}
.cat-sbs__card .card-sbs {
  height: 453px;
  width: 453px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .cat-sbs__card .card-sbs {
    height: 352px;
    width: 352px;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs__card .card-sbs {
    height: 343px;
    width: 343px;
    margin: 0 auto;
  }
}
.cat-sbs__card .card-sbs::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  opacity: 0.72;
  background: #e0e0e7;
  -webkit-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
          transform: rotate(6deg);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .cat-sbs__card .card-sbs::before {
    -webkit-transform: rotate(-4.7deg);
        -ms-transform: rotate(-4.7deg);
            transform: rotate(-4.7deg);
  }
}
.cat-sbs__card .card {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .cat-sbs__card .card__info {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs__card .card__info {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .cat-sbs__card .card__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cat-sbs__card .card__title {
    font-size: 20px;
  }
}

.p-404 {
  margin-top: -40px;
  text-align: center;
  margin-bottom: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-404 {
    margin-top: 0;
    padding-top: 90px;
    margin-bottom: 8px;
  }
}
.p-404 > * {
  width: 100%;
}
.p-404__top {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .p-404__top {
    margin-bottom: 0;
  }
}
.p-404__top img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-404__body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.p-404__title {
  margin-bottom: 32px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .p-404__title {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .p-404__title {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    /* or 28px */
    text-align: center;
    letter-spacing: -0.01em;
    color: #000000;
  }
}
@media screen and (max-width: 767px) {
  .p-404__link {
    margin-bottom: 24px;
  }
}
.p-404__link a {
  font-size: 18px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.18px;
}

.site-footer {
  margin-top: auto;
  background: #060606;
  color: #fff;
  padding-top: 48px;
}
@media screen and (max-width: 1024px) {
  .site-footer {
    padding-top: 41px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer {
    padding-top: 40px;
  }
}
.site-footer a {
  color: inherit;
}
.site-footer__row {
  display: grid;
  grid-template-columns: 5fr 9fr 4fr 6fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .site-footer__row {
    display: block;
  }
}
.site-footer__row--top {
  padding-bottom: 160px;
}
@media screen and (max-width: 1024px) {
  .site-footer__row--top {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__row--top {
    padding-bottom: 19px;
  }
}
.site-footer__row--middle {
  padding-top: 36px;
  padding-bottom: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .site-footer__row--middle {
    padding-top: 0;
    padding-bottom: 16px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__row--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 24px;
    padding-bottom: 19px;
  }
  .site-footer__row--middle::before {
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.24);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.site-footer__row--bottom {
  padding-top: 22px;
  padding-bottom: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer__row--bottom::before {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .site-footer__row--bottom {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    padding-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__row--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 19px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__logo {
    margin-bottom: 48px;
  }
}
.site-footer__logo img {
  display: block;
  width: 142px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 1024px) {
  .site-footer__logo img {
    width: 164px;
    height: 64px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__logo img {
    width: 148px;
    height: 58px;
  }
}
.site-footer__content {
  display: grid;
  grid-template-columns: 9fr 4fr 6fr;
  grid-column: 2/-1;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 34px;
}
@media screen and (max-width: 1024px) {
  .site-footer__content {
    grid-row: 2;
    grid-column: 1/-1;
    position: relative;
    padding-top: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__content {
    grid-template-columns: 1fr 1fr;
    row-gap: 25px;
    padding-top: 0;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer__content::after {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.24);
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__content::after {
    display: none;
  }
}
.site-footer__menu h4,
.site-footer__menu .h4 {
  margin-top: 0;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
  color: rgba(255, 255, 255, 0.56);
}
@media screen and (max-width: 767px) {
  .site-footer__menu h4,
  .site-footer__menu .h4 {
    margin-bottom: 15px;
  }
}
.site-footer__menu ul {
  padding: 0;
  margin: 0;
}
.site-footer__menu ul li {
  list-style: none;
  margin-bottom: 5px;
  padding: 0;
}
.site-footer__menu ul li a {
  font-size: 13px;
  /* font-size: 14px; */
  line-height: 148%; /* 20.72px */
  letter-spacing: -0.14px;
}
.site-footer__menu ul li.has-arrow > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer__menu ul li.has-arrow > a::before {
  right: 24px;
  bottom: 2.5px;
}
.site-footer__menu ul li.has-arrow > a::after {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='white'/%3E%3Cpath d='M5.63254 10.3458C5.52068 10.2339 5.51135 10.0583 5.60458 9.93586L5.63254 9.90386L10.052 5.48444C10.174 5.3624 10.3719 5.3624 10.4939 5.48444C10.6058 5.59631 10.6151 5.77189 10.5219 5.89438L10.4939 5.92638L6.07449 10.3458C5.95245 10.4678 5.75458 10.4678 5.63254 10.3458Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M6.71633 6.02542C6.54374 6.02579 6.40353 5.88618 6.40315 5.71359C6.40282 5.5567 6.51817 5.42655 6.66881 5.40391L6.71498 5.40042L10.2723 5.39276C10.4297 5.39242 10.56 5.50844 10.5822 5.65959L10.5855 5.70591L10.5781 9.26354C10.5778 9.43613 10.4376 9.57575 10.265 9.57539C10.1081 9.57507 9.97843 9.45917 9.95642 9.30843L9.95313 9.26225L9.95965 6.01842L6.71633 6.02542Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.site-footer__menu ul li.has-arrow > a:hover::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .site-footer__menu--dia, .site-footer__menu--about {
    margin-bottom: 20px;
  }
}
.site-footer__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
}
@media screen and (max-width: 767px) {
  .site-footer__copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.site-footer__copy svg {
  height: 14px;
  width: 14px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
}
.site-footer__link-a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer__link-a::after {
  content: "";
  height: 16px;
  width: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16;
          flex: 0 0 16;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='white'/%3E%3Cpath d='M5.63254 10.3458C5.52068 10.2339 5.51135 10.0583 5.60458 9.93586L5.63254 9.90386L10.052 5.48444C10.174 5.3624 10.3719 5.3624 10.4939 5.48444C10.6058 5.59631 10.6151 5.77189 10.5219 5.89438L10.4939 5.92638L6.07449 10.3458C5.95245 10.4678 5.75458 10.4678 5.63254 10.3458Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M6.71633 6.02542C6.54374 6.02579 6.40353 5.88618 6.40315 5.71359C6.40282 5.5567 6.51817 5.42655 6.66881 5.40391L6.71498 5.40042L10.2723 5.39276C10.4297 5.39242 10.56 5.50844 10.5822 5.65959L10.5855 5.70591L10.5781 9.26354C10.5778 9.43613 10.4376 9.57575 10.265 9.57539C10.1081 9.57507 9.97843 9.45917 9.95642 9.30843L9.95313 9.26225L9.95965 6.01842L6.71633 6.02542Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.site-footer__link-a:hover::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.site-footer__link-a img {
  height: 33px;
  width: 89px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .site-footer__pages {
    grid-column: 1/3;
  }
}
.site-footer__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  grid-column: 4;
}
@media screen and (max-width: 1024px) {
  .site-footer__icon {
    grid-column: 4;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__icon {
    padding-top: 24px;
  }
}
.site-footer__icon--text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.56);
}
.site-footer__icon--text a {
  color: #fff;
  text-decoration: underline;
}
.site-footer__icon img {
  display: block;
  height: 27px;
  width: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .site-footer__icon img {
    width: 40px;
    height: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer__icon img {
    width: 40px;
    height: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .footer-contact {
    padding-bottom: 36px;
  }
}
@media screen and (max-width: 767px) {
  .footer-contact {
    padding-bottom: 0;
  }
}
.footer-contact__title {
  grid-row: 1;
  grid-column: 1;
  margin: 0;
  font-size: 26px;
  line-height: 1.12;
}
@media screen and (max-width: 1024px) {
  .footer-contact__title {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .footer-contact__title {
    grid-row: 1;
    grid-column: 1/-1;
    font-size: 24px;
    margin-bottom: 0;
    letter-spacing: 0;
  }
}
.footer-contact__body {
  grid-row: 2;
  grid-column: 1;
  font-size: 13px;
  /* font-size: 14px; */
  font-weight: 300;
  line-height: 1.48;
}
@media screen and (max-width: 767px) {
  .footer-contact__body {
    grid-row: 2;
    grid-column: 1/-1;
    padding-bottom: 20px;
    position: relative;
  }
  .footer-contact__body::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.24);
  }
}
.footer-contact__body p {
  margin-bottom: 6px;
  margin-top: 0;
}

.footer-bottom-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .footer-bottom-menu {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer-bottom-menu {
    margin-bottom: 13px;
    gap: 24px;
  }
}
.footer-bottom-menu li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-bottom-menu li a {
  font-size: 12px;
  font-weight: 500;
  line-height: 132%;
}

.modal-thank {
  min-height: 100vh;
}
.modal-thank .uk-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
  border: none;
  padding: 16px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal-thank .uk-close svg {
    width: 34px;
    height: 34px;
  }
}
.modal-thank__dialog {
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 48px;
}
@media screen and (max-width: 767px) {
  .modal-thank__dialog {
    padding: 32px 16px;
  }
}
.modal-thank__content {
  margin: auto;
}
.modal-thank__title {
  margin-bottom: 32px;
  margin-top: 0;
  font-size: 68px;
  font-weight: 400;
  line-height: 100%; /* 68px */
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .modal-thank__title {
    font-size: 28px;
    margin-bottom: 24px;
  }
}
.modal-thank__text {
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 300;
  line-height: 128%; /* 20.48px */
  letter-spacing: -0.16px;
}
@media screen and (max-width: 767px) {
  .modal-thank__text {
    margin-bottom: 24px;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal-thank__text br {
    display: none;
  }
}
.modal-thank__link a {
  font-size: 18px;
  font-weight: 400;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.01em;
}

.grecaptcha-badge {
  height: 0;
  width: 0;
  visibility: hidden;
}

.loader {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9988;
  opacity: 0;
  visibility: hidden;
}
.loader__inner {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .loader__inner {
    padding: 16px 24px;
  }
}
.loader__box {
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
}
.loader__percent {
  position: relative;
  text-align: center;
  font-size: 136px;
  line-height: 1;
  font-family: "Tinos", serif;
}
@media screen and (max-width: 767px) {
  .loader__percent {
    font-size: 72px;
  }
}
.loader__percent--symbol {
  position: absolute;
  right: 0;
  top: 0;
}
.loader__scale {
  height: 1px;
  background: rgba(6, 6, 6, 0.12);
  position: relative;
}
.loader__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background: #060606;
  width: 20%;
}
.loader__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}/*# sourceMappingURL=style.css.map */