/* barlow-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/barlow-v12-latin-regular.woff2") format("woff2"),
       url("/assets/fonts/barlow-v12-latin-regular.woff") format("woff");
}
/* barlow-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/barlow-v12-latin-500.woff2") format("woff2"),
       url("/assets/fonts/barlow-v12-latin-500.woff") format("woff");
}
/* barlow-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/barlow-v12-latin-600.woff2") format("woff2"),
        url("/assets/fonts/barlow-v12-latin-600.woff") format("woff");
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/barlow-condensed-v12-latin-500.woff2") format("woff2"),
       url("/assets/fonts/barlow-condensed-v12-latin-500.woff") format("woff");
}
/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/barlow-condensed-v12-latin-600.woff2") format("woff2"),
       url("/assets/fonts/barlow-condensed-v12-latin-600.woff") format("woff");
}

:root,
:host {
  --container-width: 1230px;
  --block-vertical-padding: 60px;
  --block-bottom-padding: 100px;
  --transition-time: 300ms;
  --transition-easing: ease;
  --root-font-size: 16px;
  --font-family-primary: "Barlow", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  --font-family-secondary: "Barlow Condensed", -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  --color-jet-black: #000;
  --color-black: #282828;
  --color-white: #fff;
  --color-grey-dark: #505050;
  --color-grey-mid: #727272;
  --color-grey-light: #BEBEBE;
  --color-grey-extra-light: #E9E9E9;
  --color-grey-super-light: #F4F4F4;
  --color-red: #FF5532;
  --color-red-75: #FF8065;
  --color-red-50: #FFAA98;
  --color-red-lighter: #FFDCD4;
  --color-red-lightest: #fff8f6;
  --color-red-shadow: rgba(255, 170, 152, 0.2);
  --color-cyan: #2CD5C4;
  --color-cyan-75: #61DFD3;
  --color-cyan-50: #95EAE1;
  --color-cyan-light: #25E4D1;
  --color-cyan-lighter: #CFF2EF;
  --color-cyan-lightest: #EAFBF9;
  --color-cyan-shadow: rgba(149, 234, 225, 0.5);
  --color-blue: #005EF0;
  --color-blue-75: #4086F4;
  --color-blue-50: #80AEF7;
  --color-blue-lighter: #C9DEFF;
  --color-blue-lightest: #F2F7FE;
  --color-blue-shadow: rgba(128, 174, 247, 0.2);
  --color-yellow: #FFC600;
  --color-yellow-75: #FFD440;
  --color-yellow-50: #FFE380;
  --color-yellow-lighter: #FFF3C8;
  --color-yellow-lightest: #FFF9E6;
  --color-yellow-shadow: rgba(255, 227, 128, 0.5);
  --color-green: #0EA55B;
  --color-green-50: #86d2ad;
  --cc-text: var(--color-black);
  --cc-border-radius: 5px;
  --cc-btn-primary-bg: var(--color-black);
  --cc-btn-primary-text: var(--color-white);
  --cc-btn-primary-hover-bg: var(--color-black);
  --cc-btn-secondary-bg: var(--color-grey-extra-light);
  --cc-btn-secondary-text: var(--color-black);
  --cc-btn-secondary-hover-bg: var(--color-grey-light);
  --cc-btn-border-radius: 3px;
  --cc-toggle-bg-off: var(--color-grey-mid);
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: var(--color-grey-light);
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: var(--color-grey-super-light);
  --cc-cookie-category-block-bg-hover: var(--color-grey-extra-light);
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4,6,8,.85);
  --cc-webkit-scrollbar-bg: var(--color-grey-light);
  --cc-webkit-scrollbar-bg-hover: var(--color-grey);
}
body {
  background-color: var(--color-white);
  color: var(--color-black);
}
body, p {
  font-family: var(--font-family-primary);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: -0.5px;
  /* letter-spacing: -0.1em; */
}
a, button {
  transition: border-color var(--transition-time) var(--transition-easing), 
    background-color var(--transition-time) var(--transition-easing), 
    color var(--transition-time) var(--transition-easing), 
    opacity var(--transition-time) var(--transition-easing),
    text-decoration-color var(--transition-time) var(--transition-easing);
  color: inherit;
}
a[href], button, input[type="button"], input[type="submit"] {
	cursor: pointer;
}
a {
	color: inherit;
  text-decoration: none;
}
a[href^="tel"] {
	white-space: nowrap;
}
button {
}
button:focus-visible, a:focus-visible, input:focus-visible {
}
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  hyphens: auto;
}
h1, h2, h3, h4, h5, h6, .btn {
  text-transform: uppercase;
}
picture {
  overflow: hidden;
}

#cm {
  --shadow-color: rgba(141,141,141,0.2);
  --shadow-offset: 10px;
  box-shadow: var(--shadow-offset) var(--shadow-offset) 0 0 var(--shadow-color);
  font-family: var(--font-family-primary);
}
#cs {
  font-family: var(--font-family-primary);
}
#s-ttl,
#c-ttl {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  font-size: 1.4rem;
}
#s-bns button,
#c-bns button {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  font-size: 1.1rem;
  padding: 10px 16px;
}

/* sm */
@media (min-width: 576px) {
}

/* md */
@media (min-width: 768px) {
}

/* lg */
@media (min-width: 992px) {
}

/* xl */
@media (min-width: 1200px) {
}

/* xxl */
@media (min-width: 1400px) {
}