@charset "UTF-8";
/*!
Project: CLONE (beta)
Version: 4.1.0
Author: Emersion Software
*/
/*
--- NORMALIZE/REBOOT
--- GRID
--- SETTINGS
--- CONTENT
--- COMPONENTS
--- MODULES
--- CUSTOMIZED
--- VENDOR
--- UTILITIES
--- PRINT
*/
@layer framework, utils;
@layer framework {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input { /* 1 */
    overflow: visible;
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  :root {
    --ff-default: "Open Sans", Arial, sans-serif;
    --ff-extra: "Open Sans", Arial, sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-bold: 700;
    --fw-ultra: 800;
    --fz-default: .9375rem;
    --lh-default: 1.6;
    --w-container: 1280px;
    --p-container: 1em;
    --c-default: #444;
    --c-title: #000;
    --bg-default: #fff;
    --bg-default-hover: #eee;
    --dim: 100, 100, 100;
    --bg-header: #fff;
    --bg-section: #eee;
    --bg-box: #eee;
    --bg-footer: #343839;
    --c-footer: #d9dbe1;
    --c-footer-link: #eff3f4;
    --c-footer-link-hover: #d93e00;
    --c-primary: #BC3804;
    --c-primary-hover: #d93e00;
    --c-secondary: #a70b0b;
    --c-secondary-hover: #a70b0b;
    --c-success: #198754;
    --c-danger: #dc3545;
    --c-warning: #ffc107;
    --c-info: #0dcaf0;
    --c-grey-light: #f3f3f3;
    --c-grey: #777;
    --c-grey-dark: #333;
    --bg-menu: #f4f4f4;
    --bg-menu-hover: #ddd;
    --c-menu: #444;
    --c-menu-hover: #444;
    --bg-submenu: #fff;
    --bg-submenu-hover: #ddd;
    --tr-even: #f2f2f2;
    --tr-odd: #e2e2e2;
    --tr-hover: #fffeea;
    --c-link: #BC3804;
    --c-link-hover: #BC3804;
    --c-link-light: #eff3f4;
    --c-link-light-hover: #BC3804;
    --c-button: #BC3804;
    --c-button-hover: #d93e00;
    --c-button-white: #fff;
    --c-button-white-hover: #fff;
    --c-button-black: #000;
    --c-button-black-hover: #000;
    --c-facebook: #3d5a98;
    --c-twitter: #000;
    --c-instagram:#ae2eb1;
    --c-linkedin: #0077b5;
    --c-youtube: #f70000;
    --c-rss: #f39808;
    --c-disable: #888;
    --c-invalid: #f00;
    --border: #bbb;
    --spacer: 4em;
    --radius: .2em;
    --button-height: 3em;
    --button-radius: .2em;
    --frm-border: #bbb;
    --frm-bg: #eff3f5;
    --frm-line-height: 1.5;
    --frm-padding:.75em;
    --frm-radius: .2em;
    --bg-cookies: rgba(255,255,255,1);
    --c-cookies: #444;
    --fz-cookies: .9375rem;
    --p-cookies-btn: 15px 30px;
    --br-cookies-btn: 3px;
    --b-cookies-btn: #ccc;
    --c-cookies-btn: #000;
    --bg-cookies-btn: #f7f7f7;
    --bg-cookies-btn-hover: #f7f7f7;
    --b-cookies-btn-ok: #000;
    --c-cookies-btn-ok: #fff;
    --bg-cookies-btn-ok: #000;
    --bg-cookies-btn-ok-hover: #222;
    --h-cookies-toggle: 32px;
    --c-cookies-toggle: #444;
    --c-cookies-toggle-on: #FFD600;
  }
  .darkmode {
    --c-primary: #f68a1f;
    --c-primary-hover: #f68a1f;
    --c-secondary: #a70b0b;
    --c-secondary-hover: #a70b0b;
    --c-default: #ccc;
    --c-title: #fff;
    --bg-default: #000;
    --bg-default-hover: #222;
    --dim: 255, 255, 255;
    --bg-header: #000;
    --bg-section: #222;
    --bg-box: #222;
    --bg-footer: #222;
    --bg-menu: #000;
    --bg-menu-hover: #222;
    --c-menu: #fff;
    --c-menu-hover: #fff;
    --c-link: #f68a1f;
    --c-link-hover: #f68a1f;
    --c-link-alt: #fff;
    --c-link-alt-hover: #fff;
    --c-button: #f68a1f;
    --c-button-hover: #f68a1f;
    --c-button-alt: #fff;
    --c-button-alt-hover: #fff;
    --ue-arrow: white;
  }
  /* Dark mode - media query 
  @media (prefers-color-scheme: dark) {
      :root {
      --c-default: #fff;
      --bg-default: #000;
      --bg-section: #222;
      }
  }
  */
  /* Variable fonts
  @font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 300 800;
    src: local(''),
         url('../fonts/mavenpro-vf-wght.woff2') format('woff2 supports variations'), 
         url('../fonts/mavenpro-vf-wght.woff2') format('woff2-variation'); 
    font‑display: swap;
  }
  */
  /*/ open-sans-300 - latin-ext_latin
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../fonts/open-sans-v20-latin-ext_latin-300.woff2') format('woff2'); 
         //url('../fonts/open-sans-v20-latin-ext_latin-300.woff') format('woff'); 
    font‑display: swap;
  }
  */
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/open-sans-v20-latin-ext_latin-regular.woff2") format("woff2");
    font‑display: swap;
  }
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../fonts/open-sans-v20-latin-ext_latin-700.woff2") format("woff2");
    font‑display: swap;
  }
  /*
  @import url('https://fonts.googleapis.com/css?family=Armata&subset=latin-ext&display=swap'); // font-family:Armata,sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400&subset=latin-ext&display=swap'); // font-family:'Archivo Narrow',sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext&display=swap'); // font-family:'Open Sans',sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin-ext&display=swap'); // font-family: 'Roboto Condensed', sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext&display=swap');  // font-family: 'Raleway', sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,700&subset=latin-ext&display=swap'); // font-family: 'Work Sans', sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400i,700i&subset=latin-ext&display=swap'); // font-family: 'Playfair Display';
  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&subset=latin-ext&display=swap'); // font-family:'Source Sans Pro', sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=latin-ext&display=swap');  // font-family: 'Noto Sans', sans-serif;
  @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=latin-ext&display=swap');  // font-family: 'Ubuntu', sans-serif;
  */
  .c-primary {
    color: var(--c-primary) !important;
  }
  .c-secondary {
    color: var(--c-secondary) !important;
  }
  .c-success {
    color: var(--c-success) !important;
  }
  .c-danger {
    color: var(--c-danger) !important;
  }
  .c-warning {
    color: var(--c-warning) !important;
  }
  .c-info {
    color: var(--c-info) !important;
  }
  .bg-primary {
    background-color: var(--c-primary) !important;
  }
  .bg-secondary {
    background-color: var(--c-secondary) !important;
  }
  .bg-success {
    background-color: var(--c-success) !important;
  }
  .bg-danger {
    background-color: var(--c-danger) !important;
  }
  .bg-warning {
    background-color: var(--c-warning) !important;
  }
  .bg-info {
    background-color: var(--c-info) !important;
  }
  .navy {
    color: #001F3F !important;
  }
  .blue {
    color: #0074D9 !important;
  }
  .aqua {
    color: #7FDBFF !important;
  }
  .teal {
    color: #39CCCC !important;
  }
  .olive {
    color: #3D9970 !important;
  }
  .green {
    color: #2ECC40 !important;
  }
  .lime {
    color: #01FF70 !important;
  }
  .yellow {
    color: #FFDC00 !important;
  }
  .orange {
    color: #FF851B !important;
  }
  .red {
    color: #FF4136 !important;
  }
  .fuchsia {
    color: #F012BE !important;
  }
  .purple {
    color: #B10DC9 !important;
  }
  .maroon {
    color: #85144B !important;
  }
  .white {
    color: #fff !important;
  }
  .silver {
    color: #ddd !important;
  }
  .gray {
    color: #aaa !important;
  }
  .dark-gray {
    color: #444 !important;
  }
  .black {
    color: #000 !important;
  }
  .bg-navy {
    background-color: #001F3F !important;
  }
  .bg-blue {
    background-color: #0074D9 !important;
  }
  .bg-aqua {
    background-color: #7FDBFF !important;
  }
  .bg-teal {
    background-color: #39CCCC !important;
  }
  .bg-olive {
    background-color: #3D9970 !important;
  }
  .bg-green {
    background-color: #2ECC40 !important;
  }
  .bg-lime {
    background-color: #01FF70 !important;
  }
  .bg-yellow {
    background-color: #FFDC00 !important;
  }
  .bg-orange {
    background-color: #FF851B !important;
  }
  .bg-red {
    background-color: #FF4136 !important;
  }
  .bg-fuchsia {
    background-color: #F012BE !important;
  }
  .bg-purple {
    background-color: #B10DC9 !important;
  }
  .bg-maroon {
    background-color: #85144B !important;
  }
  .bg-white {
    background-color: #fff !important;
  }
  .bg-gray {
    background-color: #aaa !important;
  }
  .bg-silver {
    background-color: #ddd !important;
  }
  .bg-dark-gray {
    background-color: #444 !important;
  }
  .bg-black {
    background-color: #000 !important;
  }
  .cf::after {
    display: block;
    content: "";
    clear: both;
  }
  .dim {
    opacity: 1;
    -webkit-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
  }
  .dim:hover, .dim:focus {
    opacity: 0.75;
    -webkit-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
  }
  .dim:active {
    opacity: 0.8;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
  }
  .grow {
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  }
  .grow:hover, .grow:focus {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .grow:active {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1010;
  }
  .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
  }
  .sticky {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .hstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .vstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .invisible {
    position: absolute;
    top: -1000px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .hidden-focus:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .link-stretch::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
  }
  .bg-image-holder {
    position: relative;
    overflow: hidden;
  }
  .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: -webkit-transform 3s ease;
    transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
  }
  .bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .vr {
    display: inline-block;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: var(--c-default);
  }
  .dbg {
    background: yellow !important;
    color: #000 !important;
    border: 1px solid red !important;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  html {
    font-size: 100%;
    scroll-behavior: smooth;
  } /* = 16px; */
  @media screen and (max-width: 991px) {
    html {
      font-size: 92%;
    }
  }
  @media screen and (max-width: 767px) {
    html {
      font-size: 85%;
    }
  }
  body {
    margin: 0;
    padding: 0;
    background-color: var(--bg-default);
    color: var(--c-default);
    font-size: var(--fz-default);
    font-family: var(--ff-default);
    width: 100vw;
    height: 100vh;
  }
  table, button, input, select, textarea {
    font-size: var(--fz-default);
    font-family: var(--ff-default);
  }
  .wl-sm {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
  }
  .wl-md {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
  }
  .wl-lg {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
  }
  .wl-xl {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
  }
  .wl-xxl {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
  }
  .page {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .my-container {
    max-width: var(--w-container);
    margin: auto;
    padding: 0 var(--p-container);
  }
  .my-container::after {
    display: block;
    content: "";
    clear: both;
  }
  .header, .content, .footer {
    position: relative;
  }
  .header::after, .content::after, .footer::after {
    display: block;
    content: "";
    clear: both;
  }
  .slider, .motive {
    clear: both;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 0;
    margin: auto;
    position: relative;
    overflow: hidden;
  }
  .slider {
    aspect-ratio: 1920/720;
  }
  .motive {
    aspect-ratio: 1920/480;
  }
  @media screen and (max-width: 767px) {
    .slider, .motive {
      aspect-ratio: 767/511;
    }
  }
  .logo {
    display: block;
    width: 6em;
    height: auto;
    text-decoration: none;
    font-size: 1.75rem;
  }
  .logo:hover {
    opacity: 0.8;
  }
  @media screen and (max-width: 767px) {
    .logo {
      width: 5em;
    }
  }
  .content {
    padding: var(--spacer) 0;
  }
  .grid-2cols {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 2.5em 1fr;
    grid-template-columns: 25% 1fr;
    grid-column-gap: 2.5em;
  }
  .grid-2cols .left {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  @media screen and (max-width: 767px) {
    .grid-2cols {
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      grid-column-gap: 0;
    }
    .grid-2cols .left {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  }
  h1, h2, h3, h4, h5, h6 {
    color: var(--c-title);
    margin: 1.5em 0 0.3em 0;
    line-height: 1.2em;
    font-family: var(--ff-extra);
    font-weight: var(--fw-bold);
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 0.8075rem;
  }
  .section {
    color: var(--c-title);
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    margin: 0 0 1.5em 0;
    padding: 0;
    border-bottom: 0 solid #aaa;
    line-height: 1.3;
    text-transform: uppercase;
    position: relative;
  }
  .section--extra {
    font-size: 2.5rem;
  }
  .section::after {
    position: absolute;
    bottom: -0.55em;
    left: 0;
    width: 2em;
    height: 2px;
    content: "";
    background: var(--c-primary);
  }
  .section.tal-c::after {
    left: calc(50% - 1em);
  }
  p, ul, ol, dl, td, th {
    line-height: var(--lh-default);
  }
  p {
    margin: 0 0 0.7em 0;
  }
  abbr, acronym {
    cursor: help;
    padding-bottom: 1px;
    border-bottom: 1px dashed #000;
  }
  pre, kbd, code {
    font-family: Inconsolata, Consolas, monospace;
  }
  pre code {
    display: block;
    margin: 0;
    padding: 1em;
    border: 1px solid #ddd;
    background: var(--c-grey-light);
  }
  pre {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    white-space: pre-wrap;
  }
  blockquote {
    background: var(--c-grey-light);
    margin: 2em 0;
    padding: 2em 2.5em;
  }
  blockquote p {
    font-style: italic;
  }
  blockquote span {
    display: block;
    font-size: 91%;
    color: #000;
  }
  ins {
    color: #0f0;
  }
  del {
    color: #f00;
    text-decoration: line-through;
  }
  cite {
    font-style: italic;
    color: #666;
  }
  caption {
    color: #555;
  }
  sub, sup {
    font-size: 0.875rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  hr, .hr {
    clear: both;
    border-bottom: 0;
    border-top: 1px dotted #ccc;
    border-right: 0;
    border-left: 0;
    margin: 1.5em 0;
    min-height: 0;
    height: 1px;
  }
  .hr--alt1 {
    border-style: solid;
  }
  .hr--alt2 {
    border-style: dashed;
  }
  .hidden {
    display: none;
  }
  a {
    color: var(--c-link);
    text-decoration: underline;
  }
  a:hover {
    color: var(--c-link-hover);
    text-decoration: none;
  }
  ul {
    margin: 0.4em 0 0.4em 12px;
    padding: 0;
    list-style-type: square;
  }
  ol {
    margin: 0.4em 0 0.4em 17px;
    padding: 0;
  }
  ul li::marker {
    color: var(--c-primary);
  }
  .ul-checks, .ul-arrows {
    padding: 0;
    margin: 0 0 0.7em 0;
    list-style: none;
  }
  .ul-checks li, .ul-arrows li {
    margin: 0;
    padding: 0;
  }
  .ul-checks li::before, .ul-arrows li:before {
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    content: "";
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ul-checks li::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
  }
  .ul-arrows li:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
  }
  .ul-no {
    padding: 0;
    margin: 0 0 0.7em 0;
    list-style: none;
  }
  .ul-chrono {
    padding: 0;
    margin: 0 0 0.7em 0;
    list-style: none;
  }
  .ul-chrono li {
    margin: 5px;
  }
  .ul-chrono li > span {
    padding-right: 1em;
  }
  .ul-chrono span {
    display: table-cell;
  }
  .ul-centered {
    padding: 0;
    margin: 0 0 0.7em 0;
    text-align: center;
    list-style-position: inside;
    list-style: none;
  }
  .ul-centered li {
    padding: 0 1em;
  }
  .ul-inline {
    padding: 0;
    margin: 0 0 0.7em 0;
    list-style: none;
  }
  .ul-inline li {
    display: inline-block;
    padding: 0 1em 0 0;
  }
  .ol-numbers {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .ol-numbers li {
    counter-increment: step-counter;
    position: relative;
    margin: 0 0 0 2em;
  }
  .ol-numbers li:before {
    position: absolute;
    left: -2em;
    top: 0;
    content: counter(step-counter);
    margin-right: 0.5em;
    background-color: #eee;
    color: #000;
    width: 1.5em;
    height: 1.5em;
    font-weight: bold;
    text-align: center;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 99em;
  }
  a img.img, img.img {
    border: 0 solid #ccc;
    background: transparent;
    line-height: 0;
    padding: 0;
  }
  a img.img:hover, a img.img:focus {
    border: 0 solid #000;
  }
  .imgl {
    float: left;
    clear: left;
    margin: 0.4em 2em 1em 0;
  }
  .imgr {
    float: right;
    clear: right;
    margin: 0.4em 0 1em 2em;
  }
  .imgc {
    display: block;
    margin: auto;
  }
  .rwd-image {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
  @media screen and (max-width: 767px) {
    .imgl, .imgr, .imgc {
      float: none;
      clear: both;
      width: 100%;
      height: auto;
      margin-left: 0;
      margin-right: 0;
    }
  }
  .icon {
    display: inline-block;
    width: auto;
    height: 1em;
    vertical-align: -0.125em;
  }
  .formatted {
    border-collapse: collapse;
    border-width: 0px;
  }
  .formatted caption {
    padding: 1em 0;
    text-align: left;
  }
  .formatted th {
    text-align: left;
  }
  .formatted th, .formatted td {
    vertical-align: top;
    border-top: 1px solid rgba(var(--dim), 0.2);
    border-bottom: 1px solid rgba(var(--dim), 0.2);
    background: transparent;
  }
  .formatted th {
    background: var(--c-primary);
    color: #fff;
    padding: 1em 0.5em;
    font-weight: var(--fw-bold);
  }
  .formatted td {
    padding: 0.5em;
  }
  .formatted tr:nth-of-type(even) {
    background: var(--tr-even);
  }
  .formatted tr:nth-of-type(odd) {
    background: var(--tr-odd);
  }
  .formatted tr:hover {
    background: var(--tr-hover);
  }
  @media screen and (max-width: 767px) {
    .formatted {
      overflow-x: auto;
      display: block;
    }
  }
  input[type=text], input[type=email], input[type=password], input[type=date], input[type=file],
  select, textarea, fieldset, legend, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  option, input[type=button], input[type=submit], .input-checkbox {
    -webkit-appearance: none;
  }
  input[type=text], input[type=email], input[type=password], input[type=date], input[type=file], select, textarea {
    border: 1px solid var(--frm-border);
    background-color: #fff;
    color: #000;
    line-height: var(--frm-line-height);
    padding: var(--frm-padding);
    border-radius: var(--frm-radius);
  }
  textarea {
    height: auto;
    padding: var(--frm-padding);
    line-height: var(--frm-line-height);
  }
  input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=file]:focus, textarea:focus, select:focus {
    border: 1px solid #aaa;
    background-color: #FFFBD4;
    outline: none;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
  }
  input[type=radio], input[type=checkbox] {
    margin-right: 0.5em;
  }
  select {
    background-image: url(img/select.svg);
    background-repeat: no-repeat;
    background-position: center right 0.75rem;
  }
  .range {
    display: inline-block;
    margin-top: 0.75em;
  }
  .range-chosen {
    display: inline-block;
    width: 3em;
    margin: 0.75em 2em 0 0;
    padding: 0 0.2em;
    background-color: #eee;
    text-align: center;
    border-radius: var(--frm-radius);
  }
  .input-pseudo {
    text-align: left;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .readonly {
    color: var(--c-disable) !important;
    background: #eee !important;
  }
  ::-webkit-input-placeholder {
    color: #777;
    font-style: italic;
  }
  ::-moz-placeholder {
    color: #777;
    font-style: italic;
  }
  :-ms-input-placeholder {
    color: #777;
    font-style: italic;
  }
  ::-ms-input-placeholder {
    color: #777;
    font-style: italic;
  }
  ::placeholder {
    color: #777;
    font-style: italic;
  }
  .form {
    padding: 2em;
    background-color: #fff;
    border: 4px solid #eee;
  }
  .form__legend {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
  }
  .form__item {
    margin: 1em 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: 0px solid green;
  }
  .form__label, legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 1rem;
    margin: 0.5em 0;
    border: 0px solid red;
  }
  .form__check, .form__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0.5em 0;
  }
  .form__check--inline, .form__radio--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
  }
  /*
  .form__switch input[type=checkbox]{height: 0; width: 0; visibility: hidden;}
  .form__switch label {cursor: pointer; text-indent: -9999px; width: 200px; height: 50px; background: grey; display: block; border-radius: 99em; position: relative;}
  .form__switch label:after {content: ''; position: absolute; top: 5px;left: 5px; width: 40px; height: 40px; background: #fff; border-radius: 100%; transition: 0.3s;}
  .form__switch input:checked + label {background: #bada55;}
  .form__switch input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%);}
  .form__switch label:active:after {width: 10px;}
  */
  .toggle {
    cursor: pointer;
    display: inline-block;
  }
  .toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 58px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
  .toggle-switch:before, .toggle-switch:after {
    content: "";
  }
  .toggle-switch:before {
    display: block;
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: left 0.25s;
    transition: left 0.25s;
  }
  .toggle-checkbox:checked + .toggle-switch {
    background: var(--c-primary);
  }
  .toggle-checkbox:checked + .toggle-switch:before {
    left: 30px;
  }
  .toggle-checkbox {
    position: absolute;
    visibility: hidden;
  }
  .toggle-label {
    margin-left: 5px;
    position: relative;
    top: 2px;
  }
  .form__range {
    width: 100%;
    height: 30px;
    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;
    gap: 1em;
  }
  .form__slide {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    position: relative;
  }
  label.required::after {
    content: "*";
    color: #f00;
    margin-left: 0.25em;
  }
  .form *:disabled {
    opacity: 0.5;
  }
  @media screen and (max-width: 767px) {
    .form {
      padding: 1em;
    }
  }
  .button, input.button {
    border: solid 1px var(--c-button);
    background-color: transparent;
    color: var(--c-button);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: var(--button-height);
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    padding: 0.5em 1em;
    margin: 0;
    border-radius: var(--button-radius);
    font-weight: var(--fw-bold);
    outline: none;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    line-height: 1;
  }
  .button:hover {
    border: solid 1px var(--c-button-hover);
    background-color: var(--c-button-hover);
    color: #fff;
    text-decoration: none;
  }
  .button--rounded {
    border-radius: 9999px;
  }
  .button--disabled, .button--disabled:hover {
    border: solid 1px var(--c-disable);
    background: transparent;
    color: var(--c-disable);
    cursor: default;
  }
  .button--big {
    height: auto;
    line-height: 1;
    font-size: 1.3rem;
    padding: 0.75em 1em;
  }
  .button--small {
    height: auto;
    line-height: 1;
    font-size: 0.8rem;
    padding: 0.4em 1em;
  }
  .button--wide {
    width: 100%;
  }
  .button--white {
    border-color: var(--c-button-white);
    color: var(--c-button-white);
  }
  .button--white:hover {
    border-color: var(--c-button-white-hover);
    background-color: var(--c-button-white-hover);
    color: #000;
  }
  .button--black {
    border-color: var(--c-button-black);
    color: var(--c-button-black);
  }
  .button--black:hover {
    border-color: var(--c-button-black-hover);
    background-color: var(--c-button-black-hover);
    color: #fff;
  }
  .button--success {
    border-color: var(--c-success);
    color: var(--c-success);
  }
  .button--success:hover {
    border: solid 1px var(--c-success);
    background-color: var(--c-success);
    color: #fff;
  }
  .button--danger {
    border-color: var(--c-danger);
    color: var(--c-danger);
  }
  .button--danger:hover {
    border: solid 1px var(--c-danger);
    background-color: var(--c-danger);
    color: #fff;
  }
  .button--warning {
    border-color: var(--c-warning);
    color: var(--c-warning);
  }
  .button--warning:hover {
    border: solid 1px var(--c-warning);
    background-color: var(--c-warning);
    color: #000;
  }
  .button--info {
    border-color: var(--c-info);
    color: var(--c-info);
  }
  .button--info:hover {
    border: solid 1px var(--c-info);
    background-color: var(--c-info);
    color: #fff;
  }
  .button + .button {
    margin-left: 1em;
  }
  .button svg {
    width: 20px;
    height: 20px;
    margin-right: 0.2em;
  }
  /*
  // animations
  .button {position: relative;display: inline-block;overflow: hidden;z-index: 1;transition: 1s all ease;}
  .button::before {background: #ff7675;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;transition: all .6s ease;}

  .button::before {width: 0%;height: 100%;}
  .button:hover::before {width: 100%;}

  .btn2::before {width: 100%;height: 0%;}
  .btn2:hover::before {height: 100%;}

  .btn3::before {width: 100%;height: 0%;transform: translate(-50%,-50%) rotate(45deg);}
  .btn3:hover::before {height: 380%;}

  .btn4::before {width: 100%;height: 0%;transform: translate(-50%,-50%) rotate(-45deg);}
  .btn4:hover::before {height: 380%;}
  */
  /* button-arrows
  .button.arrow {text-align:left;padding-right:30px;}
  .button.arrow:after {position:absolute;top:35%;right:10px;width:6px;height:6px;border-top:2px solid #e41b13;border-right:2px solid #e41b13;content:"";-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);}
  .button.arrow.anchor:after {border-top:0;border-bottom:2px solid #e41b13;}
  .gray.arrow:after {border-color:#3f474a;}
  .gray.arrow.anchor:after {border-top:0;border-bottom:2px solid #3f474a;}
  .button.arrow:hover:after {border-color:#fff;}
  */
  /* button-colors
  .button--black {color:#d7d7d7;border:solid 1px #333;background-color:#333;}
  .button--black:hover {background-color:#000;}
  .button--gray {color:#e9e9e9;border:solid 1px #555;background-color:#6e6e6e;}
  .button--gray:hover {background-color:#616161;}
  .button--white {color:#606060;border:solid 1px #b7b7b7;background-color:#fff;}
  .button--white:hover {background-color:#ededed;}
  .button--orange {color:#fef4e9;border:solid 1px #da7c0c;background-color:#f78d1d;}
  .button--orange:hover {background-color:#f47c20;}
  .button--red {color:#faddde;border:solid 1px #980c10;background-color:#d81b21;}
  .button--red:hover {background-color:#b61318;}
  .button--blue {color:#d9eef7;border:solid 1px #0076a3;background-color:#0095cd;}
  .button--blue:hover {background-color:#007ead;}
  .button--rosy {color:#fae7e9;border:solid 1px #b73948;background-color:#da5867;}
  .button--rosy:hover {background-color:#ba4b58;}
  .button--green {color:#e8f0de;border:solid 1px #538312;background-color:#64991e;}
  .button--green:hover {background-color:#538018;}
  .button--pink {color:#feeef5;border:solid 1px #d2729e;background-color:#f895c2;}
  .button--pink:hover {background-color:#d57ea5;}
  */
  /* button-color-gradients
  .button {text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.2);}
  .button {background:linear-gradient(0deg,#575757,#888);}
  .button:hover {background:linear-gradient(0deg,#4b4b4b,#757575);}
  .button:active {background:linear-gradient(0deg,#888,#575757);}
  .button--black {background:linear-gradient(0deg,#000,#666);}
  .button--black:hover {background:linear-gradient(0deg,#000,#444);}
  .button--black:active {background:linear-gradient(0deg,#444,#000);}
  .button--gray {background:linear-gradient(0deg,#575757,#888);}
  .button--gray:hover {background:linear-gradient(0deg,#4b4b4b,#757575);}
  .button--gray:active {background:linear-gradient(0deg,#888,#575757);}
  .button--white {background:linear-gradient(0deg,#ededed,#fff);}
  .button--white:hover {background:linear-gradient(0deg,#dcdcdc,#fff);}
  .button--white:active {background:linear-gradient(0deg,#fff,#ededed);}
  .button--orange {background:linear-gradient(0deg,#f47a20,#faa51a);}
  .button--orange:hover {background:linear-gradient(0deg,#f06015,#f88e11);}
  .button--orange:active {background:linear-gradient(0deg,#faa51a,#f47a20);}
  .button--red {background:linear-gradient(0deg,#aa1317,#ed1c24);}
  .button--red:hover {background:linear-gradient(0deg,#a11115,#c9151b);}
  .button--red:active {background:linear-gradient(0deg,#ed1c24,#aa1317);}
  .button--blue {background:linear-gradient(0deg,#0078a5,#00adee);}
  .button--blue:hover {background:linear-gradient(0deg,#00678e,#0095cc);}
  .button--blue:active {background:linear-gradient(0deg,#00adee,#0078a5);}
  .button--rosy {background:linear-gradient(0deg,#bf404f,#f16c7c);}
  .button--rosy:hover {background:linear-gradient(0deg,#a53845,#cf5d6a);}
  .button--rosy:active {background:linear-gradient(0deg,#f16c7c,#bf404f);}
  .button--green {background:linear-gradient(0deg,#7db72f,#4e7d0e);}
  .button--green:hover {background:linear-gradient(0deg,#436b0c,#6b9d28);}
  .button--green:active {background:linear-gradient(0deg,#7db72f,#4e7d0e);}
  .button--pink {background:linear-gradient(0deg,#f171ab,#feb1d3);}
  .button--pink:hover {background:linear-gradient(0deg,#e86ca4,#f4aacb);}
  .button--pink:active {background:linear-gradient(0deg,#feb1d3,#f171ab);}
   */
  .control {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .control__item {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
  }
  .control__item--nav {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .control {
      margin: 0;
    }
    .control__item--nav {
      display: block;
    }
  }
  .button-nav, .button-fulltext, .button-virtuals {
    min-width: 3em;
    height: 3em;
    margin: 0;
    padding: 0;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    border: 0;
  }
  .button-nav__title {
    display: none;
    padding-right: 10px;
    font-size: 1rem;
  }
  .hamburger-line {
    width: 1.5em;
    height: 3px;
    background-color: var(--c-primary);
    display: block;
    margin: 4px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .button-nav.active .hamburger-line--1 {
    -webkit-transform: translateY(7px) rotate(45deg);
            transform: translateY(7px) rotate(45deg);
  }
  .button-nav.active .hamburger-line--2 {
    opacity: 0;
  }
  .button-nav.active .hamburger-line--3 {
    -webkit-transform: translateY(-7px) rotate(-45deg);
            transform: translateY(-7px) rotate(-45deg);
  }
  .button-fulltext svg {
    fill: var(--c-primary);
    height: 1.25em;
  }
  .button-fulltext:hover svg {
    fill: var(--c-primary-hover);
  }
  /* side-nav
  .side-nav.active ul { left: 0; }
  .side-nav.active .nav-toggle-handle { left: 17em; }
  .side-nav.active .nav-toggle-handle:before { display: inline-block; }
  .side-nav.active .nav-toggle-handle:after { display: none; }
  .side-nav ul {position: fixed;top: 0;left: -17em;z-index: 100;width: 17em;height: 1000px;height: 100vh;background-color: #fff;box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);transition: left 0.25s;overflow-y: auto;}
  .side-nav a {display: block;padding: 0.7em 1em;color: inherit;text-decoration: none;}
  .side-nav a:hover { background-color: #F3F3F3; }
  .side-nav .active {color: #fff;background-color: #af23ff !important;}
  .nav-toggle-handle {position: fixed;transition: left 0.25s;left: 0;top: 0;z-index: 100;padding: 10px;color: #fff;background-color: #af23ff;cursor: pointer;}
  .nav-toggle-handle:before {display: none;padding-right: 5px;content: '◄';font-size: 0.8em;}
  .nav-toggle-handle:after {padding-left: 5px;content: '►';font-size: 0.8em;}
  */
  /*
  .nav-top-holder {clear:right;float:right;margin:25px 0;}
  //.nav-top-holder h2 {display:none;}
  .nav-top {margin:0;padding:0}
  .nav-top li {float:left;border-left:0px solid #d2d2d2;background:transparent;list-style:none;margin-left:20px;}
  .nav-top li:first-child {border:0;}
  .nav-top li a {display:block;margin:0;padding:5px 10px;overflow:hidden;font-size:1rem;color:#505F6F;text-decoration:none;text-transform: uppercase;@include font-family-extra;font-weight: var(--fw-bold);}
  .nav-top li.active a, ul.nav-top li.parent a {color:var(--c-primary);}
  .nav-top li a:hover {color:var(--c-primary)-hover;text-decoration:none;}
  */
  /*
  .nav-top-holder {clear:both;line-height:0;}
  .nav-top-holder h2 {display:none;}
  .nav-top {width:100%;margin:0;padding:0;background:#7d7d7d;line-height:100%;z-index:1001;position:relative;}
  .nav-top li {margin:0;padding:0;float:left;position:relative;list-style-type:none;list-style-image:none;font-size:13px;}
  .nav-top>li:first-child {margin-left:0px;}
  .nav-top a {font-weight: var(--fw-bold);color:#fff;text-decoration:none;display:block;padding:19px 20px;margin:0;}
  .nav-top a:hover {background:#000;color:#fff;}
  .nav-top > .active a, .nav-top .parent a, .nav-top .current a,.nav-top li:hover > a {background:#666;color:#fff;border-top:solid 0px #f8f8f8;}
  .nav-top ul li:hover a,.nav-top li:hover li a {background:none;border:none;color:#444;}
  .nav-top ul a:hover {background:#7d7d7d !important;color:#fff !important;}
  .nav-top li:hover > ul {display:block;}
  .nav-top ul {z-index:100;display:none;margin:0;padding:0;width:280px;position:absolute;top:50px;left:0;background:#eee;border:solid 1px #f8f8f8;}
  .nav-top ul li {float:none;margin:0;padding:0;}
  .nav-top ul a {font-weight: var(--fw-regular);padding:8px 20px;}
  .nav-top ul ul {left:241px;top:0px;}
  .nav-top:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
  .nav-top {display:inline-block;}
  html[xmlns] .nav-top {display:block;}
  * html .nav-top {height:1%;}

  @media screen and (max-width:$media-sm-max) {
  .nav-top-holder {float:none;clear:both;margin:0;}
  .nav-top {display:none;}
  .nav-top li {float:none;margin:0 0 7px 0;}
  .nav-top ul {display:none !important;}
  .nav-top li a {padding:5px 0px;margin:0 0 1px 0;font-size: 1.5rem;text-align: center;}
  }
  */
  .nav-top-holder { /*clear:right;*/
    float: right;
  }
  .cssmenu {
    background: transparent;
  }
  .cssmenu, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a, .cssmenu .menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
  }
  .cssmenu:after, .cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .cssmenu .menu-button {
    display: none;
  }
  .cssmenu > ul > li {
    float: left;
    margin-right: 25px;
  }
  .cssmenu > ul > li > a {
    text-decoration: none;
    color: var(--c-menu);
    font-weight: var(--fw-bold);
    font-family: var(--ff-extra);
    text-transform: uppercase;
    padding: 0.7em 0;
    font-size: 1rem;
    border-bottom: 2px solid transparent;
  }
  .cssmenu > ul > li:hover > a {
    color: var(--c-primary);
  }
  /* has-sub
  .cssmenu > ul > li.has-sub > a {padding-right:30px;}
  .cssmenu > ul > li.has-sub > a:after {position:absolute; top:22px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:'';}
  .cssmenu > ul > li.has-sub > a:before {position:absolute; top:19px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; transition:all .25s ease;}
  .cssmenu > ul > li.has-sub:hover > a:before {top:23px; height:0;}
  */
  .cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 1000;
  }
  .cssmenu ul ul li {
    height: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .cssmenu li:hover > ul {
    left: auto;
  }
  .cssmenu li:hover > ul > li {
    height: auto;
  }
  .cssmenu li:focus-within > ul {
    left: auto;
  }
  .cssmenu li:focus-within > ul > li {
    height: auto;
  }
  .cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
  }
  .cssmenu ul ul li a {
    border-bottom: 1px solid rgb(255, 255, 255);
    padding: 0.75em 1em;
    width: 15em;
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--c-menu);
    background: var(--bg-header);
  }
  .cssmenu ul ul li a:hover {
    background: var(--bg-menu-hover);
  }
  .cssmenu ul ul li:last-child > a, .cssmenu ul ul li.last-item > a {
    border-bottom: 0;
  }
  /* align-right
  .cssmenu.align-right > ul > li {float:right;}
  .cssmenu.align-right ul ul {text-align:right;}
  .cssmenu.align-right li:hover > ul {left:auto; right:0;}
  .cssmenu.align-right ul ul ul {margin-left:0; margin-right:100%;}
  */
  /* has-sub
  .cssmenu ul ul li.has-sub > a:after {position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:'';}
  .cssmenu.align-right ul ul li.has-sub > a:after {right:auto; left:11px;}
  .cssmenu ul ul li.has-sub > a:before {position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; transition:all .25s ease;}
  .cssmenu.align-right ul ul li.has-sub > a:before {right:auto; left:14px;}
  .cssmenu ul ul > li.has-sub:hover > a:before{top:17px; height:0;}
  */
  @media screen and (min-width: 768px) {
    .nav-top {
      display: block !important;
    }
    .cssmenu > ul > li.active > a, .cssmenu > ul > li.parent > a, .cssmenu > ul > li > a:hover {
      color: var(--c-menu-hover);
      border-bottom: 2px solid var(--c-primary);
    }
    .cssmenu ul ul ul {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .nav-top-holder {
      clear: both;
      float: none;
    }
    .cssmenu ul {
      width: 100%;
      display: none;
      margin-top: 1em;
    }
    .cssmenu ul li {
      width: 100%;
      margin: 0;
      padding: 0;
      border-top: 1px solid #ddd;
    }
    .cssmenu ul ul li, .cssmenu li:hover > ul > li {
      height: auto;
    }
    .cssmenu > ul > li {
      float: none;
    }
    .cssmenu ul li a {
      width: 100%;
      border-bottom: 0;
      color: var(--c-menu);
      padding: 0.75em 1em;
      line-height: 1;
      font-size: 1.25rem;
    }
    .cssmenu ul ul li a {
      width: 100%;
      border-bottom: 0;
      color: var(--c-menu);
      padding: 1em 1em;
      line-height: 1;
      font-size: 1rem;
    }
    .cssmenu ul ul li:hover > a, .cssmenu ul ul li.active > a {
      color: var(--c-menu-hover);
    }
    .cssmenu ul ul li a {
      padding-left: 1.5em;
      padding-right: 50px;
    }
    .cssmenu ul ul ul li a {
      padding-left: 2.5em;
      padding-right: 50px;
    }
    .cssmenu ul ul ul ul li a {
      padding-left: 3.5em;
      padding-right: 50px;
    }
    .cssmenu ul ul, .cssmenu ul ul ul, .cssmenu.align-right ul ul {
      position: relative;
      left: 0;
      width: 100%;
      margin: 0;
      text-align: left;
    }
    .cssmenu > ul > li.has-sub > a:after, .cssmenu > ul > li.has-sub > a:before, .cssmenu ul ul > li.has-sub > a:after, .cssmenu ul ul > li.has-sub > a:before {
      display: none;
    }
    .cssmenu .menu-button:after {
      position: absolute;
      top: 22px;
      right: 17px;
      display: block;
      height: 4px;
      width: 20px;
      border-top: 2px solid var(--c-primary);
      border-bottom: 2px solid var(--c-primary);
      content: "";
    }
    .cssmenu .menu-button:before {
      position: absolute;
      top: 16px;
      right: 17px;
      display: block;
      height: 2px;
      width: 20px;
      background: var(--c-primary);
      content: "";
    }
    .cssmenu .menu-button.menu-opened:after {
      top: 23px;
      border: 0;
      height: 2px;
      width: 15px;
      background: var(--c-primary);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    .cssmenu .menu-button.menu-opened:before {
      top: 23px;
      background: var(--c-primary);
      width: 15px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
    .cssmenu .submenu-button {
      position: absolute;
      z-index: 99;
      right: 0;
      top: 0;
      display: block;
      border-left: 1px solid #ddd;
      height: 100%;
      width: 48px;
      cursor: pointer;
    }
    .cssmenu .submenu-button.submenu-opened {
      background: rgba(0, 0, 0, 0.1);
    }
    .cssmenu ul ul .submenu-button {
      height: 100%;
      width: 48px;
    }
    .cssmenu .submenu-button:after {
      position: absolute;
      top: 22px;
      right: 19px;
      width: 8px;
      height: 2px;
      display: block;
      background: var(--c-primary);
      content: "";
    }
    .cssmenu .submenu-button.submenu-opened:after {
      background: var(--c-primary);
    }
    .cssmenu .submenu-button:before {
      position: absolute;
      top: 19px;
      right: 22px;
      display: block;
      width: 2px;
      height: 8px;
      background: var(--c-primary);
      content: "";
    }
    .cssmenu .submenu-button.submenu-opened:before {
      display: none;
    }
  }
  /*/ nav
  .nav-holder {;}
  //.nav-holder h2 {display:none;}
  .nav, .nav ul {margin:0;padding:0;}
  .nav li {width:100%;margin:0;padding:0;border-bottom:1px solid #ddd;list-style-type:none;list-style-image:none;line-height:1.4;}
  .nav li:first-child {border-top:0;}
  .nav li a {display:block;width:100%;background:transparent;color:#444;text-decoration:none;padding:0.5em 0.5em 0.5em 1em;font-size:1rem;@include font-family-extra;font-weight: var(--fw-bold);position:relative;}
  //.nav li a::before {position:absolute;top:11px;left:0;font-size:10px;content:'\f105';font-family: "FontAwesome";text-decoration:none;}
  .nav li a::before {display:inline-block;width:0.75em;height:0.75em;content:"";margin-right:0.5em;background-repeat:no-repeat;background-position: center;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');}
  .nav li a span {display:table-cell;}
  .nav li.active a {background:transparent;color:var(--c-primary);text-decoration:none;}

  // level 2
  .nav li li {border-bottom:0px solid #ddd;}
  .nav li li a, .nav li.active li a {background:transparent;color:#444;text-decoration:inherit;padding:0.5em 0.5em 0.5em 2em;font-size:0.75rem;font-weight: var(--fw-regular);}
  //.nav li li a::before {content:'\f105';top:6px;left:10px;}
  .nav li li.active a {background:transparent;color:var(--c-primary);;text-decoration:none;}

  // level 3
  .nav li li li a, .nav li li.active li a {background:transparent;color:#444;text-decoration:inherit;padding:0.5em 0.5em 0.5em 3em;font-size:0.75rem;}
  //.nav li li li a::before {content:'\f205';top:6px;left:20px;}
  .nav li li li.active a {background:transparent;color:var(--c-primary);;text-decoration:none;}
  .nav li a:hover, .nav li li a:hover, .nav li li li a:hover {background-color:inherit;color:var(--c-primary);;text-decoration:none;}

  @media screen and (max-width:$media-sm-max) {
  .nav-holder {display: none;}
  }
  */
  .nav-holder {
    margin-bottom: 3em;
  }
  .nav, .nav ul {
    margin: 0;
    padding: 0;
  }
  .nav li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 0px solid #ddd;
    list-style-type: none;
    list-style-image: none;
    line-height: 1.4;
  }
  .nav li:first-child {
    border-top: 0;
  }
  .nav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    background: transparent;
    color: var(--c-menu);
    text-decoration: none;
    padding: 0.75em 0.75em 0.5em 0;
    font-size: 1rem;
    font-family: var(--ff-default);
    font-weight: var(--fw-bold);
    position: relative;
  }
  .nav li a::before {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 0.5em;
    height: 0.5em;
    content: "";
    margin: 0.5em 0.25em 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
  }
  .nav li.active a {
    background: transparent;
    color: var(--c-primary);
    text-decoration: none;
  }
  .nav li li {
    border-bottom: 0px solid #ddd;
  }
  .nav li li a, .nav li.active li a {
    background: transparent;
    color: var(--c-menu);
    text-decoration: inherit;
    padding: 0.5em 0.5em 0.5em 1.5em;
    font-size: 0.875rem;
    font-weight: var(--fw-regular);
  }
  .nav li li.active a {
    background: transparent;
    color: var(--c-primary);
    text-decoration: none;
  }
  .nav li li li a, .nav li li.active li a {
    background: transparent;
    color: var(--c-menu);
    text-decoration: inherit;
    padding: 0.5em 0.5em 0.5em 3em;
    font-size: 0.75rem;
  }
  .nav li li li.active a {
    background: transparent;
    color: var(--c-primary);
    text-decoration: none;
  }
  .nav li a:hover, .nav li li a:hover, .nav li li li a:hover {
    background-color: inherit;
    color: var(--c-primary);
    text-decoration: none;
  }
  @media screen and (max-width: 767px) {
    .nav-holder {
      display: none;
    }
  }
  .nav-bottom-holder {
    margin: 0;
    padding: 0.5em 0;
  }
  .nav-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav-bottom li {
    border-left: 0 solid #fff;
    background: transparent;
    list-style: none;
  }
  .nav-bottom li:first-child {
    border: 0;
  }
  .nav-bottom li a {
    display: block;
    margin: 0 1em;
    padding: 0.5em 0;
    overflow: hidden;
    color: var(--c-menu);
    font-size: 1rem;
    text-decoration: none;
    font-weight: var(--fw-regular);
    font-family: var(--ff-default);
  }
  .nav-bottom li.active a, ul.nav-bottom li.parent a {
    color: var(--c-primary);
  }
  .nav-bottom li a:hover {
    color: var(--c-primary-hover);
    text-decoration: none;
  }
  @media screen and (max-width: 767px) {
    .nav-bottom li a {
      padding: 0.6em 0;
    }
  }
  .submenu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    margin: 0;
    padding: 0;
  }
  .submenu li {
    list-style-type: none;
    list-style-image: none;
    background-color: #e4e4e4;
  }
  .submenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-decoration: none;
    background-color: #eee;
    padding: 0.5em 1em;
    color: var(--c-default);
    font-size: 1.25rem;
  }
  .submenu a:hover {
    background-color: #e4e4e4;
  }
  @media screen and (max-width: 767px) {
    .submenu {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .crumbs {
    clear: both;
  }
  .crumbs__list {
    margin: 0;
    padding: 0;
    border-bottom: 0px dotted #dedede;
  }
  .crumbs__item {
    margin: 0;
    padding: 1.5em 0 3em;
    display: inline-block;
    list-style-type: none;
    list-style-image: none;
    font-size: 0.875rem;
    line-height: 1;
    text-transform: uppercase;
  }
  .crumbs__item::before {
    display: inline-block;
    content: "/";
    padding: 0 0.8em;
    color: var(--c-primary);
  }
  .crumbs__item a {
    padding: 0;
    text-decoration: none;
  }
  .crumbs__item:first-child {
    display: none;
  }
  .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tabs > input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: 1;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
  .tabs > input[type=radio]:checked + label {
    background: #f8f8f8;
  }
  .tabs > input[type=radio]:checked + label + .tabpanel {
    display: block;
  }
  .tabs > label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: block;
    padding: 0.8em 1.4em;
    margin-right: 0.2em;
    cursor: pointer;
    background: #eee;
  }
  .tabs > label span {
    vertical-align: middle;
  }
  .tabs > label:hover, .tabs > label:focus {
    background: #e4e4e4;
  }
  .tabs .tabpanel {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    display: none;
    padding: 2em 1.5em;
    background: #f8f8f8;
  }
  @media (max-width: 767px) {
    .tabs > label, .tabs .tabpanel {
      -webkit-box-ordinal-group: initial;
          -ms-flex-order: initial;
              order: initial;
    }
    .tabs > label {
      width: 100%;
      margin-right: 0;
      margin-top: 0.2rem;
    }
  }
  .accordion__item {
    margin-bottom: 3px;
  }
  .accordion__title {
    margin: 0;
    padding: 0;
    background: #f2f2f2;
    cursor: pointer;
  }
  .accordion__title:hover {
    background: #eee;
  }
  .accordion__content .accordion__title {
    background: #fff;
    border: 1px solid #eee;
  }
  .accordion__button {
    all: inherit;
    border: 0;
    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;
    width: 100%;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 1.125rem;
  }
  .accordion__button::after {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 2px solid #444;
    border-bottom: 2px solid #444;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .accordion__button:focus {
    outline: 2px solid #ccc;
  }
  .accordion__button[aria-expanded=true]::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .accordion__content {
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
  }
  .accordion__content {
    margin: 0;
    padding: 1em;
  }
  [aria-expanded=true] .vert {
    display: none;
  }
  [aria-expanded] rect {
    fill: currentColor;
  }
  /*/ Pure CSS
  .accordion {position:relative; margin-bottom:1px; width:100%; overflow:hidden;}
  .accordion input {position:absolute; opacity:0; z-index:-1;}
  .accordion input:checked ~ .accordion__content {max-height:1000em;padding:0;}
  .accordion input[type=checkbox] + label::after {content:"+";color:var(--c-primary);vertical-align: middle;}
  .accordion input[type=checkbox]:checked + label::after {transform:rotate(315deg);}
  .accordion__title {position:relative; display:block; padding:1.25em 3em 1.25em 1em; background:#eee; font-weight: var(--fw-bold); cursor:pointer;}
  .accordion__title:hover {background:#e4e4e4;}
  .accordion__title::after {position:absolute; right:10px; top: calc(50% - 13px); display:block; width:26px; height:26px; line-height:26px; text-align:center; transition:all .35s;font-size: 26px;font-weight: var(--fw-regular);}
  .accordion__content {max-height:0; overflow:hidden; transition:max-height .35s;}
  .accordion__content > * {margin:0;padding: 1em;}
  */
  .dd-nav {
    position: relative;
  }
  .dd-nav button {
    background: transparent;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
  }
  .dd-nav button::after {
    content: "";
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    width: 0.35em;
    height: 0.35em;
    margin-left: 0.5em;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .dd-nav ul {
    position: absolute;
    top: 100%;
    z-index: 1030;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .dd-nav li {
    margin: 0;
    padding: 0;
  }
  .dd-nav a {
    border: 0;
    display: block;
    text-decoration: none;
  }
  .dd-nav--theme button {
    background: var(--c-grey-light);
    color: var(--c-link);
    padding: 0.5em;
  }
  .dd-nav--theme button:hover, .dd-nav--theme button[aria-expanded=true] {
    color: var(--c-link-hover);
  }
  .dd-nav--theme ul {
    min-width: 200px;
    border: 1px solid #ddd;
  }
  .dd-nav--theme li {
    border-bottom: 1px solid #fff;
  }
  .dd-nav--theme li:last-child {
    border: 0;
  }
  .dd-nav--theme a {
    background-color: var(--c-grey-light);
    color: var(--c-default);
    padding: 0.35em 1em;
  }
  .dd-nav--theme a:hover, .dd-nav--theme a:focus {
    background-color: #e4e4e4;
  }
  .dd-link {
    position: relative;
    display: inline-block;
  }
  .dd-link a {
    border: 0;
    height: auto;
    cursor: pointer;
  }
  .dd-link a:focus + ul, .dd-link ul:hover {
    display: block;
  }
  .dd-menu {
    position: absolute;
    top: calc(100% + 0px);
    z-index: 1030;
    display: block;
    background: transparent;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    min-width: 170px;
    list-style: none;
    padding-top: 0px;
    display: none;
    background: #fff;
  }
  .dd-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.75rem;
  }
  .dd-menu a {
    display: block;
    padding: 0.8em 0.8em;
    margin: 0;
    text-decoration: none;
    position: relative;
    color: var(--c-default);
  }
  .dd-menu i {
    color: #ddd;
    margin-right: 5px;
  }
  .dd-menu a span {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    background: #eee;
    color: #000;
    border-radius: 50%;
    text-align: center;
  }
  .dd-menu a:hover {
    background: #f1f1f1;
    color: var(--c-default);
    text-decoration: none;
  }
  .dd-menu--left {
    left: 0;
  }
  .dd-menu--right {
    left: initial;
    right: 0;
  }
  .dd-menu--center {
    left: 50%;
    margin-left: -85px;
  }
  .dd-menu li.dd-menu__segreg {
    margin: 0.5em 0;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
  }
  .vh {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  .ddm {
    position: relative;
    display: inline-block;
  }
  .ddm label {
    display: inline-block;
  }
  .ddm ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .ddm [data-opens-menu] {
    line-height: 1;
    text-align: left;
    border: 0;
    padding: 0.33rem 0.5rem;
    text-decoration: none;
  }
  .ddm [type=checkbox]:focus + [data-opens-menu] {
    outline: none;
  }
  .ddm [role=menu] {
    position: absolute;
    left: 0;
    z-index: 10;
    display: none;
  }
  .ddm :checked ~ [role=menu] {
    display: block;
  }
  .ddm [role=menu] a {
    line-height: 1;
    text-align: left;
    border: 0;
    padding: 0.33rem 0.5rem;
    text-decoration: none;
  }
  .ddm [role=menu] a {
    display: block;
    min-width: 100%;
    white-space: nowrap;
  }
  .ddm [role=menu] a:focus {
    outline: none;
  }
  .ddm [data-opens-menu] {
    background: black;
    color: #fff;
    cursor: pointer;
  }
  [type=checkbox]:hover + [data-opens-menu], [type=checkbox]:focus + [data-opens-menu] {
    background: #f00;
  }
  .ddm [role=menu] {
    left: calc(50% - 75px);
    width: 150px;
  }
  .ddm [role=menu] a {
    background: #f4f4f4;
    color: var(--c-default);
    text-align: center;
  }
  .ddm [role=menu] a:hover, .ddm [role=menu] a:focus {
    background: #eee;
  }
  /*/ Accessible DD with JS
  [data-inclusive-menu]{position:relative;  display:inline-block;}
  [data-inclusive-menu-opens], [data-inclusive-menu] [role^="menuitem"]{text-align:left;  border:0;}
  [data-inclusive-menu] [role="menu"]{position:absolute;  left:0; z-index: 20;}
  [data-inclusive-menu] [data-inclusive-menu-from="right"]{left:auto;  right:0;}
  [data-inclusive-menu] [role^="menuitem"]{display:block;  min-width:100%;  white-space:nowrap;}
  [data-inclusive-menu] [role^="menuitem"][aria-checked="true"]::before{content:'\2713\0020';}
  // customize
  .ddm2 button {padding: 0.25rem 1rem; background:#f4f4f4;color:$c-default;text-align: center;cursor: pointer;}
  .ddm2 button:hover, .ddm2 button:focus {outline: none;background-color: #eee;}
  [data-inclusive-menu] [role^="menuitem"] {margin-top: 3px;}
  */
  .toggle-more-state {
    display: none;
  }
  .toggle-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
  }
  .toggle-more-state:checked ~ .toggle-more-wrap .toggle-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 99em;
  }
  .toggle-more-state ~ .toggle-more-trigger:before {
    content: "zobrazit více";
  }
  .toggle-more-state:checked ~ .toggle-more-trigger:before {
    content: "zobrazit méně";
  }
  .toggle-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5em;
    color: #666;
    font-size: 0.9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: 0.25em;
  }
  /*
  .file-icon::before {margin-right:10px;font-family: "FontAwesome";color:#000;text-decoration: none;}
  .file-icon--doc::before {content:"\f1c2";}
  .file-icon--xls::before {content:"\f1c3";}
  .file-icon--ppt::before {content:"\f1c4";}
  .file-icon--pdf::before {content:"\f1c1";}
  .file-icon--zip::before {content:"\f1c6";}
  .file-icon--image::before {content:"\f1c5";}
  .file-icon--video::before {content:"\f1c8";}
  .file-icon--audio::before {content:"\f1c7";}
  .file-icon--file::before {content:"\f016";}
  */
  /*
  .doc, .xls, .ppt, .pdf, .zip, .video, .audio, .image, .file {background-image:url(img/icons/files.png);background-repeat:no-repeat;padding:2px 0 2px 21px;}
  .doc {background-position:0 0;}
  .xls {background-position:0 -25px;}
  .ppt {background-position:0 -50px;}
  .pdf {background-position:0 -75px;}
  .zip {background-position:0 -100px;}
  .video {background-position:0 -125px;}
  .audio {background-position:0 -150px;}
  .image {background-position:0 -175px;}
  .file {background-position:0 -200px;}
  */
  .info-box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    min-height: 250px;
    margin-left: -250px;
    margin-top: -125px;
    border: 1px solid #eee;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.95);
    padding: 25px;
    z-index: 9999;
    font-size: 120%;
    text-align: center;
    overflow: auto;
  }
  .button-info-box {
    margin-top: 25px;
  }
  @media screen and (max-width: 767px) {
    .info-box {
      left: 0;
      margin-left: 0;
      width: 100%;
    }
  }
  .tooltip {
    cursor: pointer;
    position: relative;
  }
  .tooltip span {
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    background-color: #ddd;
    border-radius: 5px;
    color: #000;
    padding: 0.5em;
    text-transform: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 160px;
    margin-left: -80px;
    line-height: 1.4;
    font-size: 0.75rem;
  }
  .tooltip span::after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ddd;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
  }
  .tooltip span, .tooltip span::after {
    opacity: 0;
    pointer-events: none;
    text-align: center;
  }
  .tooltip:focus span,
  .tooltip:focus span::after,
  .tooltip:hover span,
  .tooltip:hover span::after {
    opacity: 1;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
  }
  @media screen and (max-width: 767px) {
    .tooltip span {
      display: none;
    }
  }
  /* OLD
  .tooltip:hover {background:transparent;text-decoration:none;cursor:help;}
  .tooltip span {display:none;padding:5px;margin-left:10px;max-width:250px;}
  .tooltip:hover span {cursor:default;display:inline;position:absolute;background:#fff;color:$c-default;padding:10px 15px;border:1px solid #ddd;font-size:0.75rem;line-height:1.5em;}
  */
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e6e1d9;
    border-radius: 0.25rem;
    height: 1.5em;
  }
  .progress-bar {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    text-align: center;
    background-color: var(--c-primary);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
  }
  .progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
            animation: progress-bar-stripes 1s linear infinite;
  }
  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 1rem 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 1rem 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .pager {
    clear: both;
    margin: 1em 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pager li {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0 0.3em;
    font-size: 1rem;
  }
  .pager li a {
    display: block;
    text-decoration: none;
    color: var(--c-default);
    padding: 0.5em 0.8em;
    border: 1px solid var(--c-grey-light);
    line-height: 1;
  }
  .pager li a.current-page {
    color: var(--c-grey);
    border: 1px solid var(--c-grey);
  }
  .pager li a:hover {
    border: 1px solid var(--c-grey);
    color: var(--c-default);
  }
  .overlay { /*height: 100vh;*/
    height: 0;
    width: 100vw;
    position: fixed;
    z-index: 1030;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    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;
  }
  .overlay__close {
    position: absolute;
    top: 10px;
    right: 28px;
    font-size: 3.5rem;
    line-height: 1;
    text-decoration: none;
    color: var(--c-link);
    cursor: pointer;
  }
  .overlay__close:hover {
    color: var(--c-link-hover);
  }
  .overlay__content {
    width: 100%;
  }
  #e-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 100000;
  }
  #e-loading div {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #000;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  #e-loading div span {
    display: none;
  }
  #scroll-top {
    position: fixed;
    z-index: 1080;
    right: 1em;
    bottom: 1em;
    width: 3em;
    height: 3em;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: var(--bg-default);
    border: none;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
    cursor: pointer;
  }
  #scroll-top svg {
    width: 1em;
    fill: var(--c-link);
  }
  #scroll-top:hover svg {
    fill: var(--c-link-hover);
  }
  #scroll-top.is-visible {
    opacity: 1;
  }
  /*
  .fulltext--dd {position:relative;}
  .fulltext--dd > a {min-width:40px;height:40px; cursor: pointer;text-decoration: none;text-align: center;display:flex;flex-flow:row;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;outline: none;}
  .fulltext--dd > a:hover svg {fill:$c-primary-hover;}
  .fulltext--dd > a:focus + .fulltext, .fulltext--dd > .fulltext:hover {display:block;}
  .fulltext--dd svg {height:1.25em;fill:$c-primary;}

  .fulltext {position:absolute; top: calc(100% + 5px); z-index: $zindex-dropdown; background: transparent; margin: 0; padding: 0; min-width:250px; list-style:none; display:none; border:1px solid #ddd;border-bottom: 1px solid #000;}
  .fulltext--left {left:0;}
  .fulltext--right {left:initial;right:0;}
  .fulltext--center {left:50%;margin-left:-50px;}
  //.fulltext {display: none;position: absolute;z-index: 9;top:0;right:0;padding:0;margin:0 auto;width:350px;max-width: 500px;overflow: hidden;}
  .fulltext input.inp {width: calc(100% - 40px);height:38px;line-height:38px;padding:0 0.5em;font-size:1rem;color:#aaa;vertical-align:middle;border-radius:0;border:0;}
  .fulltext button {width:40px;height:38px;line-height:38px;background-color:#fff;padding:0 0.5em;font-size:1.375rem;color:$c-link;cursor:pointer;border:none;overflow:hidden;vertical-align:middle;border-radius:0;}
  .fulltext button:hover {color:$c-link-hover;}
  .fulltext button span {display: none;}

  @media screen and (max-width:$media-sm-max) {
  .fulltext {;}
  }
  */
  .fulltext {
    display: none;
    background: var(--bg-section);
    padding: 0;
    margin: 0;
    width: 100%; /*position:absolute;top:0;right:0;z-index: 9999;*/
  }
  .fulltext-holder {
    max-width: 900px;
    padding: 1em;
    margin: auto;
  }
  .fulltext input.inp {
    width: 75%;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    font-size: 1.25rem;
    color: #999;
    vertical-align: middle;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .fulltext button {
    width: 25%;
    height: 2.5em;
    line-height: 2.5em;
    background-color: var(--c-button);
    padding: 0 0.5em;
    font-size: 1.25rem;
    color: #fff;
    cursor: pointer;
    border: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: var(--frm-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .fulltext button:hover {
    background-color: var(--c-button-hover);
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    .fulltext-holder {
      max-width: 90%;
      margin-left: auto;
    }
    .fulltext input.inp {
      width: 70%;
      font-size: 1.25rem;
    }
    .fulltext button {
      width: 30%;
      font-size: 1.25rem;
    }
    .fulltext button span {
      display: none;
    }
  }
  #results {
    margin: 0;
  }
  #results dt {
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    font-family: var(--ff-extra);
  }
  #results dd {
    margin: 0.2em 0 1.3em 0;
  }
  #results dt span {
    display: block;
    color: #888;
    font-weight: var(--fw-regular);
  }
  #results .exp {
    background: #dcdcdc;
    font-weight: var(--fw-bold);
  }
  .dd-nav--virtuals button {
    color: var(--c-default);
    text-transform: uppercase;
    font-weight: bold;
  }
  .dd-nav--virtuals button:hover, .dd-nav--virtuals button[aria-expanded=true] {
    color: var(--c-primary);
  }
  .dd-nav--virtuals ul {
    min-width: 100px;
    left: calc(50% - 50px);
    border: 1px solid var(--bg-default-hover);
  }
  .dd-nav--virtuals li {
    border-bottom: 1px solid var(--bg-default);
  }
  .dd-nav--virtuals li:last-child {
    border: 0;
  }
  .dd-nav--virtuals a {
    background-color: var(--bg-default);
    color: var(--c-default);
    font-size: 0.875rem;
    padding: 0.4em 1em;
    text-align: center;
  }
  .dd-nav--virtuals a:hover, .dd-nav--virtuals a:focus {
    background-color: var(--bg-default-hover);
  }
  /*
  .virtuals-dd {position:relative;display: inline-block;}
  .virtuals-dd > a {min-width:40px; height:40px; cursor: pointer;text-decoration: none;text-transform: uppercase;display:flex;flex-flow:row;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;outline: none;}
  .virtuals-dd > a:focus + ul, .virtuals-dd > ul:hover {display:block;}
  .virtuals {position:absolute; top: calc(100% + 5px); z-index: $zindex-dropdown; display: block; background: transparent; margin: 0; padding: 0; min-width:100px; list-style:none; padding-top:0px; display:none; background: #fff;border:1px solid #ddd;}
  .virtuals li {padding: 0; margin: 0; list-style: none;}
  .virtuals a {display: block; padding: .8em .8em; margin: 0;position: relative;color:$c-default;text-align: center;text-decoration:none;}
  .virtuals a:hover {background:$c-lightgrey;color:$c-default;text-decoration:none;}
  .virtuals--left {left:0;}
  .virtuals--right {left:initial;right:0;}
  .virtuals--center {left:50%;margin-left:-50px;}
  */
  /*
  //.virtuals {float:right;padding:0;margin:20px 20px 0 0;}
  .virtuals {padding:0;margin:0;text-align: center;}
  .virtuals li {display:inline-block;background-image:none;background-position:center left;background-repeat:no-repeat;padding:0 0.75em;border-left:1px solid #444;font-size:1.5rem;list-style-type:none;list-style-image:none;}
  .virtuals li:first-child {border-left:0;margin-left:0;}
  .virtuals li a {text-decoration: none;}
  .virtuals li.active a {color:$c-default;}
  .virtuals li.label {padding:6px 10px 0 0;}

  @media screen and (max-width:$media-sm-max) {
  //.virtuals {float:none;clear:both;text-align: center;margin:0px auto;padding:10px 0;}
  .virtuals li {;}
  }
  */
  /*
  .virtuals-dd {margin:0;}
  .virtuals-dd dd, .virtuals-dd dt, .virtuals-dd ul {margin:0px;padding:0px;}
  .virtuals-dd dd {position:relative;}
  .virtuals-dd a {text-decoration:none; outline:none;}
  .virtuals-dd a:hover {color:#444;}
  .virtuals-dd dt a:hover, .virtuals-dd dt a:focus {color:#5d4617}
  .virtuals-dd dt a {background-color:#fff;display:block;}
  .virtuals-dd dt a span {cursor:pointer; display:block; padding:7px;text-transform:uppercase;}
  .virtuals-dd dd ul {display:none;background-color:#f4f4f4; border:1px solid #d8d8d8; color:#444; padding:0px 0px; position:absolute; top:2px; left:0px; width:auto; min-width:130px; list-style:none;z-index:9999;}
  .virtuals-dd dd ul li {list-style:none;}
  .virtuals-dd dd ul li a {padding:7px;display:block;color:#888;}
  .virtuals-dd dd ul li a:hover {background-color:#ddeff3;color:#444}
  */
  .news {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-rows: auto 1.5em auto 1.5em auto;
    grid-template-rows: repeat(3, auto);
    gap: 1.5em;
  }
  .news > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .news > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .news > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .news > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .news > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
  }
  .news > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
  }
  .news > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .news > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .news > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .news > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .news > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
  }
  .news > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
  }
  .news > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .news > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .news > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  .news > *:nth-child(16) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
  }
  .news > *:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
  }
  .news > *:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
  }
  .news__item {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    border-bottom: 1px solid #000;
    border: 1px solid #000;
    padding: 1em;
    position: relative;
  }
  .news__image {
    display: block;
    width: 100%;
    height: auto;
  }
  .news__title {
    font-size: 2rem;
    margin: 0.5em 0 0.35em 0;
    padding: 0;
  }
  .news__title a {
    color: inherit;
    text-decoration: none;
  }
  .news__date {
    color: #666;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
  }
  /* ZFF style
  .news--hp .news__item:first-child::before {content:""; position: absolute; left:0; top:0; width:100%; height:100%; z-index:1; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);}
  .news--hp .news__item:first-child { grid-column: span 4; background-position: center; background-repeat:no-repeat; background-size: cover;display: flex; align-items: flex-end;}
  .news--hp .news__item:first-child .news__holder {z-index: 2;}
  .news--hp .news__item:nth-child(n+6) { grid-column: span 3; display: flex; align-items: flex-start; justify-content: flex-start; gap:2em}
  .news--hp .news__item:nth-child(n+6) .news__image {width:100%; max-width: 30%;}
  .news--hp .news__item:nth-child(n+7) .news__image {display: none;}
  */
  @media screen and (max-width: 767px) {
    .news {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .news__item {
      grid-area: auto;
      -ms-grid-column-span: 1 !important;
      grid-column: span 1 !important;
      padding: 1.5em;
    }
  }
  .ndetail__header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 2fr;
    grid-template-columns: 1fr 2fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    background: #fff;
    margin-bottom: 5em;
  }
  .ndetail__image {
    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;
    margin: 4em 0;
  }
  .ndetail__text {
    padding: 4em;
  }
  .ndetail__date {
    font-size: 1.25rem;
    line-height: 150%;
  }
  .ndetail__title {
    font-size: 1.8rem;
    margin-top: 0;
    line-height: 1.3;
  }
  .ndetail__perex {
    font-size: 1rem;
    line-height: 150%;
  }
  .ndetail__extra {
    border-left: 1px solid #ddd;
    padding-left: 3em;
  }
  @media screen and (max-width: 767px) {
    .ndetail {
      margin-top: 3em;
    }
    .ndetail__header {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 2em;
    }
    .ndetail__title {
      font-size: 2.25rem;
    }
    .ndetail__extra {
      border: 0;
      border-top: 1px solid #ddd;
      padding: 2em 0 0 0;
    }
  }
  .event {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .event:last-child {
    border-bottom: 0;
  }
  .event__image {
    margin-right: 25px;
    width: 100%;
    max-width: 175px;
    height: auto;
    float: left;
  }
  .event__content {
    display: table-cell;
  }
  .event__date {
    font-size: 0.875rem;
    padding: 0;
    margin: 0;
  }
  .event__title {
    margin: 0.25em 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
  }
  .event__perex p {
    margin-bottom: 0;
  }
  .event-top__date {
    font-size: 0.875rem;
  }
  .event-top__title {
    margin: 10px 0;
    padding: 0;
    font-size: 1.75rem;
    font-weight: var(--fw-bold);
  }
  .event-top__image {
    padding: 0 30px 0 0;
  }
  .events-list {
    margin: 0;
    padding: 0;
  }
  .events-list li {
    list-style-type: none;
    list-style-image: none;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0;
  }
  .events-list__date {
    font-size: 0.875rem;
    padding: 0;
    margin: 0;
    line-height: 1;
  }
  .events-list__title {
    margin: 5px 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    line-height: 1;
  }
  .events-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5em;
  }
  .event-card {
    background: #fff;
  }
  .event-card__image {
    width: 100%;
    height: auto;
  }
  .event-card__content {
    padding: 1.5em;
  }
  .event-card__date {
    font-size: 0.875rem;
    padding: 0;
    margin: 0;
  }
  .event-card__title {
    margin: 0.25em 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
  }
  .event-card__perex p {
    margin-bottom: 0;
  }
  @media screen and (max-width: 767px) {
    .events-card {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .event-detail__date {
    font-size: 1rem;
    padding: 0;
    margin: 0;
  }
  .event-detail__image {
    margin-right: 30px;
    width: 100%;
    max-width: 40%;
    float: left;
  }
  .event-detail__content {
    display: table-cell;
  }
  .event-detail__title {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 2rem;
    font-weight: var(--fw-bold);
  }
  .event-detail hr {
    margin: 30px 0;
  }
  #action-venue, #action-organizer {
    padding: 20px;
  }
  @media screen and (max-width: 767px) {
    .event__image, .event-top__image, .event-detail__image {
      margin: 0 0 20px 0;
      width: 100%;
      max-width: 100%;
      float: none;
    }
  }
  .follow {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .follow__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2em;
  }
  .follow__item--l {
    border-right: 1px solid #ddd;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 1em;
  }
  .follow__item--r {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    padding-left: 1em;
  }
  .follow__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 10em;
    height: 10em;
  }
  .follow__date {
    font-size: 1.3rem;
    margin-bottom: 0.2em;
  }
  .follow__title {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
  }
  .follow__title a {
    color: var(c-link);
    text-decoration: none;
  }
  @media screen and (max-width: 767px) {
    .follow__image {
      display: none;
    }
    .follow__date {
      font-size: 1rem;
    }
    .follow__title {
      font-size: 1.2em;
    }
  }
  .poll h3 {
    font-size: 0.875rem;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .poll p {
    margin-bottom: 0.3em;
    line-height: 1.4;
  }
  .poll p span {
    font-size: 0.75rem;
    padding-left: 5px;
    color: #666;
  }
  .poll-bar {
    display: inline-block;
    background: #ddd;
    height: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .mail fieldset {
    padding: 10px;
  }
  .mail input.inp {
    width: 100%;
  }
  /*
  input.mail-img {width:30px;height:18px;background:url(img/mail-img.png) no-repeat left top;padding:0;cursor:pointer;border:none;overflow:hidden;letter-spacing:100px;}
  input.mail-img:hover {background-position:left bottom;}
  */
  .cal .object-holder {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .cal-nav {
    font-size: 1.25rem;
    margin-bottom: 1em;
  }
  .cal-nav a {
    display: inline-block;
    border: 1px solid var(--c-grey-light);
    padding: 0;
    min-width: 1.75em;
    text-decoration: none;
  }
  .cal-nav a:hover {
    border: 1px solid var(--c-link-hover);
  }
  .cal table {
    margin: auto;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
  }
  .cal th, .cal td {
    background: transparent;
    font-size: 100%;
    padding: 0;
    line-height: 30px;
    text-align: center;
  }
  .cal th {
    font-weight: var(--fw-bold);
  }
  .cal td {
    border: 0px solid #a4a4a4;
    color: #000;
    background: #f0f0f0;
  }
  .cal td.weekend {
    background: #e5e5e5;
  }
  .cal td.actual {
    background: #ddd;
    border: 1px solid #000;
  }
  .cal td a {
    display: block;
    background: #005d9d;
    color: #fff;
    font-weight: var(--fw-bold);
    text-decoration: none;
    padding: 0px;
  }
  .cal td a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
  }
  .cal-filter {
    background: #ddd;
    color: #000;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 1rem;
  }
  .cal-filter .filter {
    width: 50%;
    float: left;
  }
  .cal-filter .month {
    width: 50%;
    float: right;
    text-align: right;
  }
  .cal-filter .month a {
    text-decoration: none;
  }
  .cal-detail {
    width: 100%;
    border: 1px solid #000;
  }
  .cal-detail th {
    padding: 5px;
    border: 1px solid #eee;
  }
  .cal-detail td {
    border: 1px solid #ddd;
    font-size: 91%;
    height: 120px;
  }
  .cal-detail th.day {
    width: 14%;
    background: #eee;
    color: #000;
    font-weight: normal;
  }
  .cal-detail th.day span {
    font-size: 150%;
    padding-right: 5px;
  }
  .cal-detail th.d-day {
    background: #777;
    color: #fff;
    padding: 5px;
  }
  .cal-detail td:hover {
    background: #eee;
  }
  .cal-detail td img {
    width: 100%;
  }
  .cal-detail td .pom img {
    border: 5px solid red !important;
  }
  .cal-detail td h3 {
    font-size: 100%;
    margin: 8px 0 0 0;
    padding: 0 7px;
  }
  .cal-detail td p {
    font-size: 100%;
    margin: 0;
    padding: 0 7px;
  }
  .cal-detail td p.time {
    color: #6b6e92;
    border-bottom: 0px dotted #ddd;
    padding-bottom: 20px;
  }
  .hide {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .cal-filter .filter {
      width: 100%;
      float: none;
    }
    .cal-filter .filter select {
      width: 100%;
      margin-bottom: 1em;
    }
    .cal-filter .month {
      width: 100%;
      float: none;
      text-align: center;
    }
    .cal-detail th.day {
      font-size: 0;
    }
    .cal-detail th.day span {
      font-size: 16px;
    }
  }
  /*
  #tiptip_holder{display:none; position:absolute; top:0; left:0; z-index:99999;}
  #tiptip_holder.tip_top {padding-bottom:5px; }
  #tiptip_holder.tip_bottom {padding-top:5px; }
  #tiptip_holder.tip_right {padding-left:5px; }
  #tiptip_holder.tip_left {padding-right:5px; }
  #tiptip_content {font-size:11px;color:#000;padding:1em;border:1px solid rgba(255,255,255,0.25);background:var(--c-grey-light)}
  #tiptip_content h3 {color:#000 !important;font-size:170%;margin:1em 0;}
  #tiptip_content img  {width:100% !important;}

  #tiptip_arrow,#tiptip_arrow_inner {position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0;}
  #tiptip_holder.tip_top #tiptip_arrow {border-top-color:#fff;}
  #tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color:#fff;}
  #tiptip_holder.tip_right #tiptip_arrow {border-right-color:#fff;}
  #tiptip_holder.tip_left #tiptip_arrow {border-left-color:#fff;}
  #tiptip_holder.tip_top #tiptip_arrow_inner {margin-top:-7px;margin-left:-6px;border-top-color:var(--c-grey-light);}
  #tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top:-5px;margin-left:-6px;border-bottom-color:var(--c-grey-light);}
  #tiptip_holder.tip_right #tiptip_arrow_inner {margin-top:-6px;margin-left:-5px;border-right-color:var(--c-grey-light);}
  #tiptip_holder.tip_left #tiptip_arrow_inner {margin-top:-6px;margin-left:-7px;border-left-color:var(--c-grey-light);}
  */
  .my-cal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .my-cal > div {
    width: 14.2857%;
    min-height: 100px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .my-cal__offset > div {
    opacity: 0.5;
  }
  .my-cal__day {
    padding: 0.5em;
    background: #fff;
    border-bottom: 0px dotted #ddd;
  }
  .my-cal__num {
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    line-height: 1.75em;
    font-size: 0.91rem;
    font-weight: normal;
    background: var(--c-grey-light);
    color: #000;
    text-align: center;
    border-radius: 50%;
  }
  .my-cal__today .my-cal__num {
    background: var(--c-primary);
    color: #fff;
  }
  .my-cal__name {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--c-grey);
    margin-left: 0.2em;
  }
  .my-cal__event {
    display: block;
    font-size: 0.75rem;
    background: var(--c-primary);
    color: #fff;
    padding: 0.4em;
    text-decoration: none;
    margin: 3px;
  }
  .my-cal__event:hover {
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    .my-cal > div {
      min-height: 50px;
    }
    .my-cal__event {
      min-height: 1em;
      margin-bottom: 7px;
    }
    .my-cal__name {
      display: none;
    }
    .my-cal__event span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  .my-cal--line {
    border-bottom: 1px solid #ccc;
  }
  .my-cal--line > div {
    width: 3.22%;
    min-height: 100px;
    border: 0;
    border-left: 1px solid #ccc;
  }
  .my-cal--line .my-cal__day {
    padding: 0.5em 0;
    text-align: center;
  }
  .my-cal--line .my-cal__offset, .my-cal--line .my-cal__name {
    display: none;
  }
  .login {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    min-height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    z-index: 9999;
    border: 0px solid #d2d9dc;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    display: none;
    padding: 30px 0 0 0px;
    border-radius: 10px;
  }
  .close-box {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #722ea5;
    border: 1px solid #722ea5;
    cursor: pointer;
    text-align: center;
    font-size: 130%;
    border-radius: 50%;
  }
  .auth fieldset {
    border-width: 0;
    margin: 0;
    padding: 20px;
    background: #ddd;
  }
  .auth p {
    clear: both;
    margin: 5px 0 0 0;
    padding: 0;
    line-height: 23px;
  }
  .auth span {
    clear: left;
    display: block;
    float: left;
    width: 33%;
    padding-top: 2px;
  }
  .auth input.inp {
    width: 60%;
  }
  @media screen and (max-width: 767px) {
    .login {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 100%;
      min-height: 200px;
      margin-left: -50%;
      margin-top: 0;
    }
  }
  .gallery {
    display: -ms-grid;
    display: grid;
    gap: 10px;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 200px;
  }
  .gallery__item {
    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;
    position: relative;
    overflow: hidden;
  }
  .gallery__item--wide {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .gallery__item--tall {
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .gallery__item--big {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .gallery__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .gallery__title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .gallery--titled .gallery__title {
    opacity: 1;
  }
  .gallery__item:hover .gallery__title { /*top:auto; bottom:0;*/
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .gallery {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 160px;
    }
  }
  @media screen and (max-width: 767px) {
    .gallery {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 160px;
    }
  }
  /*
  .player {display:block;cursor:pointer;margin:0px;background-position:top left;background-repeat:no-repeat;background-size:cover;}
  .play {height:100%;position:relative;} //background:url(img/player/play2.png) center center no-repeat;
  .player div.file-info {width:100%;background:rgba(100,100,100,0.9);position:absolute;bottom:0px;left:0;}
  .player div.file-info p {margin:0;padding:10px 15px;color:#fff;display:block;font-weight:normal;line-height:1.6;}
  */
  .flashContainer {
    position: relative;
    overflow: hidden;
  }
  .progressBar {
    display: none;
    position: absolute;
    width: auto;
    height: 8px;
    left: 20px;
    right: 105px;
    bottom: 20px;
    background-color: #141414;
    overflow: hidden;
    cursor: pointer;
  }
  .progressBar .elapsed {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #1fa2f6;
    border-right: 1px solid #49AFF0;
  }
  .controlDiv {
    background-image: url(img/youtube/youtube-controls.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 106px;
    height: 102px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin: -53px 0 0 -51px;
  }
  .controlDiv.play {
    background-position: 0 0;
  }
  .controlDiv.pause {
    background-position: 0 -9999px;
  }
  .controlDiv.replay {
    background-position: 0 -204px;
  }
  .flashContainer:hover .controlDiv.pause {
    background-position: 0 -102px;
  }
  .flashContainer.playing:hover .progressBar {
    display: block;
  }
  .rss-brief {
    margin: 0;
    padding: 0;
  }
  .rss-brief li {
    list-style-type: none;
    list-style-image: none;
  }
  .rss-brief li span {
    padding: 0px 5px;
    background: #eee;
    margin-right: 10px;
  }
  .sitemap {
    margin: 0;
    padding: 0;
  }
  .sitemap li {
    margin: 1em 0;
    padding: 0;
    font-size: 1rem;
    list-style-type: none;
    list-style-image: none;
    font-weight: var(--fw-bold);
  }
  .sitemap li:before {
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    content: "";
    margin-right: 0.35em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
  }
  .sitemap ul li {
    font-size: 0.875rem;
    margin: 0.5em 0 0.5em 1em;
    padding: 0;
    font-weight: var(--fw-regular);
  }
  /* FA
  .sitemap li:before {font-family: "FontAwesome";content:"\f114";color:#000;font-size:0.875rem;text-decoration:none;margin-right:10px;font-weight: var(--fw-regular);}
  .sitemap ul li::before {content:"\f105";}
  */
  .cookies-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999991;
    overflow: hidden;
  }
  .cookies-splash--2 {
    z-index: 9999993;
  }
  .cookies {
    background-color: var(--bg-cookies);
    color: var(--c-cookies);
    font-size: var(--fz-cookies);
  }
  .cookies-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: fixed; /*left:0; bottom: 0;*/
    z-index: 9999992;
    padding: 20px;
    text-align: center;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.25);
  }
  .cookies-bar__holder {
    margin: auto;
    max-width: 600px;
  }
  .cookies-bar__title {
    font-size: 1.35rem;
    margin: 0 0 10px 0;
    color: var(--c-cookies-title);
  }
  .cookies-win-stage {
    width: 100%;
    max-width: 700px !important;
    max-height: 90% !important;
    background-color: var(--bg-cookies);
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
  }
  .cookies-win {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    max-width: 700px;
    max-height: 90%;
    z-index: 9999994;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--bg-cookies);
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.25);
  }
  .cookies-win__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;
    color: #000;
    padding: 20px 20px 10px;
    border-bottom: 0px solid #ccc;
  }
  .cookies-win__content {
    height: 70%;
    max-height: 100%;
    overflow-y: auto;
    padding: 20px;
  }
  .cookies-win__footer {
    padding: 20px 20px 25px;
    border-top: 1px solid #ccc;
  }
  .cookies__name {
    font-size: 1.375rem;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
  }
  .cookies__title {
    font-size: 1.125rem;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
  }
  .cookies__item {
    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-top: 15px;
  }
  .cookies__close {
    height: 32px;
  }
  .cookies__close:hover {
    color: #777;
  }
  .cookies__toggle {
    height: var(--h-cookies-toggle);
    color: var(--c-cookies-toggle);
  }
  .cookies__toggle--on {
    color: var(--c-cookies-toggle-on);
  }
  .cookies__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 15px;
  }
  .cookies-btn {
    border: solid 1px var(--b-cookies-btn);
    background-color: var(--bg-cookies-btn);
    color: var(--c-cookies-btn);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    padding: var(--p-cookies-btn);
    margin: 5px 0;
    border-radius: var(--br-cookies-btn);
    outline: none;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    line-height: 1;
    text-decoration: none;
  }
  .cookies-btn:hover {
    border: solid 1px #000;
    background-color: var(--bg-cookies-btn-hover);
    color: var(--c-cookies-btn);
    text-decoration: none;
  }
  .cookies-btn--ok {
    border: solid 1px var(--b-cookies-btn-ok);
    background-color: var(--bg-cookies-btn-ok);
    color: var(--c-cookies-btn-ok);
    font-weight: bold;
  }
  .cookies-btn--ok:hover {
    border: solid 1px var(--bg-cookies-btn-ok-hover);
    background-color: var(--bg-cookies-btn-ok-hover);
    color: var(--c-cookies-btn-ok);
  }
  .cookies-btn--bar {
    margin: 4px;
  }
  .cookies-btn--wide {
    width: 49%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cookies-more-state {
    display: none;
  }
  .cookies-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
  }
  .cookies-more-state:checked ~ .cookies-more-wrap .cookies-more-target {
    display: block;
    opacity: 1;
    font-size: inherit;
    max-height: 99em;
  }
  .cookies-more-state ~ .cookies-more-trigger:before {
    content: "Zobrazit více";
  }
  .cookies-more-state:checked ~ .cookies-more-trigger:before {
    content: "Zobrazit méně";
  }
  html[lang=en] .cookies-more-state ~ .cookies-more-trigger:before {
    content: "Show more";
  }
  html[lang=en] .cookies-more-state:checked ~ .cookies-more-trigger:before {
    content: "Show less";
  }
  /*
  html[lang='de'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Zeig mehr';}
  html[lang='de'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Zeige weniger';}
  html[lang='ru'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Показать больше';}
  html[lang='ru'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Показывай меньше';}
  html[lang='sk'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Zobraziť viac';}
  html[lang='sk'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Zobraziť menej';}
  html[lang='fr'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Montre plus';}
  html[lang='fr'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Montrer moins';}
  html[lang='pl'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Pokaż więcej';}
  html[lang='pl'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Pokaż mniej';}
  html[lang='uk'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Показати більше';}
  html[lang='uk'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Показати менше';}
  html[lang='es'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Mostrar más';}
  html[lang='es'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Muestra menos';}
  html[lang='hr'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Prikaži više';}
  html[lang='hr'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Pokažite manje';}
  html[lang='hu'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Mutass többet';}
  html[lang='hu'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Mutass kevesebbet';}
  html[lang='ro'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Afișați mai multe';}
  html[lang='ro'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Arata mai putin';}
  html[lang='it'] .cookies-more-state ~ .cookies-more-trigger:before {content: 'Mostra di più';}
  html[lang='it'] .cookies-more-state:checked ~ .cookies-more-trigger:before {content: 'Mostra meno';}
  */
  .cookies-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5em;
    font-size: 0.9em;
    line-height: 2;
    border: 1px solid var(--b-cookies-btn);
    border-radius: 0.25em;
  }
  .cookies-more-trigger:hover {
    border: 1px solid #000;
  }
  @media screen and (max-width: 767px) {
    .cookies-bar {
      padding: 25px 17px;
    }
    .cookies-win-stage {
      max-height: 100% !important;
    }
    .cookies-win {
      max-height: 100%;
    }
    .cookies-win__header, .cookies-win__content, .cookies-win__footer {
      padding: 15px;
    }
    .cookies__buttons {
      margin-top: 0;
    }
    .cookies-btn--wide {
      width: 100%;
    }
  }
  /** Load mixins */
  /** Load components */
  /* View */
  /* Data view: target area for snippets */
  [data-view] {
    position: relative;
  }
  /* View */
  /* Data type: prebij vychozi inline ci block vlastnost */
  [data-type=inline] {
    display: inline;
  }
  [data-type=block] {
    display: block;
  }
  /* Bar */
  /* Default bar definition */
  .bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.6em;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    height: 3em;
    padding: 0 0.85rem 0 0.85rem;
    overflow: hidden;
  }
  /* Space */
  /* Vyplni veskery volny prostor nadrazeneho elementu */
  .space {
    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-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  /* Desktop */
  /* Desktop */
  .desktop {
    background-color: #F1EBE5;
  }
  /* Set as top desktop*/
  .desktop-top {
    z-index: 66666;
  }
  .desktop-bar {
    padding: 0;
    background-color: #F28536;
    color: white;
  }
  .desktop-bar-button, a:hover.desktop-bar-button {
    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-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 3em;
    height: 3em;
    background-color: #515151;
    color: white;
    cursor: pointer;
  }
  .desktop-bar-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.6em;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  /* Layer */
  /* Layers */
  .layer {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 55555;
  }
  /* Splashscreen */
  .splashscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: red;
    top: 0;
    left: 0;
  }
  /* Sizes */
  .max {
    width: 100% !important;
    height: 100% !important;
  }
  /* Window */
  /* Window */
  .window {
    background-color: #F1EBE5;
    border: solid 1px rgb(177, 160, 144);
  }
  /* table */
  /* Window switcher */
  /************************************************************
  * Window switcher
  ************************************************************/
  .desktop-bar-switch a {
    color: #515151;
  }
  .desktop-bar-switch a.active {
    color: white;
  }
  .desktop-bar-switch .icon {
    font-size: 2rem;
  }
  /** Load settings */
  /* Default */
  /************************************************************
  * Default settings
  ************************************************************/
  .ep-icon {
    font-size: 1.5rem;
  }
  /** Load emersion platform styles */
  /** Bars */
  /** Bars */
  /* System bar - desktop switcher */
  .system-bar {
    height: 2rem;
    background-color: #515151;
    color: white;
  }
  .system-bar a {
    color: white;
  }
  .system-bar a:hover {
    color: orange;
  }
  /* Top bar - logo, logout, system-bar toggler... */
  .top-bar {
    background-color: #F28536;
    color: white;
  }
  .dark-mode-toggle { /*position: absolute; z-index: 100; top: 1em; right: 1em; */
    color: var(--foreground);
    border: 0;
    padding: 0px;
    background: transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
  }
  .skippy {
    background-color: #000;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
  }
  .skippy:focus-within a {
    position: static;
    display: inline-block;
    width: auto;
    height: auto;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0.5em;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 1px solid transparent;
  }
  .skippy:focus-within a:focus {
    border: 1px solid #fff;
  }
  .info-bar {
    position: relative;
    background: var(--c-primary);
    color: #fff;
    padding: 0;
    overflow: hidden;
  }
  .info-bar__message {
    padding: 1em 1em;
  }
  .info-bar__message a {
    color: #fff;
  }
  .info-bar__close {
    position: absolute;
    right: 1em;
    top: calc(50% - 1em);
    z-index: 2;
    width: 1.75em;
    height: 1.75em;
    cursor: pointer;
    display: block;
    background: transparent;
    padding: 0;
    border: 0;
  }
  .info-bar svg {
    display: block;
  }
  .info-bar .close-x {
    stroke: #ffffff;
    fill: transparent;
    stroke-linecap: round;
    stroke-width: 5;
  }
  @media screen and (max-width: 767px) {
    .info-bar__message {
      padding: 1em 3em;
    }
    .info-bar__close {
      right: 10px;
    }
  }
  .headbar {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .headbar__item {
    background: #404652;
    color: #fff;
    margin: 0;
    padding: 0.25em 0.75em;
    font-size: 0.875rem;
    display: block;
    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;
  }
  .headbar a {
    color: #fff;
    text-decoration: none;
  }
  .headbar__short {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .headbar {
      width: 100%;
      background: #404652;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .headbar__short {
      display: inline;
    }
    .headbar__long {
      display: none;
    }
  }
  .header-area {
    margin: 1.25em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .header-area__logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 3em;
  }
  .header-area__nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .header-area__control {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  @media screen and (max-width: 767px) {
    .header-area {
      margin: 1.25em 0;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .header-area__logo {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      padding-right: 0;
    }
    .header-area__nav {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }
    .header-area__control {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
    }
  }
  .hero-txt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    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;
  }
  .hero-txt__holder {
    max-width: 650px;
    padding: 0 2em;
    text-align: center;
  }
  .hero-txt__title {
    margin: 0;
    padding: 0;
    font-size: 3.5rem;
    color: #fff;
    font-weight: var(--fw-bold);
    line-height: 1;
    text-transform: uppercase;
  }
  .hero-txt__desc {
    margin: 1em 0;
    padding: 0;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.4;
  }
  .hero-txt__btn {
    margin: 0;
    padding: 0;
    line-height: 1.4;
  }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .hero-txt__title {
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 767px) {
    .hero-txt__title {
      font-size: 1.5rem;
    }
    .hero-txt__desc {
      margin: 0.75em 0;
      font-size: 1rem;
    }
    .hero-txt__btn .button--big {
      font-size: 1rem;
    }
  }
  .cblock {
    position: relative;
    clear: both;
    padding: var(--spacer) 0;
  }
  .cblock:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .cblock--alt {
    background-color: var(--bg-section);
  }
  @media screen and (max-width: 767px) {
    .cblock {
      padding: calc(var(--spacer) / 1.5) 0;
    }
  }
  .hot {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5em;
  }
  .hot__item {
    background-color: #eee;
    text-decoration: none;
  }
  .hot__holder {
    padding: 1.5em 1em;
  }
  .hot__image {
    display: block;
    width: 100%;
    height: auto;
  }
  .hot__title {
    color: var(--c-title);
    font-size: 1.25rem;
    margin: 0 0 0.35em 0;
    padding: 0;
    text-align: center;
  }
  .hot__desc {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .hot__link {
    text-align: center;
    margin-top: 1em;
  }
  @media screen and (max-width: 767px) {
    .hot {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .editorial__title {
    color: #000;
    font-size: 1.3rem;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: left;
  }
  .editorial__desc {
    color: #444;
    margin: 0;
    padding: 0;
  }
  .elinks__item {
    text-decoration: none;
    text-align: center;
  }
  .elinks__title {
    font-size: 0.875rem;
    margin: 0.5em 0 0 0;
    padding: 0;
  }
  @media screen and (max-width: 767px) {
    .elinks .fx-item {
      margin-bottom: 1em;
    }
  }
  /*/ myfooter
  .my-footer {background: var(--bg-footer);}
  //.my-footer__item {;}
  .my-footer__title {color: var(--c-title);font-size:1.3rem;margin:1em 0 .5em 0;padding:0;}
  .my-footer__desc {margin:0;padding:0;}
  .my-footer a {color: var(--c-link-alt);}
  .my-footer a:hover {color: var(--c-link-alt-hover);}
  @media screen and (max-width:$media-sm-max){
    .my-footer .fx-item {margin-bottom: 2em;}
    .my-footer li {display:inline-block;}
    .my-footer a {display:inline-block; padding:.5em 1em;}
  }
  */
  .footer__holder {
    background: var(--bg-footer);
    color: var(--c-footer);
    padding: 5em 0 3em 0;
  }
  .footer__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5em;
  }
  .footer__title {
    color: #fff;
    font-size: 1.3rem;
    margin: 0 0 0.5em 0;
    padding: 0;
  }
  .footer__desc {
    margin: 0;
    padding: 0;
  }
  .footer__link {
    color: var(--c-footer-link);
  }
  .footer__link:hover {
    color: var(--c-footer-link-hover);
  }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .footer__grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media screen and (max-width: 767px) {
    .footer__grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .copyright {
    padding: 2em 0;
  }
  .copyright__link {
    color: var(--c-link-alt);
  }
  .copyright__link:hover {
    color: var(--c-link-alt-hover);
  }
  .team {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5em;
  }
  .team__photo {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
  }
  .team__rank {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #999;
    font-size: 1rem;
  }
  .team__name {
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: var(--fw-bold);
    font-size: 1rem;
  }
  .team__contacts {
    margin: 0;
    padding: 0;
    color: #000;
  }
  @media screen and (max-width: 767px) {
    .team {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .map-holder {
    background: #eee;
    line-height: 0;
  }
  #map, .map {
    width: 100%;
    height: 450px;
  }
  .smap img:not([src*=pin]) {
    -webkit-filter: grayscale(80%);
            filter: grayscale(80%);
  }
  .smap .card {
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    overflow: visible;
  }
  .smap .card-body {
    background: transparent;
  }
  .map-card {
    background: #fff;
    color: #000;
    padding: 10px;
  }
  .smap .copyright {
    background: transparent;
  }
  @media screen and (max-width: 767px) {
    #map, .map {
      height: 280px;
    }
  }
  /*
  // icons-share
  .icons-share {margin:1.5em 0;padding:0;text-align: left;}
  .icons-share li {display:inline-block;list-style-type:none;list-style-image:none;margin-right:.25em;padding:0;background-image: none;vertical-align:middle;line-height:1;}
  .icons-share a {width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;text-decoration: none;border-width: 1px;border-style: solid;}
  .icons-share a:hover {opacity:.8;}
  .icons-share svg {height:1.25em;}
  .icons-share .i-facebook {color: var(--c-facebook); fill:var(--c-facebook); border-color:var(--c-facebook);}
  .icons-share .i-twitter {color: var(--c-twitter); fill:var(--c-twitter); border-color: var(--c-twitter);}
  .icons-share .i-instagram {color: var(--c-instagram); fill:var(--c-instagram); border-color: var(--c-instagram);}
  .icons-share .i-linkedin {color:var(--c-linkedin); fill:var(--c-linkedin); border-color:var(--c-linkedin);}



  // icons-promo
  .icons-promo {margin:1.5em 0;padding:0;text-align: center;}
  .icons-promo li {display:inline-block;list-style-type:none;list-style-image:none;margin-right:.25em;padding:0;background-image: none;vertical-align:middle;line-height:1;}
  .icons-promo a {width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;text-decoration: none;color:#fff;fill:#fff;}
  .icons-promo a:hover {opacity:.8;}
  .icons-promo svg {height:1.25em;}
  .icons-promo .i-facebook {background-color:var(--c-facebook);}
  .icons-promo .i-twitter {background-color: var(--c-twitter);}
  .icons-promo .i-instagram {background-color: var(--c-instagram);}
  .icons-promo .i-youtube {background-color: var(--c-youtube);}
  .icons-promo .i-linkedin {background-color: var(--c-linkedin);}
  .icons-promo .i-rss {background-color: var(--c-rss);}
  .icons-promo span {display:none;padding-left:8px;vertical-align:middle;}
  //.icons-promo a i {transition: 0.4s all;}
  //.icons-promo a:hover > i {transform: scale(1.3) rotate(0deg);}
  */
  .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0.5em 0;
    padding: 0;
  }
  .share li {
    list-style: none;
    margin-right: 1em;
    padding: 0;
    line-height: 1;
  }
  .share a {
    width: 2.25em;
    height: 2.25em;
    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-decoration: none;
    fill: #000;
    border-radius: 99em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .share a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .share svg {
    height: 1.5em;
  }
  .share a:hover svg {
    height: 1.75em;
  }
  .share .i-facebook:hover {
    fill: var(--c-facebook);
  }
  .share .i-twitter:hover {
    fill: var(--c-twitter);
  }
  .share .i-instagram:hover {
    fill: var(--c-instagram);
  }
  .share .i-youtube:hover {
    fill: var(--c-youtube);
  }
  .share .i-linkedin:hover {
    fill: var(--c-linkedin);
  }
  .share .i-rss:hover {
    fill: var(--c-rss);
  }
  .social {
    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;
    margin: 0.5em 0;
    padding: 0;
  }
  .social li {
    list-style: none;
    margin-right: 0.5em;
    padding: 0;
    line-height: 1;
  }
  .social a {
    width: 2.25em;
    height: 2.25em;
    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-decoration: none;
    background-color: #494c4d;
    fill: #fff;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .social a:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    background-color: #fff;
  }
  .social svg {
    height: 1.25em;
  }
  .social .i-facebook:hover {
    fill: var(--c-facebook);
  }
  .social .i-twitter:hover {
    fill: var(--c-twitter);
  }
  .social .i-instagram:hover {
    fill: var(--c-instagram);
  }
  .social .i-youtube:hover {
    fill: var(--c-youtube);
  }
  .social .i-linkedin:hover {
    fill: var(--c-linkedin);
  }
  .social .i-rss:hover {
    fill: var(--c-rss);
  }
  .box {
    padding: 4em;
    background-color: var(--c-grey-light);
    background-position: center;
    background-repeat: no-repeat;
  }
  .box--lightgrey {
    background-color: var(--c-grey-light);
  }
  .box--grey {
    background-color: #c1c1c3;
  }
  .box--info {
    padding: 2.5em 1em;
  }
  .box > h2, .box > h3 {
    margin-top: 0;
  }
  @media screen and (max-width: 767px) {
    .box {
      padding: 2em;
    }
  }
  .masonry {
    display: column;
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
    gap: 1.5em;
  }
  .masonry > * {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    margin-bottom: 1em;
    border: 1px solid #ddd;
  }
  @supports (grid-template-rows: masonry) {
    .masonry {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-rows: masonry;
      grid-template-rows: masonry;
      grid-auto-flow: dense;
    }
    .masonry > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    .masonry > *:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
    }
    .masonry > *:nth-child(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
    }
    .mansory > * {
      margin-bottom: 0;
    }
  }
  .masonry__featured {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .masonry__flow > * + * {
    margin-top: 1em;
  }
  .masonry img {
    display: block;
    max-width: 100%;
  }
  .masonry__item {
    margin: 0 0 1.5em 0;
    padding: 0em;
    background: white;
  }
  .ag-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ag-gallery__link {
    width: 33.3333%;
  }
  .ag-gallery__link:first-child, .ag-gallery__link:last-child {
    width: 66.6666%;
  }
  .ag-gallery__link:first-child .ag-1x1, .ag-gallery__link:last-child .ag-1x1 {
    padding-bottom: 50%;
  }
  .ag-1x1 {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border: 1px solid var(--bg-default);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ag-object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  .ag-gallery a:hover .ag-object {
    background-color: rgba(0, 0, 0, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M23.4,21.64l-5.48-5.48a.51.51,0,0,0-.38-.16h-.6a9.38,9.38,0,1,0-1,1v.59a.57.57,0,0,0,.16.39l5.49,5.48a.54.54,0,0,0,.76,0l1-1A.53.53,0,0,0,23.4,21.64ZM9.83,17.08a7.23,7.23,0,1,1,7.23-7.22A7.23,7.23,0,0,1,9.83,17.08Z"/></svg>');
  }
  .mask {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 2px solid transparent;
  }
  .mask img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
  }
  .mask:hover img {
    width: 110%;
    height: 110%;
    -o-object-position: center center;
       object-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .mask__title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff;
    font-size: 1.5rem;
    margin: 0;
    padding: 0.75em;
    line-height: 1.1;
  }
  .mask__title::after {
    display: none;
    content: " →";
    -webkit-transition: all 2s;
    transition: all 2s;
  }
  .mask:hover .mask__title::after {
    display: inline-block;
    -webkit-transition: all 2s;
    transition: all 2s;
  }
  .mask__banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    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;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1.5rem;
    margin: 0;
    padding: 0.75em;
    line-height: 1.1;
  }
  .video-banner {
    background-color: #444;
    color: #fff;
    display: block;
    text-decoration: none;
    overflow: hidden;
    position: relative;
  }
  .video-banner__play {
    width: 5em;
    height: 5em;
    margin: 14em 2em;
  }
  .video-banner__text {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    padding: 2em;
    text-align: center;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .video-banner:hover .video-banner__text {
    bottom: 1em;
  }
  .video-banner:hover {
    opacity: 0.9;
  }
  @media screen and (max-width: 767px) {
    .video-banner__play {
      width: 5em;
      height: 5em;
      margin: 12em 2em;
    }
    .video-banner__text {
      bottom: 0;
    }
    .video-banner:hover .video-banner__text {
      bottom: 0;
    }
  }
  .mosaic {
    -ms-grid-rows: 1fr 0.5em 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: calc(50% - 0.25em) 0.5em 1fr 0.5em 1fr;
    grid-template-columns: calc(50% - 0.25em) 1fr 1fr;
    grid-row-gap: 0.5em;
    grid-column-gap: 0.5em;
  }
  .mosaic > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mosaic > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mosaic > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .mosaic > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mosaic > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mosaic > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .mosaic > div {
    background-color: #f3f3f3;
  }
  .mosaic div:first-child {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
  }
  @media screen and (max-width: 767px) {
    .mosaic {
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .mosaic > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
  }
  .mosaic-2 {
    -ms-grid-rows: 1fr 0.5em 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: 1fr 0.5em 1fr 0.5em calc(50% - 0.25em);
    grid-template-columns: 1fr 1fr calc(50% - 0.25em);
    grid-row-gap: 0.5em;
    grid-column-gap: 0.5em;
  }
  .mosaic-2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mosaic-2 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mosaic-2 > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .mosaic-2 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mosaic-2 > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mosaic-2 > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .mosaic-2 > div {
    background-color: #f3f3f3;
  }
  .mosaic-2 div:first-child {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
  }
  @media screen and (max-width: 767px) {
    .mosaic-2 {
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .mosaic-2 > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    .mosaic-2 div:first-child {
      -ms-grid-row: 1;
          grid-row-start: 1;
      -ms-grid-row-span: 2;
      grid-row-end: 3;
      -ms-grid-column: 1;
          grid-column-start: 1;
      -ms-grid-column-span: 1;
      grid-column-end: 2;
    }
  }
  .hh-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2em auto;
    padding: 0;
    max-width: 760px;
  }
  .hh-icons a {
    width: 20%;
    margin: 0;
    padding: 0;
    list-style: none;
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid #ddd;
    aspect-ratio: 1/1;
    text-align: center;
    text-decoration: none;
  }
  .hh-icons a:hover {
    background: var(--c-beige);
    -webkit-transform: scale(110%);
            transform: scale(110%);
    -webkit-transition: ease 0.25s;
    transition: ease 0.25s;
  }
  .hh-icons img {
    width: 4.5em;
    height: 4.5em;
  }
  .hh-icons span {
    display: block;
    font-size: 0.9375rem;
  }
  @media screen and (max-width: 767px) {
    .hh-icons a {
      width: 33.3333%;
    }
    .hh-icons a:last-child {
      display: none;
    }
  }
  .partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }
  .partners--3 > div {
    width: 30%;
  }
  .partners--6 > div {
    width: 14.5%;
  }
  .partners--9 > div {
    width: 9.3333%;
  }
  .partners__item {
    margin: 0.5%;
  }
  .partners__title {
    font-size: 1rem;
    text-align: center;
    margin: 2em 1em;
  }
  .partners__title span {
    color: #777;
  }
  .partners__holder {
    background: #eee;
    aspect-ratio: 1/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;
    text-decoration: none;
  }
  .partners__holder:hover {
    background: #f2f2f2;
  }
  .partners__logo {
    width: 100%;
    height: auto;
  }
  @media screen and (max-width: 767px) {
    .partners--3 > div {
      width: 100%;
    }
    .partners--6 > div, .partners--9 > div {
      width: 31.3333%;
    }
    .partners__item {
      margin: 1%;
    }
  }
  /*
  .gradient-text {background-image: linear-gradient(90deg, red, blue);background-clip: text;color:transparent;}
  */
  /*
  .text1 {display: block;color: #000;font-size: 60px;font-weight: 700;letter-spacing:0;margin:0px;background: #fff;position: relative;animation: text 3s 1;}
  .text2 {display: block;font-size: 30px;color: #6ab04c;}
  @keyframes text {
    0% {margin-bottom: -40px;}
    30% {letter-spacing: 25px;margin-bottom: -40px;}
    75% {letter-spacing: 8px;margin-bottom: -40px;}
  }
  */
  /* sprite - templates
  .sprite {display:block;width:32px;height:32px;background-color:#ddd;background-image:url(img/icons/ico-buttons.png);background-repeat:no-repeat;cursor:pointer;}
  .sprite span {display:none;}
  .sprite--search {background-position:0 0;background-color:#f38b00;}
  .sprite--search:hover {background-color:#f59d28;}
  .sprite--rss {background-position:-32px 0;background-color:#faa33d;}
  .sprite--rss:hover {background-color:#faaf57;}
  */
  /* message - templates
  .message {float:left;display:block;width:32px;height:32px;overflow:hidden;margin:5px 15px 5px 0;background-image:url(img/icons/messages.png);background-color:transparent;background-repeat:no-repeat;background-position:0 -1000px;}
  .message--warning {background-position:0 0;}
  .message--information {background-position:0 -50px;}
  .message--tip {background-position:0 -100px;}
  .message--help {background-position:0 -150px;}
  .message--error {background-position:0 -200px;}
  */
  .gslide-description {
    padding: 0;
    margin: 0;
  }
  .gdesc-inner {
    padding: 0.5em !important;
    margin: 0px;
  }
  .gslide-title {
    padding: 0;
    margin: 0 !important;
  }
  /*
  #cboxCurrent {display:none !important;}
  @media screen and (max-width:$media-sm-max){
    //#cboxTitle {display:none !important;}
  }
  */
  .splide__container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .splide__list {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .splide.is-initialized:not(.is-active) .splide__list {
    display: block;
  }
  .splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0;
    pointer-events: none;
  }
  .splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
  }
  .splide:not(.is-overflow) .splide__pagination {
    display: none;
  }
  .splide__progress__bar {
    width: 0;
  }
  .splide {
    position: relative;
    visibility: hidden;
  }
  .splide.is-initialized, .splide.is-rendered {
    visibility: visible;
  }
  .splide__slide {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
  }
  .splide__slide img {
    vertical-align: bottom;
  }
  .splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
            animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
  }
  .splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none;
  }
  .splide__toggle.is-active .splide__toggle__pause {
    display: inline;
  }
  .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  @-webkit-keyframes splide-loading {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn);
    }
  }
  @keyframes splide-loading {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(1turn);
              transform: rotate(1turn);
    }
  }
  .splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
  }
  .splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
  }
  .splide--rtl {
    direction: rtl;
  }
  .splide__track--ttb > .splide__list {
    display: block;
  }
  .splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2em;
    z-index: 1;
  }
  .splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
  }
  .splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
  }
  .splide__arrow:disabled {
    opacity: 0.3;
  }
  .splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__arrow--prev {
    left: 1em;
  }
  .splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .splide__arrow--next {
    right: 1em;
  }
  .splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 8px;
  }
  .splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    z-index: 1;
  }
  .splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
  }
  .splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__progress__bar {
    background: #ccc;
    height: 3px;
  }
  .splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .splide__slide:focus {
    outline: 0;
  }
  @supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
      outline: 3px solid #0bf;
      outline-offset: -3px;
    }
  }
  @media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
      border: 3px solid #0bf;
    }
  }
  @supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
      outline: 3px solid #0bf;
      outline-offset: -3px;
    }
  }
  @media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
      border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
      border-color: #0bf;
    }
  }
  .splide__toggle {
    cursor: pointer;
  }
  .splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
  }
  .splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
  }
  .splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
  }
  .splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
  }
  .splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
  .splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
  }
  .splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
  }
  .splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
  }
  .hp-splide .splide__arrow {
    background: transparent;
    border-radius: 0;
    width: 42px;
    height: 42px;
  }
  .splide__arrow svg {
    fill: #444;
  }
  .splide__arrow:hover:not(:disabled) svg {
    fill: var(--c-primary);
  }
  .splide__pagination__page {
    background: #ddd;
    width: 15px;
    height: 4px;
    border-radius: 4px;
    margin: 5px;
    bottom: 1.5em;
  }
  .splide__pagination__page.is-active {
    background: var(--c-primary);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .carousel {
    padding: 0 3.5em;
  }
  .carousel .splide__slide a {
    text-decoration: none;
  }
  .carousel .splide__arrow--prev {
    left: 0;
  }
  .carousel .splide__arrow--next {
    right: 0;
  }
  .carousel .splide__pagination {
    bottom: -1.5em;
  }
  @media screen and (max-width: 767px) {
    .splide__pagination {
      display: none;
    }
  }
  .splide__slide--has-video {
    cursor: pointer;
  }
  .splide__slide--has-video:over .splide__video__play {
    opacity: 1;
  }
  .splide__slide__container--has-video {
    cursor: pointer;
    position: relative;
  }
  .splide__slide__container--has-video:hover .splide__video__play {
    opacity: 1;
  }
  .splide__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .splide__video__wrapper {
    background: #000;
    height: inherit;
    width: inherit;
  }
  .splide__video__wrapper div, .splide__video__wrapper iframe, .splide__video__wrapper video {
    height: 100%;
    width: 100%;
  }
  .splide__video__play {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    width: 40px;
  }
  .splide__video__play:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 9px 0 9px 17px;
    content: "";
    display: inline-block;
    margin-left: 4px;
  }
  .glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
  }
  .glightbox-container.inactive {
    display: none;
  }
  .glightbox-container .gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
  }
  .glightbox-container .gslider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .glightbox-container .gslide {
    width: 100%;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
    opacity: 0;
  }
  .glightbox-container .gslide.current {
    opacity: 1;
    z-index: 99999;
    position: relative;
  }
  .glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999;
  }
  .glightbox-container .gslide-inner-content {
    width: 100%;
  }
  .glightbox-container .ginner-container {
    position: relative;
    width: 100%;
    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;
    max-width: 100%;
    margin: auto;
    height: 100vh;
  }
  .glightbox-container .ginner-container.gvideo-container {
    width: 100%;
  }
  .glightbox-container .ginner-container.desc-bottom,
  .glightbox-container .ginner-container.desc-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .glightbox-container .ginner-container.desc-left,
  .glightbox-container .ginner-container.desc-right {
    max-width: 100% !important;
  }
  .gslide iframe,
  .gslide video {
    outline: none !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
  }
  .gslide:not(.current) {
    pointer-events: none;
  }
  .gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .gslide-image img {
    max-height: 100vh;
    display: block;
    padding: 0;
    float: none;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-touch-action: none;
    touch-action: none;
    margin: auto;
    min-width: 200px;
  }
  .desc-top .gslide-image img,
  .desc-bottom .gslide-image img {
    width: auto;
  }
  .desc-left .gslide-image img,
  .desc-right .gslide-image img {
    width: auto;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    position: relative;
  }
  .gslide-image img.dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none;
  }
  .gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100% !important;
  }
  .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none;
  }
  .gslide-video .gvideo-wrapper {
    width: 100%;
    /* max-width: 160vmin; */
    margin: auto;
  }
  .gslide-video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, 0.34);
    display: none;
  }
  .gslide-video.playing::before {
    display: none;
  }
  .gslide-video.fullscreen {
    max-width: 100% !important;
    min-width: 100%;
    height: 75vh;
  }
  .gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    max-width: 100%;
    margin: auto;
  }
  .gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%;
  }
  .gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none;
  }
  .ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1;
  }
  .gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%;
  }
  .gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .desc-top .gslide-media,
  .desc-bottom .gslide-media {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 100%;
  }
  .gslide-description.description-bottom,
  .gslide-description.description-top {
    margin: 0 auto;
    width: 100%;
  }
  .gslide-description p {
    margin-bottom: 12px;
  }
  .gslide-description p:last-child {
    margin-bottom: 0;
  }
  .zoomed .gslide-description {
    display: none;
  }
  .glightbox-button-hidden {
    display: none;
  }
  /*
   * Description for mobiles
   * something like facebook does the description
   * for the photos
  */
  .glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    padding-bottom: 50px;
  }
  .glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em;
  }
  .glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1;
  }
  .glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: bold;
  }
  .glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit;
  }
  .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: 0.4;
  }
  .gdesc-open .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0.4;
  }
  .gdesc-open .gdesc-inner {
    padding-bottom: 30px;
  }
  .gdesc-closed .gslide-media {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
  }
  .greset {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .gabsolute {
    position: absolute;
  }
  .grelative {
    position: relative;
  }
  .glightbox-desc {
    display: none !important;
  }
  .glightbox-open {
    overflow: hidden;
  }
  .gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader 0.8s infinite linear;
    animation: lightboxLoader 0.8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%;
  }
  .goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    background: #000;
    will-change: opacity;
  }
  .glightbox-mobile .goverlay {
    background: #000;
  }
  .gprev,
  .gnext,
  .gclose {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .gprev svg,
  .gnext svg,
  .gclose svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .gprev.disabled,
  .gnext.disabled,
  .gclose.disabled {
    opacity: 0.1;
  }
  .gprev .garrow,
  .gnext .garrow,
  .gclose .garrow {
    stroke: #fff;
  }
  .gbtn.focused {
    outline: 2px solid #0f3d81;
  }
  iframe.wait-autoplay {
    opacity: 0;
  }
  .glightbox-closing .gnext,
  .glightbox-closing .gprev,
  .glightbox-closing .gclose {
    opacity: 0 !important;
  }
  /*Skin */
  .glightbox-clean .gslide-description {
    background: #fff;
  }
  .glightbox-clean .gdesc-inner {
    padding: 22px 20px;
  }
  .glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: normal;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em;
  }
  .glightbox-clean .gslide-desc {
    font-size: 0.86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em;
  }
  .glightbox-clean .gslide-video {
    background: #000;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
  }
  .glightbox-clean .gprev path,
  .glightbox-clean .gnext path,
  .glightbox-clean .gclose path {
    fill: #fff;
  }
  .glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px;
  }
  .glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px;
  }
  .glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
  }
  .glightbox-clean .gclose svg {
    width: 18px;
    height: auto;
  }
  .glightbox-clean .gclose:hover {
    opacity: 1;
  }
  /*CSS Animations*/
  .gfadeIn {
    -webkit-animation: gfadeIn 0.5s ease;
    animation: gfadeIn 0.5s ease;
  }
  .gfadeOut {
    -webkit-animation: gfadeOut 0.5s ease;
    animation: gfadeOut 0.5s ease;
  }
  .gslideOutLeft {
    -webkit-animation: gslideOutLeft 0.3s ease;
    animation: gslideOutLeft 0.3s ease;
  }
  .gslideInLeft {
    -webkit-animation: gslideInLeft 0.3s ease;
    animation: gslideInLeft 0.3s ease;
  }
  .gslideOutRight {
    -webkit-animation: gslideOutRight 0.3s ease;
    animation: gslideOutRight 0.3s ease;
  }
  .gslideInRight {
    -webkit-animation: gslideInRight 0.3s ease;
    animation: gslideInRight 0.3s ease;
  }
  .gzoomIn {
    -webkit-animation: gzoomIn 0.5s ease;
    animation: gzoomIn 0.5s ease;
  }
  .gzoomOut {
    -webkit-animation: gzoomOut 0.5s ease;
    animation: gzoomOut 0.5s ease;
  }
  @-webkit-keyframes lightboxLoader {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes lightboxLoader {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes gfadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes gfadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes gfadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes gfadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @-webkit-keyframes gslideInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-60%, 0, 0);
      transform: translate3d(-60%, 0, 0);
    }
    to {
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes gslideInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-60%, 0, 0);
      transform: translate3d(-60%, 0, 0);
    }
    to {
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @-webkit-keyframes gslideOutLeft {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-60%, 0, 0);
      transform: translate3d(-60%, 0, 0);
      opacity: 0;
      visibility: hidden;
    }
  }
  @keyframes gslideOutLeft {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-60%, 0, 0);
      transform: translate3d(-60%, 0, 0);
      opacity: 0;
      visibility: hidden;
    }
  }
  @-webkit-keyframes gslideInRight {
    from {
      opacity: 0;
      visibility: visible;
      -webkit-transform: translate3d(60%, 0, 0);
      transform: translate3d(60%, 0, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes gslideInRight {
    from {
      opacity: 0;
      visibility: visible;
      -webkit-transform: translate3d(60%, 0, 0);
      transform: translate3d(60%, 0, 0);
    }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @-webkit-keyframes gslideOutRight {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(60%, 0, 0);
      transform: translate3d(60%, 0, 0);
      opacity: 0;
    }
  }
  @keyframes gslideOutRight {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(60%, 0, 0);
      transform: translate3d(60%, 0, 0);
      opacity: 0;
    }
  }
  @-webkit-keyframes gzoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 1;
    }
  }
  @keyframes gzoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes gzoomOut {
    from {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @keyframes gzoomOut {
    from {
      opacity: 1;
    }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @media (min-width: 769px) {
    .glightbox-container .ginner-container {
      width: auto;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
    .glightbox-container .ginner-container.desc-top .gslide-description {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
    }
    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .glightbox-container .ginner-container.desc-left .gslide-description {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
    }
    .glightbox-container .ginner-container.desc-left .gslide-image {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .gslide-image img {
      max-height: 97vh;
      max-width: 100%;
    }
    .gslide-image img.zoomable {
      cursor: -webkit-zoom-in;
      cursor: zoom-in;
    }
    .zoomed .gslide-image img.zoomable {
      cursor: -webkit-grab;
      cursor: grab;
    }
    .gslide-inline {
      max-height: 95vh;
    }
    .gslide-external {
      max-height: 100vh;
    }
    .gslide-description.description-left,
    .gslide-description.description-right {
      max-width: 275px;
    }
    .glightbox-open {
      height: auto;
    }
    .goverlay {
      background: rgba(0, 0, 0, 0.92);
    }
    .glightbox-clean .gslide-media {
      -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
      box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    }
    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
      position: absolute;
      height: 100%;
      overflow-y: auto;
    }
    .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
      background-color: rgba(0, 0, 0, 0.32);
    }
    .glightbox-clean .gprev:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gclose:hover {
      background-color: rgba(0, 0, 0, 0.7);
    }
    .glightbox-clean .gprev {
      top: 45%;
    }
    .glightbox-clean .gnext {
      top: 45%;
    }
  }
  @media (min-width: 992px) {
    .glightbox-clean .gclose {
      opacity: 0.7;
      right: 20px;
    }
  }
  @media screen and (max-height: 420px) {
    .goverlay {
      background: #000;
    }
  }
  @media print {
    /*
    PRINT.SCSS
    */
    @page {
      margin-top: 0.4cm;
      margin: 0.5cm;
    }
    html {
      font-size: 16px;
    }
    body {
      background: #fff;
      color: #000;
      font-size: 12pt;
      font-family: Georgia, "Times New Roman", Times, serif;
      line-height: 1.4;
    }
    /* section {page-break-before: always;} */
    p a, code, pre {
      word-wrap: break-word;
    }
    /* .main p a:after {content:" ("attr(href)") ";font-size:9pt;} */
    img {
      border: 0; /*display:none;*/
    }
    a {
      color: #06c !important;
      text-decoration: underline;
      font-weight: normal;
    }
    table th, table td {
      background: #fff;
      color: #000;
      border: 1px solid #000 !important;
    }
    table th {
      font-weight: bold;
    }
    .frm th, .frm td {
      background: #fff;
      color: #000;
    }
    .logo {
      margin-bottom: 20px;
    }
    .logo a {
      -webkit-print-color-adjust: exact;
    }
    .main {
      display: block;
      width: 100%;
      clear: both;
    }
    .cblock {
      clear: both;
    }
    .printable {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
    }
    .nav-top-holder,
    .langs,
    .setting,
    .fulltext,
    .motive,
    .slider,
    .left,
    .right,
    .footer,
    .page-top,
    .eu-cookies,
    .no-print {
      display: none !important;
    }
  }
}
@layer utils {
  /* fonts */
  .fz-1 {
    font-size: 2.125rem;
  }
  .fz-2 {
    font-size: 1.9rem;
  }
  .fz-3 {
    font-size: 1.75rem;
  }
  .fz-4 {
    font-size: 1.5rem;
  }
  .fz-5 {
    font-size: 1.3125rem;
  }
  .fz-6 {
    font-size: 1.125rem;
  }
  .fz-7 {
    font-size: 1rem;
  }
  .fz-8 {
    font-size: 0.9125rem;
  }
  .fz-9 {
    font-size: 0.875rem;
  }
  .fs-i {
    font-style: italic;
  }
  .fs-n {
    font-style: normal;
  }
  .fw-l {
    font-weight: light;
  }
  .fw-lr {
    font-weight: lighter;
  }
  .fw-n {
    font-weight: normal;
  }
  .fw-b {
    font-weight: bold;
  }
  .fw-br {
    font-weight: bolder;
  }
  .lh-d {
    line-height: var(--lh-default);
  }
  .lh-1 {
    line-height: 1;
  }
  .lh-2 {
    line-height: 1.3;
  }
  .lh-3 {
    line-height: 1.6;
  }
  .lh-4 {
    line-height: 1.9;
  }
  .lh-5 {
    line-height: 2.2;
  }
  .tal-l {
    text-align: left;
  }
  .tal-r {
    text-align: right;
  }
  .tal-c {
    text-align: center;
  }
  .td-n {
    text-decoration: none;
  }
  .td-u {
    text-decoration: underline;
  }
  .td-l {
    text-decoration: line-through;
  }
  .tt-u {
    text-transform: uppercase;
  }
  .tt-l {
    text-transform: lowercase;
  }
  .tt-c {
    text-transform: capitalize;
  }
  .tt-n {
    text-transform: none;
  }
  .whs-nw {
    white-space: nowrap;
  }
  /* clear */
  .cb {
    clear: both;
  }
  /* display */
  .d-n {
    display: none;
  }
  .d-i {
    display: inline;
  }
  .d-b {
    display: block;
  }
  .d-ib {
    display: inline-block;
  }
  .d-g {
    display: -ms-grid;
    display: grid;
  }
  .d-t {
    display: table;
  }
  .d-it {
    display: inline-table;
  }
  .d-tc {
    display: table-cell;
  }
  .d-trow {
    display: table-row;
  }
  .d-tcol {
    display: table-column;
  }
  .d-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .d-if {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  /* flexbox */
  .fx-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }
  .fx-n {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .fxw-w {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .fxw-nw {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .fxw-wr {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .fxd-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fxd-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .fxd-cr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .fxd-rr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .fxg-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .fxg-1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .fxs-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .fxs-1 {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .ai-fs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ai-fe {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .ai-c {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ai-b {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .ai-s {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .as-fs {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .as-fe {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .as-c {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .as-b {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .as-s {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .jc-fs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .jc-fe {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .jc-c {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .jc-sb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .jc-sa {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .ac-fs {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .ac-fe {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .ac-c {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .ac-sb {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .ac-sa {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .ac-s {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .ord-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .ord-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ord-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ord-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ord-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ord-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ord-last {
    -webkit-box-ordinal-group: 100000;
        -ms-flex-order: 99999;
            order: 99999;
  }
  /* grid columns */
  .gtc-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .gtc-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .gtc-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gtc-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .gtc-5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .gtc-6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .gtc-7 {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .gtc-8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .gtc-9 {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
  }
  /* multi-column */
  .mcols-1 {
    -webkit-columns: auto;
       -moz-columns: auto;
            columns: auto;
  }
  .mcols-2 {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .mcols-3 {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
  .mcols-4 {
    -webkit-columns: 4;
       -moz-columns: 4;
            columns: 4;
  }
  .mcols-5 {
    -webkit-columns: 5;
       -moz-columns: 5;
            columns: 5;
  }
  .mcols-6 {
    -webkit-columns: 6;
       -moz-columns: 6;
            columns: 6;
  }
  /* vertical align */
  .va-bl {
    vertical-align: baseline;
  }
  .va-t {
    vertical-align: top;
  }
  .va-m {
    vertical-align: middle;
  }
  .va-b {
    vertical-align: bottom;
  }
  .va-tb {
    vertical-align: text-bottom;
  }
  .va-tt {
    vertical-align: text-top;
  }
  /* background */
  .bg-n {
    background: none;
  }
  .bgi-n {
    background-image: none;
  }
  .bg-c {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-t {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-r {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-b {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-l {
    background-repeat: no-repeat;
    background-position: center left;
  }
  .bgsz-ct {
    background-size: contain;
  }
  .bgsz-cv {
    background-size: cover;
  }
  /* border */
  .b-a {
    border-style: solid;
    border-width: 1px;
    border-color: var(--c-border);
  }
  .b-t {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: var(--c-border);
  }
  .b-r {
    border-right-style: solid;
    border-right-width: 1px;
    border-color: var(--c-border);
  }
  .b-b {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--c-border);
  }
  .b-l {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: var(--c-border);
  }
  .b-n {
    border-style: none;
    border-width: 0;
  }
  .br-0 {
    border-radius: 0;
  }
  .br-1 {
    border-radius: 0.125rem;
  }
  .br-2 {
    border-radius: 0.25rem;
  }
  .br-3 {
    border-radius: 0.5rem;
  }
  .br-4 {
    border-radius: 1rem;
  }
  .br-100 {
    border-radius: 100%;
  }
  .br-pill {
    border-radius: 9999px;
  }
  .br-t {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .br-r {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .br-b {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .br-l {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .bw-0 {
    border-width: 0;
  }
  .bw-1 {
    border-width: 1px;
  }
  .bw-2 {
    border-width: 2px;
  }
  .bw-3 {
    border-width: 3px;
  }
  .bw-4 {
    border-width: 4px;
  }
  .bw-5 {
    border-width: 5px;
  }
  .btw-0 {
    border-top-width: 0;
  }
  .brw-0 {
    border-right-width: 0;
  }
  .bbw-0 {
    border-bottom-width: 0;
  }
  .blw-0 {
    border-left-width: 0;
  }
  .bs-dt {
    border-style: dotted;
  }
  .bs-ds {
    border-style: dashed;
  }
  .bs-s {
    border-style: solid;
  }
  .bs-n {
    border-style: none;
  }
  /* float */
  .fl-l {
    float: left;
  }
  .fl-r {
    float: right;
  }
  .fl-n {
    float: none;
  }
  /* opacity */
  .o-10 {
    opacity: 1;
  }
  .o-9 {
    opacity: 0.9;
  }
  .o-8 {
    opacity: 0.8;
  }
  .o-7 {
    opacity: 0.7;
  }
  .o-6 {
    opacity: 0.6;
  }
  .o-5 {
    opacity: 0.5;
  }
  .o-4 {
    opacity: 0.4;
  }
  .o-3 {
    opacity: 0.3;
  }
  .o-2 {
    opacity: 0.2;
  }
  .o-1 {
    opacity: 0.1;
  }
  .o-0 {
    opacity: 0;
  }
  /* overflow */
  .ov-v {
    overflow: visible;
  }
  .ov-h {
    overflow: hidden;
  }
  .ov-s {
    overflow: scroll;
  }
  .ov-a {
    overflow: auto;
  }
  .ovx-v {
    overflow-x: visible;
  }
  .ovx-h {
    overflow-x: hidden;
  }
  .ovx-s {
    overflow-x: scroll;
  }
  .ovx-a {
    overflow-x: auto;
  }
  .ovy-v {
    overflow-y: visible;
  }
  .ovy-h {
    overflow-y: hidden;
  }
  .ovy-s {
    overflow-y: scroll;
  }
  .ovy-a {
    overflow-y: auto;
  }
  /* position */
  .pos-s {
    position: static;
  }
  .pos-r {
    position: relative;
  }
  .pos-a {
    position: absolute;
  }
  .pos-f {
    position: fixed;
  }
  .top-0 {
    top: 0;
  }
  .top-50 {
    top: 50%;
  }
  .top-100 {
    top: 100%;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-50 {
    bottom: 50%;
  }
  .bottom-100 {
    bottom: 100%;
  }
  .left-0 {
    left: 0;
  }
  .left-50 {
    left: 50%;
  }
  .left-100 {
    left: 100%;
  }
  .right-0 {
    right: 0;
  }
  .right-50 {
    right: 50%;
  }
  .right-100 {
    right: 100%;
  }
  .trf-m {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .trf-m-x {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .trf-m-y {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pos-tl {
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .pos-tc {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .pos-tr {
    top: 0;
    left: 100%;
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  .pos-ml {
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .pos-mc {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .pos-mr {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
  .pos-bl {
    top: 100%;
    left: 0;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  .pos-bc {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  .pos-br {
    top: 100%;
    left: 100%;
    -webkit-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
  }
  /* ratio */
  .ratio-1x1 {
    aspect-ratio: 1/1;
  }
  .ratio-2x1 {
    aspect-ratio: 2/1;
  }
  .ratio-4x3 {
    aspect-ratio: 4/3;
  }
  .ratio-3x4 {
    aspect-ratio: 3/4;
  }
  .ratio-3x2 {
    aspect-ratio: 3/2;
  }
  .ratio-2x3 {
    aspect-ratio: 2/3;
  }
  .ratio-16x9 {
    aspect-ratio: 16/9;
  }
  .ratio-9x16 {
    aspect-ratio: 9/16;
  }
  .ratio-21x9 {
    aspect-ratio: 21/9;
  }
  /* rotation */
  .rotate-45 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .rotate-90 {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .rotate-135 {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .rotate-180 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .rotate-225 {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .rotate-270 {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .rotate-315 {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
  /* visibility */
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  /* z-index */
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 100;
  }
  .z-2 {
    z-index: 200;
  }
  .z-3 {
    z-index: 300;
  }
  .z-4 {
    z-index: 400;
  }
  .z-5 {
    z-index: 500;
  }
  .z-999 {
    z-index: 999;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-max {
    z-index: 2147483647;
  }
  /* shadow */
  .shd-1 {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shd-2 {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }
  .shd-3 {
    -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  }
  .shd-n {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    /* fonts */
    .fz-1-md {
      font-size: 2.125rem;
    }
    .fz-2-md {
      font-size: 1.9rem;
    }
    .fz-3-md {
      font-size: 1.75rem;
    }
    .fz-4-md {
      font-size: 1.5rem;
    }
    .fz-5-md {
      font-size: 1.3125rem;
    }
    .fz-6-md {
      font-size: 1.125rem;
    }
    .fz-7-md {
      font-size: 1rem;
    }
    .fz-8-md {
      font-size: 0.9125rem;
    }
    .fz-9-md {
      font-size: 0.875rem;
    }
    .fs-i-md {
      font-style: italic;
    }
    .fs-n-md {
      font-style: normal;
    }
    .fw-l-md {
      font-weight: light;
    }
    .fw-lr-md {
      font-weight: lighter;
    }
    .fw-n-md {
      font-weight: normal;
    }
    .fw-b-md {
      font-weight: bold;
    }
    .fw-br-md {
      font-weight: bolder;
    }
    .lh-d-md {
      line-height: var(--lh-default);
    }
    .lh-1-md {
      line-height: 1;
    }
    .lh-2-md {
      line-height: 1.3;
    }
    .lh-3-md {
      line-height: 1.6;
    }
    .lh-4-md {
      line-height: 1.9;
    }
    .lh-5-md {
      line-height: 2.2;
    }
    .tal-l-md {
      text-align: left;
    }
    .tal-r-md {
      text-align: right;
    }
    .tal-c-md {
      text-align: center;
    }
    .td-n-md {
      text-decoration: none;
    }
    .td-u-md {
      text-decoration: underline;
    }
    .td-l-md {
      text-decoration: line-through;
    }
    .tt-u-md {
      text-transform: uppercase;
    }
    .tt-l-md {
      text-transform: lowercase;
    }
    .tt-c-md {
      text-transform: capitalize;
    }
    .tt-n-md {
      text-transform: none;
    }
    .whs-nw-md {
      white-space: nowrap;
    }
    /* clear */
    .cb-md {
      clear: both;
    }
    /* display */
    .d-n-md {
      display: none;
    }
    .d-i-md {
      display: inline;
    }
    .d-b-md {
      display: block;
    }
    .d-ib-md {
      display: inline-block;
    }
    .d-g-md {
      display: -ms-grid;
      display: grid;
    }
    .d-t-md {
      display: table;
    }
    .d-it-md {
      display: inline-table;
    }
    .d-tc-md {
      display: table-cell;
    }
    .d-trow-md {
      display: table-row;
    }
    .d-tcol-md {
      display: table-column;
    }
    .d-f-md {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .d-if-md {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    /* flexbox */
    .fx-auto-md {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0;
    }
    .fx-n-md {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
    }
    .fxw-w-md {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .fxw-nw-md {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
    .fxw-wr-md {
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
    }
    .fxd-c-md {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .fxd-r-md {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
    .fxd-cr-md {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
    .fxd-rr-md {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
    .fxg-0-md {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
    }
    .fxg-1-md {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
    .fxs-0-md {
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .fxs-1-md {
      -ms-flex-negative: 1;
          flex-shrink: 1;
    }
    .ai-fs-md {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .ai-fe-md {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
    .ai-c-md {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .ai-b-md {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }
    .ai-s-md {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
    .as-fs-md {
      -ms-flex-item-align: start;
          align-self: flex-start;
    }
    .as-fe-md {
      -ms-flex-item-align: end;
          align-self: flex-end;
    }
    .as-c-md {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
    }
    .as-b-md {
      -ms-flex-item-align: baseline;
          align-self: baseline;
    }
    .as-s-md {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
    }
    .jc-fs-md {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .jc-fe-md {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    .jc-c-md {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .jc-sb-md {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .jc-sa-md {
      -ms-flex-pack: distribute;
          justify-content: space-around;
    }
    .ac-fs-md {
      -ms-flex-line-pack: start;
          align-content: flex-start;
    }
    .ac-fe-md {
      -ms-flex-line-pack: end;
          align-content: flex-end;
    }
    .ac-c-md {
      -ms-flex-line-pack: center;
          align-content: center;
    }
    .ac-sb-md {
      -ms-flex-line-pack: justify;
          align-content: space-between;
    }
    .ac-sa-md {
      -ms-flex-line-pack: distribute;
          align-content: space-around;
    }
    .ac-s-md {
      -ms-flex-line-pack: stretch;
          align-content: stretch;
    }
    .ord-0-md {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
    }
    .ord-1-md {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .ord-2-md {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .ord-3-md {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
    .ord-4-md {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
    }
    .ord-5-md {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
    }
    .ord-last-md {
      -webkit-box-ordinal-group: 100000;
          -ms-flex-order: 99999;
              order: 99999;
    }
    /* grid columns */
    .gtc-1-md {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .gtc-2-md {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .gtc-3-md {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
    }
    .gtc-4-md {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
    }
    .gtc-5-md {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
    }
    .gtc-6-md {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
    }
    .gtc-7-md {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr);
    }
    .gtc-8-md {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr);
    }
    .gtc-9-md {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr);
    }
    /* multi-column */
    .mcols-1-md {
      -webkit-columns: auto;
         -moz-columns: auto;
              columns: auto;
    }
    .mcols-2-md {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2;
    }
    .mcols-3-md {
      -webkit-columns: 3;
         -moz-columns: 3;
              columns: 3;
    }
    .mcols-4-md {
      -webkit-columns: 4;
         -moz-columns: 4;
              columns: 4;
    }
    .mcols-5-md {
      -webkit-columns: 5;
         -moz-columns: 5;
              columns: 5;
    }
    .mcols-6-md {
      -webkit-columns: 6;
         -moz-columns: 6;
              columns: 6;
    }
    /* vertical align */
    .va-bl-md {
      vertical-align: baseline;
    }
    .va-t-md {
      vertical-align: top;
    }
    .va-m-md {
      vertical-align: middle;
    }
    .va-b-md {
      vertical-align: bottom;
    }
    .va-tb-md {
      vertical-align: text-bottom;
    }
    .va-tt-md {
      vertical-align: text-top;
    }
    /* background */
    .bg-n-md {
      background: none;
    }
    .bgi-n-md {
      background-image: none;
    }
    .bg-c-md {
      background-repeat: no-repeat;
      background-position: center center;
    }
    .bg-t-md {
      background-repeat: no-repeat;
      background-position: top center;
    }
    .bg-r-md {
      background-repeat: no-repeat;
      background-position: center right;
    }
    .bg-b-md {
      background-repeat: no-repeat;
      background-position: bottom center;
    }
    .bg-l-md {
      background-repeat: no-repeat;
      background-position: center left;
    }
    .bgsz-ct-md {
      background-size: contain;
    }
    .bgsz-cv-md {
      background-size: cover;
    }
    /* border */
    .b-a-md {
      border-style: solid;
      border-width: 1px;
      border-color: var(--c-border);
    }
    .b-t-md {
      border-top-style: solid;
      border-top-width: 1px;
      border-color: var(--c-border);
    }
    .b-r-md {
      border-right-style: solid;
      border-right-width: 1px;
      border-color: var(--c-border);
    }
    .b-b-md {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-color: var(--c-border);
    }
    .b-l-md {
      border-left-style: solid;
      border-left-width: 1px;
      border-color: var(--c-border);
    }
    .b-n-md {
      border-style: none;
      border-width: 0;
    }
    .br-0-md {
      border-radius: 0;
    }
    .br-1-md {
      border-radius: 0.125rem;
    }
    .br-2-md {
      border-radius: 0.25rem;
    }
    .br-3-md {
      border-radius: 0.5rem;
    }
    .br-4-md {
      border-radius: 1rem;
    }
    .br-100-md {
      border-radius: 100%;
    }
    .br-pill-md {
      border-radius: 9999px;
    }
    .br-t-md {
      border-top-left-radius: var(--radius);
      border-top-right-radius: var(--radius);
    }
    .br-r-md {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
    .br-b-md {
      border-bottom-left-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
    .br-l-md {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
    .bw-0-md {
      border-width: 0;
    }
    .bw-1-md {
      border-width: 1px;
    }
    .bw-2-md {
      border-width: 2px;
    }
    .bw-3-md {
      border-width: 3px;
    }
    .bw-4-md {
      border-width: 4px;
    }
    .bw-5-md {
      border-width: 5px;
    }
    .btw-0-md {
      border-top-width: 0;
    }
    .brw-0-md {
      border-right-width: 0;
    }
    .bbw-0-md {
      border-bottom-width: 0;
    }
    .blw-0-md {
      border-left-width: 0;
    }
    .bs-dt-md {
      border-style: dotted;
    }
    .bs-ds-md {
      border-style: dashed;
    }
    .bs-s-md {
      border-style: solid;
    }
    .bs-n-md {
      border-style: none;
    }
    /* float */
    .fl-l-md {
      float: left;
    }
    .fl-r-md {
      float: right;
    }
    .fl-n-md {
      float: none;
    }
    /* opacity */
    .o-10-md {
      opacity: 1;
    }
    .o-9-md {
      opacity: 0.9;
    }
    .o-8-md {
      opacity: 0.8;
    }
    .o-7-md {
      opacity: 0.7;
    }
    .o-6-md {
      opacity: 0.6;
    }
    .o-5-md {
      opacity: 0.5;
    }
    .o-4-md {
      opacity: 0.4;
    }
    .o-3-md {
      opacity: 0.3;
    }
    .o-2-md {
      opacity: 0.2;
    }
    .o-1-md {
      opacity: 0.1;
    }
    .o-0-md {
      opacity: 0;
    }
    /* overflow */
    .ov-v-md {
      overflow: visible;
    }
    .ov-h-md {
      overflow: hidden;
    }
    .ov-s-md {
      overflow: scroll;
    }
    .ov-a-md {
      overflow: auto;
    }
    .ovx-v-md {
      overflow-x: visible;
    }
    .ovx-h-md {
      overflow-x: hidden;
    }
    .ovx-s-md {
      overflow-x: scroll;
    }
    .ovx-a-md {
      overflow-x: auto;
    }
    .ovy-v-md {
      overflow-y: visible;
    }
    .ovy-h-md {
      overflow-y: hidden;
    }
    .ovy-s-md {
      overflow-y: scroll;
    }
    .ovy-a-md {
      overflow-y: auto;
    }
    /* position */
    .pos-s-md {
      position: static;
    }
    .pos-r-md {
      position: relative;
    }
    .pos-a-md {
      position: absolute;
    }
    .pos-f-md {
      position: fixed;
    }
    .top-0-md {
      top: 0;
    }
    .top-50-md {
      top: 50%;
    }
    .top-100-md {
      top: 100%;
    }
    .bottom-0-md {
      bottom: 0;
    }
    .bottom-50-md {
      bottom: 50%;
    }
    .bottom-100-md {
      bottom: 100%;
    }
    .left-0-md {
      left: 0;
    }
    .left-50-md {
      left: 50%;
    }
    .left-100-md {
      left: 100%;
    }
    .right-0-md {
      right: 0;
    }
    .right-50-md {
      right: 50%;
    }
    .right-100-md {
      right: 100%;
    }
    .trf-m-md {
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
    .trf-m-x-md {
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
    .trf-m-y-md {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    .pos-tl-md {
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    .pos-tc-md {
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    .pos-tr-md {
      top: 0;
      left: 100%;
      -webkit-transform: translate(-100%, 0);
              transform: translate(-100%, 0);
    }
    .pos-ml-md {
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
    }
    .pos-mc-md {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
    .pos-mr-md {
      top: 50%;
      left: 100%;
      -webkit-transform: translate(-100%, -50%);
              transform: translate(-100%, -50%);
    }
    .pos-bl-md {
      top: 100%;
      left: 0;
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%);
    }
    .pos-bc-md {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
    .pos-br-md {
      top: 100%;
      left: 100%;
      -webkit-transform: translate(-100%, -100%);
              transform: translate(-100%, -100%);
    }
    /* ratio */
    .ratio-1x1-md {
      aspect-ratio: 1/1;
    }
    .ratio-2x1-md {
      aspect-ratio: 2/1;
    }
    .ratio-4x3-md {
      aspect-ratio: 4/3;
    }
    .ratio-3x4-md {
      aspect-ratio: 3/4;
    }
    .ratio-3x2-md {
      aspect-ratio: 3/2;
    }
    .ratio-2x3-md {
      aspect-ratio: 2/3;
    }
    .ratio-16x9-md {
      aspect-ratio: 16/9;
    }
    .ratio-9x16-md {
      aspect-ratio: 9/16;
    }
    .ratio-21x9-md {
      aspect-ratio: 21/9;
    }
    /* rotation */
    .rotate-45-md {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    .rotate-90-md {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    .rotate-135-md {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    .rotate-180-md {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
    .rotate-225-md {
      -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
    }
    .rotate-270-md {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
    }
    .rotate-315-md {
      -webkit-transform: rotate(315deg);
              transform: rotate(315deg);
    }
    /* visibility */
    .visible-md {
      visibility: visible;
    }
    .invisible-md {
      visibility: hidden;
    }
    /* z-index */
    .z-0-md {
      z-index: 0;
    }
    .z-1-md {
      z-index: 100;
    }
    .z-2-md {
      z-index: 200;
    }
    .z-3-md {
      z-index: 300;
    }
    .z-4-md {
      z-index: 400;
    }
    .z-5-md {
      z-index: 500;
    }
    .z-999-md {
      z-index: 999;
    }
    .z-9999-md {
      z-index: 9999;
    }
    .z-max-md {
      z-index: 2147483647;
    }
    /* shadow */
    .shd-1-md {
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
              box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .shd-2-md {
      -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
              box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }
    .shd-3-md {
      -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
              box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    }
    .shd-n-md {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
  }
  @media screen and (max-width: 767px) {
    /* fonts */
    .fz-1-sm {
      font-size: 2.125rem;
    }
    .fz-2-sm {
      font-size: 1.9rem;
    }
    .fz-3-sm {
      font-size: 1.75rem;
    }
    .fz-4-sm {
      font-size: 1.5rem;
    }
    .fz-5-sm {
      font-size: 1.3125rem;
    }
    .fz-6-sm {
      font-size: 1.125rem;
    }
    .fz-7-sm {
      font-size: 1rem;
    }
    .fz-8-sm {
      font-size: 0.9125rem;
    }
    .fz-9-sm {
      font-size: 0.875rem;
    }
    .fs-i-sm {
      font-style: italic;
    }
    .fs-n-sm {
      font-style: normal;
    }
    .fw-l-sm {
      font-weight: light;
    }
    .fw-lr-sm {
      font-weight: lighter;
    }
    .fw-n-sm {
      font-weight: normal;
    }
    .fw-b-sm {
      font-weight: bold;
    }
    .fw-br-sm {
      font-weight: bolder;
    }
    .lh-d-sm {
      line-height: var(--lh-default);
    }
    .lh-1-sm {
      line-height: 1;
    }
    .lh-2-sm {
      line-height: 1.3;
    }
    .lh-3-sm {
      line-height: 1.6;
    }
    .lh-4-sm {
      line-height: 1.9;
    }
    .lh-5-sm {
      line-height: 2.2;
    }
    .tal-l-sm {
      text-align: left;
    }
    .tal-r-sm {
      text-align: right;
    }
    .tal-c-sm {
      text-align: center;
    }
    .td-n-sm {
      text-decoration: none;
    }
    .td-u-sm {
      text-decoration: underline;
    }
    .td-l-sm {
      text-decoration: line-through;
    }
    .tt-u-sm {
      text-transform: uppercase;
    }
    .tt-l-sm {
      text-transform: lowercase;
    }
    .tt-c-sm {
      text-transform: capitalize;
    }
    .tt-n-sm {
      text-transform: none;
    }
    .whs-nw-sm {
      white-space: nowrap;
    }
    /* clear */
    .cb-sm {
      clear: both;
    }
    /* display */
    .d-n-sm {
      display: none;
    }
    .d-i-sm {
      display: inline;
    }
    .d-b-sm {
      display: block;
    }
    .d-ib-sm {
      display: inline-block;
    }
    .d-g-sm {
      display: -ms-grid;
      display: grid;
    }
    .d-t-sm {
      display: table;
    }
    .d-it-sm {
      display: inline-table;
    }
    .d-tc-sm {
      display: table-cell;
    }
    .d-trow-sm {
      display: table-row;
    }
    .d-tcol-sm {
      display: table-column;
    }
    .d-f-sm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .d-if-sm {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    /* flexbox */
    .fx-auto-sm {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0;
    }
    .fx-n-sm {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
    }
    .fxw-w-sm {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .fxw-nw-sm {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
    .fxw-wr-sm {
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
    }
    .fxd-c-sm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .fxd-r-sm {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
    .fxd-cr-sm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
    .fxd-rr-sm {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
    .fxg-0-sm {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
    }
    .fxg-1-sm {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
    .fxs-0-sm {
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .fxs-1-sm {
      -ms-flex-negative: 1;
          flex-shrink: 1;
    }
    .ai-fs-sm {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .ai-fe-sm {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
    .ai-c-sm {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .ai-b-sm {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }
    .ai-s-sm {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
    .as-fs-sm {
      -ms-flex-item-align: start;
          align-self: flex-start;
    }
    .as-fe-sm {
      -ms-flex-item-align: end;
          align-self: flex-end;
    }
    .as-c-sm {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
    }
    .as-b-sm {
      -ms-flex-item-align: baseline;
          align-self: baseline;
    }
    .as-s-sm {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
    }
    .jc-fs-sm {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .jc-fe-sm {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    .jc-c-sm {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .jc-sb-sm {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .jc-sa-sm {
      -ms-flex-pack: distribute;
          justify-content: space-around;
    }
    .ac-fs-sm {
      -ms-flex-line-pack: start;
          align-content: flex-start;
    }
    .ac-fe-sm {
      -ms-flex-line-pack: end;
          align-content: flex-end;
    }
    .ac-c-sm {
      -ms-flex-line-pack: center;
          align-content: center;
    }
    .ac-sb-sm {
      -ms-flex-line-pack: justify;
          align-content: space-between;
    }
    .ac-sa-sm {
      -ms-flex-line-pack: distribute;
          align-content: space-around;
    }
    .ac-s-sm {
      -ms-flex-line-pack: stretch;
          align-content: stretch;
    }
    .ord-0-sm {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
    }
    .ord-1-sm {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .ord-2-sm {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .ord-3-sm {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
    .ord-4-sm {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
    }
    .ord-5-sm {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
    }
    .ord-last-sm {
      -webkit-box-ordinal-group: 100000;
          -ms-flex-order: 99999;
              order: 99999;
    }
    /* grid columns */
    .gtc-1-sm {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .gtc-2-sm {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .gtc-3-sm {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
    }
    .gtc-4-sm {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
    }
    .gtc-5-sm {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
    }
    .gtc-6-sm {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
    }
    .gtc-7-sm {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr);
    }
    .gtc-8-sm {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr);
    }
    .gtc-9-sm {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr);
    }
    /* multi-column */
    .mcols-1-sm {
      -webkit-columns: auto;
         -moz-columns: auto;
              columns: auto;
    }
    .mcols-2-sm {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2;
    }
    .mcols-3-sm {
      -webkit-columns: 3;
         -moz-columns: 3;
              columns: 3;
    }
    .mcols-4-sm {
      -webkit-columns: 4;
         -moz-columns: 4;
              columns: 4;
    }
    .mcols-5-sm {
      -webkit-columns: 5;
         -moz-columns: 5;
              columns: 5;
    }
    .mcols-6-sm {
      -webkit-columns: 6;
         -moz-columns: 6;
              columns: 6;
    }
    /* vertical align */
    .va-bl-sm {
      vertical-align: baseline;
    }
    .va-t-sm {
      vertical-align: top;
    }
    .va-m-sm {
      vertical-align: middle;
    }
    .va-b-sm {
      vertical-align: bottom;
    }
    .va-tb-sm {
      vertical-align: text-bottom;
    }
    .va-tt-sm {
      vertical-align: text-top;
    }
    /* background */
    .bg-n-sm {
      background: none;
    }
    .bgi-n-sm {
      background-image: none;
    }
    .bg-c-sm {
      background-repeat: no-repeat;
      background-position: center center;
    }
    .bg-t-sm {
      background-repeat: no-repeat;
      background-position: top center;
    }
    .bg-r-sm {
      background-repeat: no-repeat;
      background-position: center right;
    }
    .bg-b-sm {
      background-repeat: no-repeat;
      background-position: bottom center;
    }
    .bg-l-sm {
      background-repeat: no-repeat;
      background-position: center left;
    }
    .bgsz-ct-sm {
      background-size: contain;
    }
    .bgsz-cv-sm {
      background-size: cover;
    }
    /* border */
    .b-a-sm {
      border-style: solid;
      border-width: 1px;
      border-color: var(--c-border);
    }
    .b-t-sm {
      border-top-style: solid;
      border-top-width: 1px;
      border-color: var(--c-border);
    }
    .b-r-sm {
      border-right-style: solid;
      border-right-width: 1px;
      border-color: var(--c-border);
    }
    .b-b-sm {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-color: var(--c-border);
    }
    .b-l-sm {
      border-left-style: solid;
      border-left-width: 1px;
      border-color: var(--c-border);
    }
    .b-n-sm {
      border-style: none;
      border-width: 0;
    }
    .br-0-sm {
      border-radius: 0;
    }
    .br-1-sm {
      border-radius: 0.125rem;
    }
    .br-2-sm {
      border-radius: 0.25rem;
    }
    .br-3-sm {
      border-radius: 0.5rem;
    }
    .br-4-sm {
      border-radius: 1rem;
    }
    .br-100-sm {
      border-radius: 100%;
    }
    .br-pill-sm {
      border-radius: 9999px;
    }
    .br-t-sm {
      border-top-left-radius: var(--radius);
      border-top-right-radius: var(--radius);
    }
    .br-r-sm {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
    .br-b-sm {
      border-bottom-left-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
    .br-l-sm {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
    .bw-0-sm {
      border-width: 0;
    }
    .bw-1-sm {
      border-width: 1px;
    }
    .bw-2-sm {
      border-width: 2px;
    }
    .bw-3-sm {
      border-width: 3px;
    }
    .bw-4-sm {
      border-width: 4px;
    }
    .bw-5-sm {
      border-width: 5px;
    }
    .btw-0-sm {
      border-top-width: 0;
    }
    .brw-0-sm {
      border-right-width: 0;
    }
    .bbw-0-sm {
      border-bottom-width: 0;
    }
    .blw-0-sm {
      border-left-width: 0;
    }
    .bs-dt-sm {
      border-style: dotted;
    }
    .bs-ds-sm {
      border-style: dashed;
    }
    .bs-s-sm {
      border-style: solid;
    }
    .bs-n-sm {
      border-style: none;
    }
    /* float */
    .fl-l-sm {
      float: left;
    }
    .fl-r-sm {
      float: right;
    }
    .fl-n-sm {
      float: none;
    }
    /* opacity */
    .o-10-sm {
      opacity: 1;
    }
    .o-9-sm {
      opacity: 0.9;
    }
    .o-8-sm {
      opacity: 0.8;
    }
    .o-7-sm {
      opacity: 0.7;
    }
    .o-6-sm {
      opacity: 0.6;
    }
    .o-5-sm {
      opacity: 0.5;
    }
    .o-4-sm {
      opacity: 0.4;
    }
    .o-3-sm {
      opacity: 0.3;
    }
    .o-2-sm {
      opacity: 0.2;
    }
    .o-1-sm {
      opacity: 0.1;
    }
    .o-0-sm {
      opacity: 0;
    }
    /* overflow */
    .ov-v-sm {
      overflow: visible;
    }
    .ov-h-sm {
      overflow: hidden;
    }
    .ov-s-sm {
      overflow: scroll;
    }
    .ov-a-sm {
      overflow: auto;
    }
    .ovx-v-sm {
      overflow-x: visible;
    }
    .ovx-h-sm {
      overflow-x: hidden;
    }
    .ovx-s-sm {
      overflow-x: scroll;
    }
    .ovx-a-sm {
      overflow-x: auto;
    }
    .ovy-v-sm {
      overflow-y: visible;
    }
    .ovy-h-sm {
      overflow-y: hidden;
    }
    .ovy-s-sm {
      overflow-y: scroll;
    }
    .ovy-a-sm {
      overflow-y: auto;
    }
    /* position */
    .pos-s-sm {
      position: static;
    }
    .pos-r-sm {
      position: relative;
    }
    .pos-a-sm {
      position: absolute;
    }
    .pos-f-sm {
      position: fixed;
    }
    .top-0-sm {
      top: 0;
    }
    .top-50-sm {
      top: 50%;
    }
    .top-100-sm {
      top: 100%;
    }
    .bottom-0-sm {
      bottom: 0;
    }
    .bottom-50-sm {
      bottom: 50%;
    }
    .bottom-100-sm {
      bottom: 100%;
    }
    .left-0-sm {
      left: 0;
    }
    .left-50-sm {
      left: 50%;
    }
    .left-100-sm {
      left: 100%;
    }
    .right-0-sm {
      right: 0;
    }
    .right-50-sm {
      right: 50%;
    }
    .right-100-sm {
      right: 100%;
    }
    .trf-m-sm {
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
    .trf-m-x-sm {
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
    .trf-m-y-sm {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    .pos-tl-sm {
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    .pos-tc-sm {
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    .pos-tr-sm {
      top: 0;
      left: 100%;
      -webkit-transform: translate(-100%, 0);
              transform: translate(-100%, 0);
    }
    .pos-ml-sm {
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
    }
    .pos-mc-sm {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
    .pos-mr-sm {
      top: 50%;
      left: 100%;
      -webkit-transform: translate(-100%, -50%);
              transform: translate(-100%, -50%);
    }
    .pos-bl-sm {
      top: 100%;
      left: 0;
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%);
    }
    .pos-bc-sm {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
    .pos-br-sm {
      top: 100%;
      left: 100%;
      -webkit-transform: translate(-100%, -100%);
              transform: translate(-100%, -100%);
    }
    /* ratio */
    .ratio-1x1-sm {
      aspect-ratio: 1/1;
    }
    .ratio-2x1-sm {
      aspect-ratio: 2/1;
    }
    .ratio-4x3-sm {
      aspect-ratio: 4/3;
    }
    .ratio-3x4-sm {
      aspect-ratio: 3/4;
    }
    .ratio-3x2-sm {
      aspect-ratio: 3/2;
    }
    .ratio-2x3-sm {
      aspect-ratio: 2/3;
    }
    .ratio-16x9-sm {
      aspect-ratio: 16/9;
    }
    .ratio-9x16-sm {
      aspect-ratio: 9/16;
    }
    .ratio-21x9-sm {
      aspect-ratio: 21/9;
    }
    /* rotation */
    .rotate-45-sm {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    .rotate-90-sm {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    .rotate-135-sm {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    .rotate-180-sm {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
    .rotate-225-sm {
      -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
    }
    .rotate-270-sm {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
    }
    .rotate-315-sm {
      -webkit-transform: rotate(315deg);
              transform: rotate(315deg);
    }
    /* visibility */
    .visible-sm {
      visibility: visible;
    }
    .invisible-sm {
      visibility: hidden;
    }
    /* z-index */
    .z-0-sm {
      z-index: 0;
    }
    .z-1-sm {
      z-index: 100;
    }
    .z-2-sm {
      z-index: 200;
    }
    .z-3-sm {
      z-index: 300;
    }
    .z-4-sm {
      z-index: 400;
    }
    .z-5-sm {
      z-index: 500;
    }
    .z-999-sm {
      z-index: 999;
    }
    .z-9999-sm {
      z-index: 9999;
    }
    .z-max-sm {
      z-index: 2147483647;
    }
    /* shadow */
    .shd-1-sm {
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
              box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .shd-2-sm {
      -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
              box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }
    .shd-3-sm {
      -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
              box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    }
    .shd-n-sm {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
  }
  /* width */
  .w1 {
    width: 1em;
  }
  .w2 {
    width: 2em;
  }
  .w3 {
    width: 4em;
  }
  .w4 {
    width: 8em;
  }
  .w5 {
    width: 16em;
  }
  .w-2b {
    width: 49%;
  }
  .w-3b {
    width: 32.3333%;
  }
  .w-4b {
    width: 24%;
  }
  .w-5b {
    width: 19%;
  }
  .w-6b {
    width: 15%;
  }
  .w-5 {
    width: 5%;
  }
  .w-10 {
    width: 10%;
  }
  .w-15 {
    width: 15%;
  }
  .w-20 {
    width: 20%;
  }
  .w-25 {
    width: 25%;
  }
  .w-30 {
    width: 30%;
  }
  .w-35 {
    width: 35%;
  }
  .w-33 {
    width: 33.33333%;
  }
  .w-40 {
    width: 40%;
  }
  .w-45 {
    width: 45%;
  }
  .w-50 {
    width: 50%;
  }
  .w-55 {
    width: 55%;
  }
  .w-60 {
    width: 60%;
  }
  .w-65 {
    width: 65%;
  }
  .w-66 {
    width: 66.66667%;
  }
  .w-70 {
    width: 70%;
  }
  .w-75 {
    width: 75%;
  }
  .w-80 {
    width: 80%;
  }
  .w-85 {
    width: 85%;
  }
  .w-90 {
    width: 90%;
  }
  .w-95 {
    width: 95%;
  }
  .w-100 {
    width: 100%;
  }
  .w-auto {
    width: auto;
  }
  .mw-100 {
    max-width: 100%;
  }
  /* height */
  .h1 {
    height: 1em;
  }
  .h2 {
    height: 2em;
  }
  .h3 {
    height: 4em;
  }
  .h4 {
    height: 8em;
  }
  .h5 {
    height: 16em;
  }
  .h-10 {
    height: 10%;
  }
  .h-15 {
    height: 15%;
  }
  .h-20 {
    height: 20%;
  }
  .h-25 {
    height: 25%;
  }
  .h-30 {
    height: 30%;
  }
  .h-35 {
    height: 35%;
  }
  .h-40 {
    height: 40%;
  }
  .h-45 {
    height: 45%;
  }
  .h-50 {
    height: 50%;
  }
  .h-55 {
    height: 55%;
  }
  .h-60 {
    height: 60%;
  }
  .h-65 {
    height: 65%;
  }
  .h-70 {
    height: 70%;
  }
  .h-75 {
    height: 75%;
  }
  .h-80 {
    height: 80%;
  }
  .h-85 {
    height: 85%;
  }
  .h-90 {
    height: 90%;
  }
  .h-95 {
    height: 95%;
  }
  .h-100 {
    height: 100%;
  }
  .min-h-100 {
    min-height: 100%;
  }
  .vh-25 {
    height: 25vh;
  }
  .vh-50 {
    height: 50vh;
  }
  .vh-75 {
    height: 75vh;
  }
  .vh-100 {
    height: 100vh;
  }
  .min-vh-100 {
    min-height: 100vh;
  }
  .h-auto {
    height: auto;
  }
  .h-inherit {
    height: inherit;
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    /* width */
    .w1-md {
      width: 1em;
    }
    .w2-md {
      width: 2em;
    }
    .w3-md {
      width: 4em;
    }
    .w4-md {
      width: 8em;
    }
    .w5-md {
      width: 16em;
    }
    .w-2b-md {
      width: 49%;
    }
    .w-3b-md {
      width: 32.3333%;
    }
    .w-4b-md {
      width: 24%;
    }
    .w-5b-md {
      width: 19%;
    }
    .w-6b-md {
      width: 15%;
    }
    .w-5-md {
      width: 5%;
    }
    .w-10-md {
      width: 10%;
    }
    .w-15-md {
      width: 15%;
    }
    .w-20-md {
      width: 20%;
    }
    .w-25-md {
      width: 25%;
    }
    .w-30-md {
      width: 30%;
    }
    .w-35-md {
      width: 35%;
    }
    .w-33-md {
      width: 33.33333%;
    }
    .w-40-md {
      width: 40%;
    }
    .w-45-md {
      width: 45%;
    }
    .w-50-md {
      width: 50%;
    }
    .w-55-md {
      width: 55%;
    }
    .w-60-md {
      width: 60%;
    }
    .w-65-md {
      width: 65%;
    }
    .w-66-md {
      width: 66.66667%;
    }
    .w-70-md {
      width: 70%;
    }
    .w-75-md {
      width: 75%;
    }
    .w-80-md {
      width: 80%;
    }
    .w-85-md {
      width: 85%;
    }
    .w-90-md {
      width: 90%;
    }
    .w-95-md {
      width: 95%;
    }
    .w-100-md {
      width: 100%;
    }
    .w-auto-md {
      width: auto;
    }
    .mw-100-md {
      max-width: 100%;
    }
    /* height */
    .h1-md {
      height: 1em;
    }
    .h2-md {
      height: 2em;
    }
    .h3-md {
      height: 4em;
    }
    .h4-md {
      height: 8em;
    }
    .h5-md {
      height: 16em;
    }
    .h-10-md {
      height: 10%;
    }
    .h-15-md {
      height: 15%;
    }
    .h-20-md {
      height: 20%;
    }
    .h-25-md {
      height: 25%;
    }
    .h-30-md {
      height: 30%;
    }
    .h-35-md {
      height: 35%;
    }
    .h-40-md {
      height: 40%;
    }
    .h-45-md {
      height: 45%;
    }
    .h-50-md {
      height: 50%;
    }
    .h-55-md {
      height: 55%;
    }
    .h-60-md {
      height: 60%;
    }
    .h-65-md {
      height: 65%;
    }
    .h-70-md {
      height: 70%;
    }
    .h-75-md {
      height: 75%;
    }
    .h-80-md {
      height: 80%;
    }
    .h-85-md {
      height: 85%;
    }
    .h-90-md {
      height: 90%;
    }
    .h-95-md {
      height: 95%;
    }
    .h-100-md {
      height: 100%;
    }
    .min-h-100-md {
      min-height: 100%;
    }
    .vh-25-md {
      height: 25vh;
    }
    .vh-50-md {
      height: 50vh;
    }
    .vh-75-md {
      height: 75vh;
    }
    .vh-100-md {
      height: 100vh;
    }
    .min-vh-100-md {
      min-height: 100vh;
    }
    .h-auto-md {
      height: auto;
    }
    .h-inherit-md {
      height: inherit;
    }
  }
  @media screen and (max-width: 767px) {
    /* width */
    .w1-sm {
      width: 1em;
    }
    .w2-sm {
      width: 2em;
    }
    .w3-sm {
      width: 4em;
    }
    .w4-sm {
      width: 8em;
    }
    .w5-sm {
      width: 16em;
    }
    .w-2b-sm {
      width: 49%;
    }
    .w-3b-sm {
      width: 32.3333%;
    }
    .w-4b-sm {
      width: 24%;
    }
    .w-5b-sm {
      width: 19%;
    }
    .w-6b-sm {
      width: 15%;
    }
    .w-5-sm {
      width: 5%;
    }
    .w-10-sm {
      width: 10%;
    }
    .w-15-sm {
      width: 15%;
    }
    .w-20-sm {
      width: 20%;
    }
    .w-25-sm {
      width: 25%;
    }
    .w-30-sm {
      width: 30%;
    }
    .w-35-sm {
      width: 35%;
    }
    .w-33-sm {
      width: 33.33333%;
    }
    .w-40-sm {
      width: 40%;
    }
    .w-45-sm {
      width: 45%;
    }
    .w-50-sm {
      width: 50%;
    }
    .w-55-sm {
      width: 55%;
    }
    .w-60-sm {
      width: 60%;
    }
    .w-65-sm {
      width: 65%;
    }
    .w-66-sm {
      width: 66.66667%;
    }
    .w-70-sm {
      width: 70%;
    }
    .w-75-sm {
      width: 75%;
    }
    .w-80-sm {
      width: 80%;
    }
    .w-85-sm {
      width: 85%;
    }
    .w-90-sm {
      width: 90%;
    }
    .w-95-sm {
      width: 95%;
    }
    .w-100-sm {
      width: 100%;
    }
    .w-auto-sm {
      width: auto;
    }
    .mw-100-sm {
      max-width: 100%;
    }
    /* height */
    .h1-sm {
      height: 1em;
    }
    .h2-sm {
      height: 2em;
    }
    .h3-sm {
      height: 4em;
    }
    .h4-sm {
      height: 8em;
    }
    .h5-sm {
      height: 16em;
    }
    .h-10-sm {
      height: 10%;
    }
    .h-15-sm {
      height: 15%;
    }
    .h-20-sm {
      height: 20%;
    }
    .h-25-sm {
      height: 25%;
    }
    .h-30-sm {
      height: 30%;
    }
    .h-35-sm {
      height: 35%;
    }
    .h-40-sm {
      height: 40%;
    }
    .h-45-sm {
      height: 45%;
    }
    .h-50-sm {
      height: 50%;
    }
    .h-55-sm {
      height: 55%;
    }
    .h-60-sm {
      height: 60%;
    }
    .h-65-sm {
      height: 65%;
    }
    .h-70-sm {
      height: 70%;
    }
    .h-75-sm {
      height: 75%;
    }
    .h-80-sm {
      height: 80%;
    }
    .h-85-sm {
      height: 85%;
    }
    .h-90-sm {
      height: 90%;
    }
    .h-95-sm {
      height: 95%;
    }
    .h-100-sm {
      height: 100%;
    }
    .min-h-100-sm {
      min-height: 100%;
    }
    .vh-25-sm {
      height: 25vh;
    }
    .vh-50-sm {
      height: 50vh;
    }
    .vh-75-sm {
      height: 75vh;
    }
    .vh-100-sm {
      height: 100vh;
    }
    .min-vh-100-sm {
      min-height: 100vh;
    }
    .h-auto-sm {
      height: auto;
    }
    .h-inherit-sm {
      height: inherit;
    }
  }
  /* margins */
  .m-0 {
    margin: 0;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-2 {
    margin: 0.5rem;
  }
  .m-3 {
    margin: 1rem;
  }
  .m-4 {
    margin: 1.5rem;
  }
  .m-5 {
    margin: 3rem;
  }
  .m-auto {
    margin: auto;
  }
  .mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-3 {
    margin-top: 1rem;
  }
  .mt-4 {
    margin-top: 1.5rem;
  }
  .mt-5 {
    margin-top: 3rem;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-0 {
    margin-right: 0;
  }
  .mr-1 {
    margin-right: 0.25rem;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-3 {
    margin-right: 1rem;
  }
  .mr-4 {
    margin-right: 1.5rem;
  }
  .mr-5 {
    margin-right: 3rem;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-3 {
    margin-bottom: 1rem;
  }
  .mb-4 {
    margin-bottom: 1.5rem;
  }
  .mb-5 {
    margin-bottom: 3rem;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ml-0 {
    margin-left: 0;
  }
  .ml-1 {
    margin-left: 0.25rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-3 {
    margin-left: 1rem;
  }
  .ml-4 {
    margin-left: 1.5rem;
  }
  .ml-5 {
    margin-left: 3rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  /* paddings */
  .p-0 {
    padding: 0;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 1rem;
  }
  .p-4 {
    padding: 1.5rem;
  }
  .p-5 {
    padding: 3rem;
  }
  .px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-1 {
    padding-top: 0.25rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-3 {
    padding-top: 1rem;
  }
  .pt-4 {
    padding-top: 1.5rem;
  }
  .pt-5 {
    padding-top: 3rem;
  }
  .pr-0 {
    padding-right: 0;
  }
  .pr-1 {
    padding-right: 0.25rem;
  }
  .pr-2 {
    padding-right: 0.5rem;
  }
  .pr-3 {
    padding-right: 1rem;
  }
  .pr-4 {
    padding-right: 1.5rem;
  }
  .pr-5 {
    padding-right: 3rem;
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-3 {
    padding-bottom: 1rem;
  }
  .pb-4 {
    padding-bottom: 1.5rem;
  }
  .pb-5 {
    padding-bottom: 3rem;
  }
  .pl-0 {
    padding-left: 0;
  }
  .pl-1 {
    padding-left: 0.25rem;
  }
  .pl-2 {
    padding-left: 0.5rem;
  }
  .pl-3 {
    padding-left: 1rem;
  }
  .pl-4 {
    padding-left: 1.5rem;
  }
  .pl-5 {
    padding-left: 3rem;
  }
  /* gap */
  .gap-0 {
    gap: 0;
  }
  .gap-1 {
    gap: 0.25em;
  }
  .gap-2 {
    gap: 0.5em;
  }
  .gap-3 {
    gap: 0.75em;
  }
  .gap-4 {
    gap: 1em;
  }
  .gap-5 {
    gap: 1.5em;
  }
  .gap-6 {
    gap: 2em;
  }
  .gap-7 {
    gap: 2.5em;
  }
  .gap-8 {
    gap: 3em;
  }
  .gap-9 {
    gap: 3.5em;
  }
  .gap-10 {
    gap: 4em;
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    /* margins */
    .m-0-md {
      margin: 0;
    }
    .m-1-md {
      margin: 0.25rem;
    }
    .m-2-md {
      margin: 0.5rem;
    }
    .m-3-md {
      margin: 1rem;
    }
    .m-4-md {
      margin: 1.5rem;
    }
    .m-5-md {
      margin: 3rem;
    }
    .m-auto-md {
      margin: auto;
    }
    .mx-0-md {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-1-md {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-2-md {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-3-md {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-4-md {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-5-md {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-auto-md {
      margin-right: auto;
      margin-left: auto;
    }
    .my-0-md {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-1-md {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-2-md {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-3-md {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-4-md {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-5-md {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-auto-md {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-0-md {
      margin-top: 0;
    }
    .mt-1-md {
      margin-top: 0.25rem;
    }
    .mt-2-md {
      margin-top: 0.5rem;
    }
    .mt-3-md {
      margin-top: 1rem;
    }
    .mt-4-md {
      margin-top: 1.5rem;
    }
    .mt-5-md {
      margin-top: 3rem;
    }
    .mt-auto-md {
      margin-top: auto;
    }
    .mr-0-md {
      margin-right: 0;
    }
    .mr-1-md {
      margin-right: 0.25rem;
    }
    .mr-2-md {
      margin-right: 0.5rem;
    }
    .mr-3-md {
      margin-right: 1rem;
    }
    .mr-4-md {
      margin-right: 1.5rem;
    }
    .mr-5-md {
      margin-right: 3rem;
    }
    .mr-auto-md {
      margin-right: auto;
    }
    .mb-0-md {
      margin-bottom: 0;
    }
    .mb-1-md {
      margin-bottom: 0.25rem;
    }
    .mb-2-md {
      margin-bottom: 0.5rem;
    }
    .mb-3-md {
      margin-bottom: 1rem;
    }
    .mb-4-md {
      margin-bottom: 1.5rem;
    }
    .mb-5-md {
      margin-bottom: 3rem;
    }
    .mb-auto-md {
      margin-bottom: auto;
    }
    .ml-0-md {
      margin-left: 0;
    }
    .ml-1-md {
      margin-left: 0.25rem;
    }
    .ml-2-md {
      margin-left: 0.5rem;
    }
    .ml-3-md {
      margin-left: 1rem;
    }
    .ml-4-md {
      margin-left: 1.5rem;
    }
    .ml-5-md {
      margin-left: 3rem;
    }
    .ml-auto-md {
      margin-left: auto;
    }
    /* paddings */
    .p-0-md {
      padding: 0;
    }
    .p-1-md {
      padding: 0.25rem;
    }
    .p-2-md {
      padding: 0.5rem;
    }
    .p-3-md {
      padding: 1rem;
    }
    .p-4-md {
      padding: 1.5rem;
    }
    .p-5-md {
      padding: 3rem;
    }
    .px-0-md {
      padding-right: 0;
      padding-left: 0;
    }
    .px-1-md {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-2-md {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-3-md {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-4-md {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-5-md {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-0-md {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-1-md {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-2-md {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-3-md {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-4-md {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-5-md {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-0-md {
      padding-top: 0;
    }
    .pt-1-md {
      padding-top: 0.25rem;
    }
    .pt-2-md {
      padding-top: 0.5rem;
    }
    .pt-3-md {
      padding-top: 1rem;
    }
    .pt-4-md {
      padding-top: 1.5rem;
    }
    .pt-5-md {
      padding-top: 3rem;
    }
    .pr-0-md {
      padding-right: 0;
    }
    .pr-1-md {
      padding-right: 0.25rem;
    }
    .pr-2-md {
      padding-right: 0.5rem;
    }
    .pr-3-md {
      padding-right: 1rem;
    }
    .pr-4-md {
      padding-right: 1.5rem;
    }
    .pr-5-md {
      padding-right: 3rem;
    }
    .pb-0-md {
      padding-bottom: 0;
    }
    .pb-1-md {
      padding-bottom: 0.25rem;
    }
    .pb-2-md {
      padding-bottom: 0.5rem;
    }
    .pb-3-md {
      padding-bottom: 1rem;
    }
    .pb-4-md {
      padding-bottom: 1.5rem;
    }
    .pb-5-md {
      padding-bottom: 3rem;
    }
    .pl-0-md {
      padding-left: 0;
    }
    .pl-1-md {
      padding-left: 0.25rem;
    }
    .pl-2-md {
      padding-left: 0.5rem;
    }
    .pl-3-md {
      padding-left: 1rem;
    }
    .pl-4-md {
      padding-left: 1.5rem;
    }
    .pl-5-md {
      padding-left: 3rem;
    }
    /* gap */
    .gap-0-md {
      gap: 0;
    }
    .gap-1-md {
      gap: 0.25em;
    }
    .gap-2-md {
      gap: 0.5em;
    }
    .gap-3-md {
      gap: 0.75em;
    }
    .gap-4-md {
      gap: 1em;
    }
    .gap-5-md {
      gap: 1.5em;
    }
    .gap-6-md {
      gap: 2em;
    }
    .gap-7-md {
      gap: 2.5em;
    }
    .gap-8-md {
      gap: 3em;
    }
    .gap-9-md {
      gap: 3.5em;
    }
    .gap-10-md {
      gap: 4em;
    }
  }
  @media screen and (max-width: 767px) {
    /* margins */
    .m-0-sm {
      margin: 0;
    }
    .m-1-sm {
      margin: 0.25rem;
    }
    .m-2-sm {
      margin: 0.5rem;
    }
    .m-3-sm {
      margin: 1rem;
    }
    .m-4-sm {
      margin: 1.5rem;
    }
    .m-5-sm {
      margin: 3rem;
    }
    .m-auto-sm {
      margin: auto;
    }
    .mx-0-sm {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-1-sm {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-2-sm {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-3-sm {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-4-sm {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-5-sm {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-auto-sm {
      margin-right: auto;
      margin-left: auto;
    }
    .my-0-sm {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-1-sm {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-2-sm {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-3-sm {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-4-sm {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-5-sm {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-auto-sm {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-0-sm {
      margin-top: 0;
    }
    .mt-1-sm {
      margin-top: 0.25rem;
    }
    .mt-2-sm {
      margin-top: 0.5rem;
    }
    .mt-3-sm {
      margin-top: 1rem;
    }
    .mt-4-sm {
      margin-top: 1.5rem;
    }
    .mt-5-sm {
      margin-top: 3rem;
    }
    .mt-auto-sm {
      margin-top: auto;
    }
    .mr-0-sm {
      margin-right: 0;
    }
    .mr-1-sm {
      margin-right: 0.25rem;
    }
    .mr-2-sm {
      margin-right: 0.5rem;
    }
    .mr-3-sm {
      margin-right: 1rem;
    }
    .mr-4-sm {
      margin-right: 1.5rem;
    }
    .mr-5-sm {
      margin-right: 3rem;
    }
    .mr-auto-sm {
      margin-right: auto;
    }
    .mb-0-sm {
      margin-bottom: 0;
    }
    .mb-1-sm {
      margin-bottom: 0.25rem;
    }
    .mb-2-sm {
      margin-bottom: 0.5rem;
    }
    .mb-3-sm {
      margin-bottom: 1rem;
    }
    .mb-4-sm {
      margin-bottom: 1.5rem;
    }
    .mb-5-sm {
      margin-bottom: 3rem;
    }
    .mb-auto-sm {
      margin-bottom: auto;
    }
    .ml-0-sm {
      margin-left: 0;
    }
    .ml-1-sm {
      margin-left: 0.25rem;
    }
    .ml-2-sm {
      margin-left: 0.5rem;
    }
    .ml-3-sm {
      margin-left: 1rem;
    }
    .ml-4-sm {
      margin-left: 1.5rem;
    }
    .ml-5-sm {
      margin-left: 3rem;
    }
    .ml-auto-sm {
      margin-left: auto;
    }
    /* paddings */
    .p-0-sm {
      padding: 0;
    }
    .p-1-sm {
      padding: 0.25rem;
    }
    .p-2-sm {
      padding: 0.5rem;
    }
    .p-3-sm {
      padding: 1rem;
    }
    .p-4-sm {
      padding: 1.5rem;
    }
    .p-5-sm {
      padding: 3rem;
    }
    .px-0-sm {
      padding-right: 0;
      padding-left: 0;
    }
    .px-1-sm {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-2-sm {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-3-sm {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-4-sm {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-5-sm {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-0-sm {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-1-sm {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-2-sm {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-3-sm {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-4-sm {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-5-sm {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-0-sm {
      padding-top: 0;
    }
    .pt-1-sm {
      padding-top: 0.25rem;
    }
    .pt-2-sm {
      padding-top: 0.5rem;
    }
    .pt-3-sm {
      padding-top: 1rem;
    }
    .pt-4-sm {
      padding-top: 1.5rem;
    }
    .pt-5-sm {
      padding-top: 3rem;
    }
    .pr-0-sm {
      padding-right: 0;
    }
    .pr-1-sm {
      padding-right: 0.25rem;
    }
    .pr-2-sm {
      padding-right: 0.5rem;
    }
    .pr-3-sm {
      padding-right: 1rem;
    }
    .pr-4-sm {
      padding-right: 1.5rem;
    }
    .pr-5-sm {
      padding-right: 3rem;
    }
    .pb-0-sm {
      padding-bottom: 0;
    }
    .pb-1-sm {
      padding-bottom: 0.25rem;
    }
    .pb-2-sm {
      padding-bottom: 0.5rem;
    }
    .pb-3-sm {
      padding-bottom: 1rem;
    }
    .pb-4-sm {
      padding-bottom: 1.5rem;
    }
    .pb-5-sm {
      padding-bottom: 3rem;
    }
    .pl-0-sm {
      padding-left: 0;
    }
    .pl-1-sm {
      padding-left: 0.25rem;
    }
    .pl-2-sm {
      padding-left: 0.5rem;
    }
    .pl-3-sm {
      padding-left: 1rem;
    }
    .pl-4-sm {
      padding-left: 1.5rem;
    }
    .pl-5-sm {
      padding-left: 3rem;
    }
    /* gap */
    .gap-0-sm {
      gap: 0;
    }
    .gap-1-sm {
      gap: 0.25em;
    }
    .gap-2-sm {
      gap: 0.5em;
    }
    .gap-3-sm {
      gap: 0.75em;
    }
    .gap-4-sm {
      gap: 1em;
    }
    .gap-5-sm {
      gap: 1.5em;
    }
    .gap-6-sm {
      gap: 2em;
    }
    .gap-7-sm {
      gap: 2.5em;
    }
    .gap-8-sm {
      gap: 3em;
    }
    .gap-9-sm {
      gap: 3.5em;
    }
    .gap-10-sm {
      gap: 4em;
    }
  }
}