@charset "UTF-8";
/*! 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 {
  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 */
  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 {
  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] {
  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;
}

@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../font/Industry-Thin/font.woff2") format("woff2"), url("../font/Industry-Thin/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/Industry-Light/font.woff2") format("woff2"), url("../font/Industry-Light/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Industry-Book/font.woff2") format("woff2"), url("../font/Industry-Book/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Industry-Medium/font.woff2") format("woff2"), url("../font/Industry-Medium/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Industry-Demi/font.woff2") format("woff2"), url("../font/Industry-Demi/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Industry-Bold/font.woff2") format("woff2"), url("../font/Industry-Bold/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../font/Industry-Black/font.woff2") format("woff2"), url("../font/Industry-Black/font.woff") format("woff");
}
@font-face {
  font-family: "Industry";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/Industry-Ultra/font.woff2") format("woff2"), url("../font/Industry-Ultra/font.woff") format("woff");
}
:root {
  --primary-color: #f01f31;
  --secondary-color: #001c2e;
  --tertiary-color: #f7dd01;
  --quaternary-color: #665f5f;
  --gray-color: var(--tertiary-color);
  --light-gray: #333333;
  --secondary-light-gray: #e3e3e3;
  --default-text-color: var(--secondary-color);
  --body-color: var(--tertiary-color);
  --link-color: var(--secondary-color);
  --mobilenav-open-bg-color: var(--tertiary-color);
  --heading-color: var(--primary-color);
  --footer-bg-color: var(--tertiary-color);
  --default-text-weight: 200;
  --primary-font: "Kanit", sans-serif;
  --secondary-font: "Glupsk", sans-serif;
  --body-min-width: 320px;
  --wrapper-width-normal: 1180px;
  --wrapper-width-narrow: 880px;
  --wrapper-width-wide: 1380px;
  --wrapper-padding: 25px;
  --mobilenav-bg: var(--mobilenav-open-bg-color);
  --subnav-bg: var(--tertiary-color);
  --mobilenav-width: 320px;
  --some-button-color: #ffffff;
  --some-button-bg-color: var(--secondary-color);
  --main-menu-text-color: var(--secondary-color);
  --main-menu-text-active-color: var(--secondary-color);
  scroll-behavior: smooth;
}

#sidebar nav.sidebar-menu {
  z-index: 2;
  position: relative;
}
@media (min-width: 1024px) {
  #sidebar nav.sidebar-menu {
    margin-top: -66px;
  }
}
@media (max-width: 1023.98px) {
  #sidebar nav.sidebar-menu {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
}
#sidebar nav.sidebar-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#sidebar nav.sidebar-menu ul.menu a {
  color: var(--default-text-color);
}
#sidebar nav.sidebar-menu ul.menu > li > .link-container > a {
  display: flex;
  align-items: center;
  min-height: 66px;
  margin-right: -1px;
  background-color: var(--primary-color);
  color: #ffffff;
  font-size: 1.625rem;
  font-weight: 600;
  padding: 18px 25px;
}
#sidebar nav.sidebar-menu ul.menu > li > .link-container > a:hover {
  opacity: 1;
}
@media (min-width: 1024px) {
  #sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu {
    margin-top: 30px;
  }
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li {
  position: relative;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li button.toggle-submenu {
  position: absolute;
  top: 0;
  right: 0;
  height: 52px;
  width: 52px;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li button.toggle-submenu::after {
  content: "\e822";
  font-family: "mk-icons";
  color: var(--default-text-color);
  font-size: 1.25rem;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.submenu-open button.toggle-submenu::after {
  content: "\e81d";
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.submenu-open > .link-container {
  border-color: transparent;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.current-menu-item > .link-container > a, #sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.current-page-ancestor > .link-container > a, #sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.current_page_parent > .link-container > a {
  color: var(--primary-color);
  font-weight: 600;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li:last-child > .link-container {
  border-bottom: 0;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > .link-container {
  transition: border-color 0.3s ease-in-out;
  border-bottom: 1px solid #e2e2e2;
  margin-left: 25px;
  padding: 15px 0;
}
@media (max-width: 1023.98px) {
  #sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > .link-container {
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > .link-container > a {
  font-weight: 500;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  background-color: var(--secondary-color);
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li {
  margin-left: 25px;
  margin-right: 25px;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:first-child {
  margin-top: 25px;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:last-child {
  margin-bottom: 25px;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > .link-container > a {
  color: var(--primary-color);
  font-weight: 500;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > .link-container > a {
  display: block;
  padding: 5px 0;
  font-weight: 300;
}
#sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li.submenu-open > ul.sub-menu, #sidebar nav.sidebar-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu:focus-within {
  max-height: 999px;
}

.secondary-font-scaling, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  transform: scale(1, 1.1);
  -webkit-transform: scale(1, 1.1);
  /* Safari and Chrome */
  -moz-transform: scale(1, 1.1);
  /* Firefox */
  -ms-transform: scale(1, 1.1);
  /* IE 9+ */
  -o-transform: scale(1, 1.1);
  /* Opera */
}

body {
  font-size: 1.125rem;
  font-family: var(--primary-font);
  color: var(--default-text-color);
  background-color: var(--body-color);
  min-width: var(--body-min-width);
  font-weight: var(--default-text-weight);
  line-height: 1.4444444444em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-size: clamp(var(--min-font-size), var(--sizer, 5vw), var(--max-font-size));
  font-family: var(--secondary-font);
  font-weight: var(--font-weight, 400);
  line-height: var(--line-height, 1em);
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 0.48em;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
  font-family: inherit;
}

b, strong {
  font-weight: 700;
  color: white;
}

a {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  transition: opacity 0.3s;
}
a:not(.no-hover-opacity):hover {
  opacity: 0.8;
}

h1, .h1 {
  --min-font-size: 2.8125rem !important;
  --max-font-size: 3.9375rem;
  --line-height: 1em;
  letter-spacing: -1px;
}

.enable-heading-lines h1, body:not(.home) .hero .hero-text h1, .enable-heading-lines .h1, body:not(.home) .hero .hero-text .h1 {
  position: relative;
  margin-bottom: 0.76em;
}
@media (max-width: 1023.98px) {
  .enable-heading-lines h1, body:not(.home) .hero .hero-text h1, .enable-heading-lines .h1, body:not(.home) .hero .hero-text .h1 {
    margin-bottom: 1.2em;
  }
}
.enable-heading-lines h1::after, body:not(.home) .hero .hero-text h1::after, .enable-heading-lines .h1::after, body:not(.home) .hero .hero-text .h1::after {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 1.875rem;
  content: "";
  width: 114px;
  height: 5px;
  background-color: var(--heading-color);
  border-radius: 3px;
}

.text-center h1::after, .text-center .h1::after {
  left: 50%;
  transform: translateX(-50%);
}
.text-center button.is-style-no-border {
  text-align: center !important;
}

h2, .h2 {
  --min-font-size: 1.875rem;
  --max-font-size: 2.8125rem;
  --line-height: 1.1111111111em;
  --heading-color: var(--secondary-color);
  letter-spacing: -1px;
}

h3, .h3 {
  --min-font-size: 1.625rem;
  --max-font-size: 1.8125rem;
  --line-height: 1em;
  --heading-color: var(--secondary-color);
}

h4, .h4 {
  --min-font-size: 1.5rem;
  --max-font-size: 1.6875rem;
  --line-height: 1.0740740741em;
  --heading-color: var(--secondary-color);
}

h5, .h5 {
  --min-font-size: 1.375rem;
  --max-font-size: 1.5rem;
  --line-height: 1.0416666667em;
  --heading-color: var(--secondary-color);
}

h6, .h6 {
  --min-font-size: 1.25rem;
  --max-font-size: 1.375rem;
  --line-height: 1.0454545455em;
  color: white;
}

h1 + p {
  margin-top: 8px;
}

p + h2 {
  margin-top: 30px;
}

.uppercase {
  text-transform: uppercase;
}

.ingress {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.3em;
  color: white;
}

.secondary-color-highlight {
  font-size: 1.4375rem;
  font-weight: 500;
  font-family: var(--secondary-font);
  background-color: var(--secondary-color);
  color: white;
  text-transform: uppercase;
  line-height: 1em;
  padding: 8px 10px;
  text-align: center;
}
@media (max-width: 479.98px) {
  .secondary-color-highlight {
    font-size: 1.25rem;
  }
}

blockquote {
  background-color: #bcbab8;
  border-left: 6px solid var(--secondary-color);
  color: var(--tertiary-color);
  margin: 2.5em 0;
  padding: 40px 40px;
}
blockquote *:last-child {
  margin-bottom: 0;
}
blockquote *:first-child {
  margin-top: 0;
}
@media (max-width: 767.98px) {
  blockquote {
    padding: 25px;
  }
}

ul.checkmark-bullets {
  list-style-type: none;
  margin-left: 10px;
  padding-left: 0;
}
ul.checkmark-bullets li {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
ul.checkmark-bullets li:not(:last-of-type) {
  margin-bottom: 0.3em;
}
ul.checkmark-bullets li::before {
  content: "\e827";
  font-family: "mk-icons";
  padding-right: 9px;
}

ul.arrow-bullets {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ul.arrow-bullets li {
  font-weight: 500;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
ul.arrow-bullets li:not(:last-of-type) {
  margin-bottom: 0.3em;
}
ul.arrow-bullets li::before {
  content: "\e81f";
  font-family: "mk-icons";
  padding-right: 9px;
  color: var(--secondary-color);
}

.secondary-font-link {
  font-family: var(--secondary-font);
  font-size: 1.375rem;
  font-weight: 400;
}
.secondary-font-link::after, .secondary-font-link::before {
  color: white;
}

.button-text {
  font-family: var(--secondary-font);
  font-size: 1.0625rem;
  line-height: 1.4117647059em;
  background-color: var(--button-bg-color, transparent);
  color: var(--button-text-color, --heading-color) !important;
  text-transform: uppercase;
}
.button-text.has-primary-background-color {
  --button-bg-color: var(--primary-color);
}
.button-text.has-secondary-background-color {
  --button-bg-color: var(--secondary-color);
}
.button-text.has-tertiary-background-color {
  --button-bg-color: var(--tertiary-color);
}
.button-text.has-gray-background-color {
  --button-bg-color: var(--gray-color);
}
.button-text.has-primary-color {
  --button-text-color: var(--primary-color);
}
.button-text.has-secondary-color {
  --button-text-color: var(--secondary-color);
}
.button-text.has-tertiary-color {
  --button-text-color: var(--tertiary-color);
}

.button, input[type=submit], .nf-field-container.submit-container input[type=button] {
  font-size: 1.1875rem;
  font-family: var(--secondary-font);
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  padding: 0.7em 1.25em 0.9em 1.25em;
  color: var(--button-text-color, #0f0625) !important;
  background-color: var(--button-bg-color, var(--primary-color)) !important;
  border: none;
  line-height: 1.2631578947em;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s;
  font-weight: 400;
  border-radius: 16px/30px;
}
@media (max-width: 767.98px) {
  .button, input[type=submit], .nf-field-container.submit-container input[type=button] {
    font-size: 0.9625rem;
  }
}
.button:hover, input[type=submit]:hover, .nf-field-container.submit-container input[type=button]:hover {
  opacity: 0.8;
}
.button.has-primary-background-color, input[type=submit].has-primary-background-color, .nf-field-container.submit-container input[type=button].has-primary-background-color {
  --button-bg-color: var(--primary-color);
  --button-text-color: var(--secondary-color);
}
.button.has-secondary-background-color, input[type=submit].has-secondary-background-color, .nf-field-container.submit-container input[type=button].has-secondary-background-color {
  --button-bg-color: var(--secondary-color);
  --button-text-color: white;
}
.button.has-tertiary-background-color, input[type=submit].has-tertiary-background-color, .nf-field-container.submit-container input[type=button].has-tertiary-background-color {
  --button-bg-color: var(--tertiary-color);
  --button-text-color: white;
}
.button.has-gray-background-color, input[type=submit].has-gray-background-color, .nf-field-container.submit-container input[type=button].has-gray-background-color {
  --button-bg-color: var(--gray-color);
  --button-text-color: white;
}
.button.has-primary-color, input[type=submit].has-primary-color, .nf-field-container.submit-container input[type=button].has-primary-color {
  --button-text-color: var(--primary-color);
}
.button.has-secondary-color, input[type=submit].has-secondary-color, .nf-field-container.submit-container input[type=button].has-secondary-color {
  --button-text-color: var(--secondary-color);
}
.button.has-tertiary-color, input[type=submit].has-tertiary-color, .nf-field-container.submit-container input[type=button].has-tertiary-color {
  --button-text-color: var(--tertiary-color);
}
.button.has-white-color, input[type=submit].has-white-color, .nf-field-container.submit-container input[type=button].has-white-color {
  --button-text-color: white;
}
.button.is-text-color-white, header#masthead .topbar > .wrapper > .container > .right .button.is-style-outline, header#masthead .topbar > .wrapper > .container > .right .button.referer-button, input[type=submit].is-text-color-white, header#masthead .topbar > .wrapper > .container > .right input[type=submit].is-style-outline, header#masthead .topbar > .wrapper > .container > .right input[type=submit].referer-button, .nf-field-container.submit-container input[type=button].is-text-color-white, .nf-field-container.submit-container header#masthead .topbar > .wrapper > .container > .right input[type=button].is-style-outline, header#masthead .topbar > .wrapper > .container > .right .nf-field-container.submit-container input[type=button].is-style-outline, .nf-field-container.submit-container header#masthead .topbar > .wrapper > .container > .right input[type=button].referer-button, header#masthead .topbar > .wrapper > .container > .right .nf-field-container.submit-container input[type=button].referer-button {
  --button-text-color: white;
}
.button.is-style-outline, .button.referer-button, input[type=submit].is-style-outline, input[type=submit].referer-button, .nf-field-container.submit-container input[type=button].is-style-outline, .nf-field-container.submit-container input[type=button].referer-button {
  color: var(--button-text-color, white) !important;
  --button-bg-color: var(--button-bg-color, transparent);
  border: 0;
  box-shadow: inset 0px 0px 0px 2px var(--button-text-color, var(--secondary-color));
}
.button.is-style-big-button, input[type=submit].is-style-big-button, .nf-field-container.submit-container input[type=button].is-style-big-button {
  font-size: 1.125rem;
  border-radius: 40px;
  width: 270px;
  max-width: 100%;
}
.button.is-style-no-bg, input[type=submit].is-style-no-bg, .nf-field-container.submit-container input[type=button].is-style-no-bg {
  --button-bg-color: transparent !important;
  --button-text-color: var(--link-color);
  padding-left: 0;
  padding-right: 0.5em;
  --button-text-color: var(--primary-color);
}
.button.is-style-no-border, input[type=submit].is-style-no-border, .nf-field-container.submit-container input[type=button].is-style-no-border {
  --button-bg-color: transparent !important;
  padding-left: 0px !important;
  padding-right: 0.5em !important;
  padding-top: 0px !important;
  border: none;
  text-align: left;
}
@media (max-width: 767.98px) {
  .button.is-style-no-border, input[type=submit].is-style-no-border, .nf-field-container.submit-container input[type=button].is-style-no-border {
    font-size: 1.1875rem;
  }
}
.button.is-style-some, input[type=submit].is-style-some, .nf-field-container.submit-container input[type=button].is-style-some {
  background-color: var(--secondary-color) !important;
  color: white;
  padding: 11px 9px;
  font-size: 1.25rem;
  border-radius: 20px;
  width: 46px;
  height: 46px;
  margin-right: 5px;
}
.button.is-style-some:before, input[type=submit].is-style-some:before, .nf-field-container.submit-container input[type=button].is-style-some:before {
  font-size: 1.25rem !important;
}
.button[class^=mk-icon-]:before, .button[class*=" mk-icon-"]:before, input[type=submit][class^=mk-icon-]:before, input[type=submit][class*=" mk-icon-"]:before, .nf-field-container.submit-container input[type=button][class^=mk-icon-]:before, .nf-field-container.submit-container input[type=button][class*=" mk-icon-"]:before {
  margin-right: 0.5em;
  font-size: 0.9375rem;
}
.button[class^=mk-icon-right-]:after, .button[class*=" mk-icon-right-"]:after, input[type=submit][class^=mk-icon-right-]:after, input[type=submit][class*=" mk-icon-right-"]:after, .nf-field-container.submit-container input[type=button][class^=mk-icon-right-]:after, .nf-field-container.submit-container input[type=button][class*=" mk-icon-right-"]:after {
  margin-left: 0.4em;
  font-size: 1.125rem;
}

.check-list {
  list-style: none;
  padding-left: 30px;
}
.check-list li {
  position: relative;
}
.check-list li:before {
  position: absolute;
  left: -25px;
  font-family: "mk-icons";
  font-style: normal;
  font-weight: normal;
  color: var(--secondary-color);
  content: "\e83a";
}

nav.pagination, nav.woocommerce-pagination {
  text-align: center;
  font-size: 20px;
}
nav.pagination ul.page-numbers, nav.woocommerce-pagination ul.page-numbers {
  list-style-type: none;
}
nav.pagination ul.page-numbers li, nav.woocommerce-pagination ul.page-numbers li {
  display: inline-block;
}
nav.pagination span.page-numbers, nav.pagination a.page-numbers, nav.woocommerce-pagination span.page-numbers, nav.woocommerce-pagination a.page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
}
nav.pagination span.page-numbers.current, nav.pagination a.page-numbers.current, nav.woocommerce-pagination span.page-numbers.current, nav.woocommerce-pagination a.page-numbers.current {
  background-color: var(--secondary-color);
  color: #ffffff;
  border-radius: 50%;
}
nav.pagination .next, nav.pagination .prev, nav.woocommerce-pagination .next, nav.woocommerce-pagination .prev {
  width: auto;
  height: auto;
}

.relative {
  position: relative;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.hide {
  display: none;
}

.flex {
  display: flex;
}

.flex-middle {
  align-items: center;
}

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

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

.grid {
  display: grid;
}

.cf::after {
  content: "";
  clear: both;
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.margin-l-auto {
  margin-left: auto;
}

.margin-r-auto {
  margin-right: auto;
}

.height-100 {
  height: 100%;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.iframe-16-9 {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.iframe-16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@font-face {
  font-family: "mk-icons";
  src: url("../font/mk-icons.eot?87260463");
  src: url("../font/mk-icons.eot?87260463#iefix") format("embedded-opentype"), url("../font/mk-icons.woff2?87260463") format("woff2"), url("../font/mk-icons.woff?87260463") format("woff"), url("../font/mk-icons.ttf?87260463") format("truetype"), url("../font/mk-icons.svg?87260463#mk-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mk-icons';
    src: url('../font/mk-icons.svg?87260463#mk-icons') format('svg');
  }
}
*/
[class^=mk-icon-]:before, [class*=" mk-icon-"]:before,
[class^=mk-icon-right-]:after, [class*=" mk-icon-right-"]:after {
  font-family: "mk-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.mk-icon-mail:before {
  content: "\e800";
}

/* '' */
.mk-icon-right-open:before {
  content: "\e801";
}

/* '' */
.mk-icon-left-open:before {
  content: "\e802";
}

/* '' */
.mk-icon-phone:before {
  content: "\e803";
}

/* '' */
.mk-icon-tags:before {
  content: "\e804";
}

/* '' */
.mk-icon-tag:before {
  content: "\e805";
}

/* '' */
.mk-icon-up-open:before {
  content: "\e806";
}

/* '' */
.mk-icon-down-open:before {
  content: "\e807";
}

/* '' */
.mk-icon-search-light:before {
  content: "\e808";
}

/* '' */
.mk-icon-ccw:before {
  content: "\e809";
}

/* '' */
.mk-icon-folder:before {
  content: "\e80a";
}

/* '' */
.mk-icon-folder-open:before {
  content: "\e80b";
}

/* '' */
.mk-icon-calendar:before {
  content: "\e80c";
}

/* '' */
.mk-icon-link:before {
  content: "\e80d";
}

/* '' */
.mk-icon-comment:before {
  content: "\e80e";
}

/* '' */
.mk-icon-chat:before {
  content: "\e80f";
}

/* '' */
.mk-icon-clock:before {
  content: "\e810";
}

/* '' */
.mk-icon-left-big:before {
  content: "\e811";
}

/* '' */
.mk-icon-right-big:before {
  content: "\e812";
}

/* '' */
.mk-icon-facebook:before {
  content: "\e813";
}

/* '' */
.mk-icon-user-circle:before {
  content: "\e814";
}

/* '' */
.mk-icon-facebook-f:before {
  content: "\e815";
}

/* '' */
.mk-icon-facebook-messenger:before {
  content: "\e816";
}

/* '' */
.mk-icon-globe:before {
  content: "\e817";
}

/* '' */
.mk-icon-facebook-square:before {
  content: "\e818";
}

/* '' */
.mk-icon-instagram:before {
  content: "\e819";
}

/* '' */
.mk-icon-comment-alt:before {
  content: "\e81b";
}

/* '' */
.mk-icon-search:before {
  content: "\e81c";
}

/* '' */
.mk-icon-minus:before {
  content: "\e81d";
}

/* '' */
.mk-icon-lock-alt:before {
  content: "\e81e";
}

/* '' */
.mk-icon-long-arrow-alt-right:before {
  content: "\e81f";
}

/* '' */
.mk-icon-shopping-cart:before {
  content: "\e820";
}

/* '' */
.mk-icon-arrows-cw:before {
  content: "\e821";
}

/* '' */
.mk-icon-plus:before {
  content: "\e822";
}

/* '' */
.mk-icon-home-alt:before {
  content: "\e823";
}

/* '' */
.mk-icon-shopping-cart-solid:before {
  content: "\e824";
}

/* '' */
.mk-icon-user-circle-solid:before {
  content: "\e825";
}

/* '' */
.mk-icon-history-solid:before {
  content: "\e827";
}

/* '' */
.mk-icon-location:before {
  content: "\e839";
}

/* '' */
.mk-icon-check:before {
  content: "\e83a";
}

/* '' */
.mk-icon-long-arrow-up:before {
  content: "\e83c";
}

/* '' */
.mk-icon-twitter:before {
  content: "\f099";
}

/* '' */
.mk-icon-mail-alt:before {
  content: "\f0e0";
}

/* '' */
.mk-icon-linkedin:before {
  content: "\f0e1";
}

/* '' */
.mk-icon-comment-empty:before {
  content: "\f0e5";
}

/* '' */
.mk-icon-chat-empty:before {
  content: "\f0e6";
}

/* '' */
.mk-icon-angle-double-left-solid:before {
  content: "\f100";
}

/* '' */
.mk-icon-angle-double-right-solid:before {
  content: "\f101";
}

/* '' */
.mk-icon-angle-left:before {
  content: "\f104";
}

/* '' */
.mk-icon-angle-right:before {
  content: "\f105";
}

/* '' */
.mk-icon-angle-up:before {
  content: "\f106";
}

/* '' */
.mk-icon-angle-down:before {
  content: "\f107";
}

/* '' */
.mk-icon-folder-empty:before {
  content: "\f114";
}

/* '' */
.mk-icon-folder-open-empty:before {
  content: "\f115";
}

/* '' */
.mk-icon-youtube:before {
  content: "\f16a";
}

/* '' */
.mk-icon-newspaper:before {
  content: "\f1ea";
}

/* '' */
.mk-icon-pinterest:before {
  content: "\f231";
}

/* '' */
.mk-icon-whatsapp:before {
  content: "\f232";
}

/* '' */
.mk-icon-right-mail:after {
  content: "\e800";
}

/* '' */
.mk-icon-right-right-open:after {
  content: "\e801";
}

/* '' */
.mk-icon-right-left-open:after {
  content: "\e802";
}

/* '' */
.mk-icon-right-phone:after {
  content: "\e803";
}

/* '' */
.mk-icon-right-tags:after {
  content: "\e804";
}

/* '' */
.mk-icon-right-tag:after {
  content: "\e805";
}

/* '' */
.mk-icon-right-up-open:after {
  content: "\e806";
}

/* '' */
.mk-icon-right-down-open:after {
  content: "\e807";
}

/* '' */
.mk-icon-right-search-light:after {
  content: "\e808";
}

/* '' */
.mk-icon-right-ccw:after {
  content: "\e809";
}

/* '' */
.mk-icon-right-folder:after {
  content: "\e80a";
}

/* '' */
.mk-icon-right-folder-open:after {
  content: "\e80b";
}

/* '' */
.mk-icon-right-calendar:after {
  content: "\e80c";
}

/* '' */
.mk-icon-right-link:after {
  content: "\e80d";
}

/* '' */
.mk-icon-right-comment:after {
  content: "\e80e";
}

/* '' */
.mk-icon-right-chat:after {
  content: "\e80f";
}

/* '' */
.mk-icon-right-clock:after {
  content: "\e810";
}

/* '' */
.mk-icon-right-left-big:after {
  content: "\e811";
}

/* '' */
.mk-icon-right-right-big:after {
  content: "\e812";
}

/* '' */
.mk-icon-right-facebook:after {
  content: "\e813";
}

/* '' */
.mk-icon-right-user-circle:after {
  content: "\e814";
}

/* '' */
.mk-icon-right-facebook-f:after {
  content: "\e815";
}

/* '' */
.mk-icon-right-facebook-messenger:after {
  content: "\e816";
}

/* '' */
.mk-icon-right-globe:after {
  content: "\e817";
}

/* '' */
.mk-icon-right-facebook-square:after {
  content: "\e818";
}

/* '' */
.mk-icon-right-instagram:after {
  content: "\e819";
}

/* '' */
.mk-icon-right-comment-alt:after {
  content: "\e81b";
}

/* '' */
.mk-icon-right-search:after {
  content: "\e81c";
}

/* '' */
.mk-icon-right-minus:after {
  content: "\e81d";
}

/* '' */
.mk-icon-right-lock-alt:after {
  content: "\e81e";
}

/* '' */
.mk-icon-right-long-arrow-alt-right:after {
  content: "\e81f";
}

/* '' */
.mk-icon-right-shopping-cart:after {
  content: "\e820";
}

/* '' */
.mk-icon-right-arrows-cw:after {
  content: "\e821";
}

/* '' */
.mk-icon-right-plus:after {
  content: "\e822";
}

/* '' */
.mk-icon-right-home-alt:after {
  content: "\e823";
}

/* '' */
.mk-icon-right-shopping-cart-solid:after {
  content: "\e824";
}

/* '' */
.mk-icon-right-user-circle-solid:after {
  content: "\e825";
}

/* '' */
.mk-icon-right-history-solid:after {
  content: "\e827";
}

/* '' */
.mk-icon-right-location:after {
  content: "\e839";
}

/* '' */
.mk-icon-right-check:after {
  content: "\e83a";
}

/* '' */
.mk-icon-right-long-arrow-up:after {
  content: "\e83c";
}

/* '' */
.mk-icon-right-twitter:after {
  content: "\f099";
}

/* '' */
.mk-icon-right-mail-alt:after {
  content: "\f0e0";
}

/* '' */
.mk-icon-right-linkedin:after {
  content: "\f0e1";
}

/* '' */
.mk-icon-right-comment-empty:after {
  content: "\f0e5";
}

/* '' */
.mk-icon-right-chat-empty:after {
  content: "\f0e6";
}

/* '' */
.mk-icon-right-angle-double-left-solid:after {
  content: "\f100";
}

/* '' */
.mk-icon-right-angle-double-right-solid:after {
  content: "\f101";
}

/* '' */
.mk-icon-right-angle-left:after {
  content: "\f104";
}

/* '' */
.mk-icon-right-angle-right:after {
  content: "\f105";
}

/* '' */
.mk-icon-right-angle-up:after {
  content: "\f106";
}

/* '' */
.mk-icon-right-angle-down:after {
  content: "\f107";
}

/* '' */
.mk-icon-right-folder-empty:after {
  content: "\f114";
}

/* '' */
.mk-icon-right-folder-open-empty:after {
  content: "\f115";
}

/* '' */
.mk-icon-right-youtube:after {
  content: "\f16a";
}

/* '' */
.mk-icon-right-newspaper:after {
  content: "\f1ea";
}

/* '' */
.mk-icon-right-pinterest:after {
  content: "\f231";
}

/* '' */
.mk-icon-right-whatsapp:after {
  content: "\f232";
}

/* '' */
.wp-block-buttons > .is-style-sininen > a {
  background: var(--heading-color);
  color: white;
  display: inline-block;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-size: 1.18rem;
  padding: 13px 15px 10px 18px;
  position: relative;
  font-weight: bold;
  margin-top: 1rem;
}

.wp-block-buttons > .is-style-sininen > a:before {
  background: var(--heading-color);
  content: "";
  height: 100%;
  width: 60px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  right: -10px;
  top: 0px;
  transform: skew(-22deg);
}

/* Image */
.wp-block-image {
  margin-bottom: 1.5em;
}

.wp-block-image figure {
  margin-bottom: 0;
  margin-top: 0;
}

.wp-block-image figure.alignleft {
  margin-right: 1.5em;
}

.wp-block-image figure.alignright {
  margin-left: 1.5em;
}

/* Gallery */
.wp-block-gallery {
  margin-bottom: 1.5em;
}

.wp-block-gallery figcaption {
  font-style: italic;
}

.wp-block-gallery.aligncenter {
  display: flex;
  margin: 0 -8px;
}

.mk-gallery {
  padding: 20px 0;
  margin: 0 -10px;
}
.mk-gallery .mk-gallery-image img {
  margin: 0;
  display: block;
}
.mk-gallery .mk-gallery-image .image-container {
  position: relative;
}
.mk-gallery .mk-gallery-image .image-caption {
  position: absolute;
  background-color: var(--primary-color);
  bottom: 20px;
  left: 0;
  color: #ffffff;
  padding: 12px 18px;
  padding-right: 30px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 20px;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 18px) 100%, 0% 100%);
}
.mk-gallery .mk-gallery-image, .mk-gallery .grid-sizer {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.mk-gallery .mk-gallery-image.width--1 {
  width: 100%;
}
.mk-gallery .mk-gallery-image.width--2 {
  width: 100%;
}
.mk-gallery .mk-gallery-image.width--3 {
  width: 100%;
}
.mk-gallery .mk-gallery-image.width--4 {
  width: 100%;
}
.mk-gallery .grid-sizer {
  margin: 0;
}
@media (min-width: 768px) {
  .mk-gallery .mk-gallery-image, .mk-gallery .grid-sizer {
    width: 33.3333%;
  }
  .mk-gallery .mk-gallery-image.width--1 {
    width: 33.3333%;
  }
  .mk-gallery .mk-gallery-image.width--2 {
    width: 33.3333%;
  }
  .mk-gallery .mk-gallery-image.width--3 {
    width: 33.3333%;
  }
  .mk-gallery .mk-gallery-image.width--4 {
    width: 33.3333%;
  }
}

/*------------------------------------------------

    Baguettebox style overrides

    Overriding some styles to add custom
    image captions to images.

-------------------------------------------------*/
/*
#baguetteBox-overlay .full-image figure {
    position: relative;
    display: block;
}

#baguetteBox-overlay {
    #baguetteBox-slider {
        display: flex;
    }
    .full-image {
        display: flex !important;
        justify-content: center;
        align-items: center;
        min-width: 100%;
        figure {
            display: block !important;
            height: auto !important;
        }
        figcaption {
            bottom: 50px !important;
            left: 0 !important;
            max-width: 90%;
            line-height: 1.2em !important;
            background-color: var(--primary-color) !important;
            font-family: var(--primary-font) !important;
            color: #ffffff !important;
            text-align: left !important;
            width: auto !important;
            font-size: 20px;
            padding: 18px 22px;
            padding-right: 35px;
            font-weight: 400;
            clip-path: polygon(
                0% 0%,
                100% 0%,
                calc(100% - 18px) 100%,
                0% 100%
            );
        }
        img {
            display: block !important;
            max-width: 100vw !important;
            max-height: 100vh !important;
        }
    }
}
*/
*, *::after, *::before {
  box-sizing: border-box;
}

body {
  background-color: var(--body-color);
}

img {
  max-width: 100%;
  height: auto;
}

.wrapper {
  --wrapper-width: var(--wrapper-width-normal);
  --wrapper-padding: 20px;
  max-width: calc(var(--wrapper-width) + var(--wrapper-padding) * 2);
  padding: 0 var(--wrapper-padding);
  margin: 0 auto;
}
@media (min-width: 480px) {
  .wrapper {
    --wrapper-padding: 30px;
  }
}
@media (min-width: 768px) {
  .wrapper {
    --wrapper-padding: 50px;
  }
}
@media (min-width: 1024px) {
  .wrapper {
    --wrapper-padding: 70px;
  }
}
@media (min-width: 1280px) {
  .wrapper {
    --wrapper-padding: 100px;
  }
}
@media (min-width: 1360px) {
  .wrapper {
    --wrapper-padding: 140px;
  }
}
.wrapper:not(.overflowing) {
  overflow: hidden;
}
.wrapper.no-padding {
  --wrapper-padding: 0px;
}
.wrapper.narrow {
  --wrapper-width: var(--wrapper-width-narrow);
}
.wrapper.wide {
  --wrapper-width: var(--wrapper-width-wide);
}

/* #page {
    overflow: hidden;
} */
#page {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 100vh;
}
@media (min-width: 1921px) {
  #page {
    background-size: 2560px;
  }
}
@media (max-width: 1023.98px) {
  #page {
    background-size: 190%;
  }
}
@media (max-width: 767.98px) {
  #page {
    background-size: 200%;
  }
}
@media (max-width: 479.98px) {
  #page {
    background-size: 300%;
  }
}

iframe {
  margin: 20px 0px;
}

.iframe-16-9 {
  margin: 0px 0px 30px 0px;
}
.iframe-16-9 iframe {
  margin: 0px;
}

body:not(.home) .hero {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  align-content: center;
}
@media (min-width: 1280px) {
  body:not(.home) .hero {
    --wrapper-padding: 0px;
    align-items: center;
    justify-content: center;
  }
}
body:not(.home) .hero h1, body:not(.home) .hero .h1 {
  margin-top: 1.4em !important;
}
body:not(.home) .hero > img {
  z-index: 1;
  display: block;
}
body:not(.home) .hero .hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
body:not(.home) header#masthead {
  align-items: stretch;
  align-content: center;
}
@media (max-width: 1023.98px) {
  body:not(.home) header#masthead .hero .content .hero-text h1 {
    font-size: 2.9375rem;
    line-height: 2.8125rem;
  }
}
@media (max-width: 767.98px) {
  body:not(.home) header#masthead .hero .content .hero-text h1 {
    font-size: 2.3125rem;
    line-height: 2.1875rem;
  }
}
body:not(.home) footer#mastfoot {
  margin-top: 0px;
}

header#masthead {
  display: flex;
  flex-direction: column;
  min-height: 520px;
  max-width: 2560px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 1921px) {
  header#masthead {
    width: 2560;
    min-height: 580px;
  }
}
@media (max-width: 1359.98px) {
  header#masthead {
    min-height: 480px;
  }
}
@media (max-width: 1279.98px) {
  header#masthead {
    min-height: 400px;
  }
}
@media (max-width: 1023.98px) {
  header#masthead {
    min-height: 380px;
  }
}
@media (max-width: 767.98px) {
  header#masthead {
    min-height: 325px;
  }
}
@media (max-width: 479.98px) {
  header#masthead {
    min-height: 310px;
  }
}
@media (max-width: 1023.98px) {
  header#masthead .hero .content {
    --wrapper-width: 480;
  }
}
@media (max-width: 479.98px) {
  header#masthead .hero .content {
    --wrapper-width: 320px;
  }
}
header#masthead .hero .content .hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
header#masthead .hero .content .hero-text h1, header#masthead .hero .content .hero-text h2, header#masthead .hero .content .hero-text h3, header#masthead .hero .content .hero-text h4, header#masthead .hero .content .hero-text h5, header#masthead .hero .content .hero-text h6 {
  text-align: center;
  margin-top: 0px;
}
header#masthead .hero .content .hero-text h1 {
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  header#masthead .hero .content .hero-text {
    max-width: 500px;
    margin: 0 auto;
  }
  header#masthead .hero .content .hero-text p:first-of-type {
    margin-top: 0px;
  }
}
header#masthead .topbar {
  position: relative;
}
header#masthead .topbar > .wrapper {
  --wrapper-width: 1920px;
  --wrapper-padding: 55px;
}
@media (max-width: 479.98px) {
  header#masthead .topbar > .wrapper {
    --wrapper-padding: 15px;
  }
}
header#masthead .topbar > .wrapper > .container {
  display: flex;
  flex-wrap: wrap;
  --topbar-height: 215px;
  height: var(--topbar-height);
}
@media (min-width: 768px) {
  header#masthead .topbar > .wrapper > .container {
    --topbar-height: 280px;
  }
}
@media (min-width: 1024px) {
  header#masthead .topbar > .wrapper > .container {
    --topbar-height: 345px;
  }
}
@media (min-width: 1921px) {
  header#masthead .topbar > .wrapper > .container {
    --topbar-height: 460px;
  }
}
header#masthead .topbar > .wrapper > .container > .left {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0px;
}
@media (min-width: 1600px) {
  header#masthead .topbar > .wrapper > .container > .left {
    margin-bottom: 38px;
    align-items: flex-end;
  }
}
header#masthead .topbar > .wrapper > .container > .right {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1279.98px) {
  header#masthead .topbar > .wrapper > .container > .right {
    margin-top: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 1600px) {
  header#masthead .topbar > .wrapper > .container > .right {
    flex-direction: column;
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  header#masthead .topbar > .wrapper > .container > .right {
    margin-right: 0px;
  }
}
@media (max-width: 767.98px) {
  header#masthead .topbar > .wrapper > .container > .right {
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  header#masthead .topbar > .wrapper > .container > .right {
    align-items: flex-start;
  }
}
@media (min-width: 1600px) {
  header#masthead .topbar > .wrapper > .container > .right {
    align-items: flex-end;
  }
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  header#masthead .topbar > .wrapper > .container > .right .header-top-container {
    margin-top: 25px;
  }
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container > div:not(:last-child) {
  margin-right: 22px;
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container .header-some {
  margin-top: -7px;
  display: flex;
  gap: 1px;
}
@media (max-width: 1279.98px) {
  header#masthead .topbar > .wrapper > .container > .right .header-top-container .header-some {
    display: none;
  }
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container .header-some div a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
  font-size: 1.3125rem;
  font-weight: 400;
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container .header-some div i {
  line-height: 1em;
  margin-top: 1px;
}
header#masthead .topbar > .wrapper > .container > .right .header-top-container .header-some div i::before {
  margin: 0 0.2em;
}
header#masthead #header-navigation {
  margin-top: -8px;
}
@media (max-width: 1599.98px) {
  header#masthead #header-navigation {
    display: none;
  }
}
header#masthead #header-navigation ul.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--primary-font);
}
header#masthead #header-navigation ul.menu li {
  display: block;
  position: relative;
}
header#masthead #header-navigation ul.menu > li > a {
  font-weight: 400;
  font-size: 1.125rem;
  padding: 12px 0 30px 0;
  display: flex;
  letter-spacing: 0.028125rem;
}
header#masthead #header-navigation ul.menu > li:not(:last-of-type) {
  margin-right: 19px;
}
header#masthead #header-navigation ul.menu > li > ul.sub-menu {
  left: -30px;
  top: calc(100% - 2px);
  margin-top: 0;
  transform: translateY(-5px);
  z-index: 10;
}
header#masthead #header-navigation ul.menu > li.menu-item-has-children > a::after {
  content: "\f107";
  font-family: "mk-icons";
  font-style: normal;
  font-weight: normal;
  margin-left: 7px;
  margin-top: 3px;
  margin-bottom: -3px;
  font-size: 16px;
}
header#masthead #header-navigation ul.menu ul.sub-menu {
  top: 0;
  left: calc(100% - 18px);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  opacity: 0;
  transform: translateX(-5px);
  pointer-events: none;
  background-color: var(--subnav-bg);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 2;
  margin: 0;
  margin-top: -15px;
  list-style-type: none;
  padding: 25px 0;
  min-width: 320px;
}
header#masthead #header-navigation ul.menu ul.sub-menu li {
  padding: 5px 30px;
  padding-right: 45px;
}
header#masthead #header-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after {
  content: "\f105";
  font-family: "mk-icons";
  font-style: normal;
  font-weight: normal;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
header#masthead #header-navigation ul.menu ul.sub-menu a {
  display: block;
  border-bottom: none !important;
  text-transform: none;
  font-weight: 400 !important;
}
header#masthead #header-navigation ul.menu li:hover > ul.sub-menu, header#masthead #header-navigation ul.menu li:focus-within > ul.sub-menu {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}
header#masthead #header-navigation ul.menu a {
  color: white;
}
header#masthead #header-navigation ul.menu li.current-menu-item > a, header#masthead #header-navigation ul.menu li.current-page-ancestor > a, header#masthead #header-navigation ul.menu li.current_page_parent > a {
  color: var(--main-menu-text-active-color);
  border-bottom: 4px solid var(--secondary-color);
  font-weight: 700;
}

.single-post header#masthead {
  min-height: 515px;
}
@media (min-width: 1921px) {
  .single-post header#masthead {
    width: 2560;
    min-height: 700px;
  }
}
@media (max-width: 1359.98px) {
  .single-post header#masthead {
    min-height: 538px;
  }
}
@media (max-width: 1279.98px) {
  .single-post header#masthead {
    min-height: 385px;
  }
}
@media (max-width: 767.98px) {
  .single-post header#masthead {
    min-height: 290px;
  }
}
@media (max-width: 479.98px) {
  .single-post header#masthead {
    min-height: 250px;
  }
}
.single-post .entry-meta {
  margin-bottom: 10px;
}
.single-post .entry-meta a {
  color: var(--default-text-color);
  font-weight: 400;
}

#secondary h2 {
  margin-bottom: 1.27em;
  --heading-color: var(--primary-color);
}
#secondary ol {
  padding-left: 1.5em;
}
#secondary ol li {
  padding-left: 10px;
}
#secondary ol li::marker {
  font-family: var(--secondary-font);
  color: var(--primary-color);
}

.entry-meta > span:not(:last-child) {
  margin-right: 0.3em;
}
.entry-meta > span:not(:last-child)::after {
  margin-left: 0.4em;
  content: "|";
}

.breadcrumbs {
  font-size: 1.0625rem;
  margin-bottom: 1em;
}
.breadcrumbs a {
  font-weight: 700;
  text-transform: uppercase;
}
.breadcrumbs i::before {
  margin: 0 0.1em;
}

.wspace-nowrap {
  white-space: nowrap;
}

.wspace-wrap {
  white-space: normal;
}

footer#mastfoot {
  background-color: var(--footer-bg-color);
  margin-top: 0px;
  padding-bottom: 60px;
  font-weight: 300;
}
@media (min-width: 1280px) {
  footer#mastfoot {
    padding-top: 73px;
  }
}
@media (max-width: 1279.98px) {
  footer#mastfoot {
    padding-top: 56px;
    padding-bottom: 15px;
  }
}
footer#mastfoot a {
  color: var(--secondary-color);
  font-weight: inherit;
}
footer#mastfoot .widget-sc {
  margin-top: 5px;
}
footer#mastfoot .widget-sc[class^=some-icons], footer#mastfoot .widget-sc[class*=" some-icons"] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
footer#mastfoot .widget-sc[class^=some-icons] a, footer#mastfoot .widget-sc[class*=" some-icons"] a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-color);
  color: white;
  width: unset;
  height: unset;
  font-size: 1.3125rem;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  font-weight: 400;
}
footer#mastfoot .widget-sc[class^=some-icons] i, footer#mastfoot .widget-sc[class*=" some-icons"] i {
  line-height: 1em;
  margin-top: -1px;
}
footer#mastfoot .wrapper > .footer-top {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1279.98px) {
  footer#mastfoot .wrapper > .footer-top {
    gap: 35px;
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  footer#mastfoot .wrapper > .footer-top {
    gap: 10px;
  }
}
@media (min-width: 1280px) {
  footer#mastfoot .wrapper > .footer-top {
    flex-direction: row;
  }
}
footer#mastfoot .wrapper > .footer-top .footer-content-left {
  display: flex;
  flex-direction: column;
  max-width: 430px;
}
footer#mastfoot .wrapper > .footer-top .footer-content-left img, footer#mastfoot .wrapper > .footer-top .footer-content-left picture {
  width: 100%;
  max-width: 370px !important;
}
footer#mastfoot .wrapper > .footer-top .footer-content-left h2, footer#mastfoot .wrapper > .footer-top .footer-content-left .h2 {
  font-size: 1.625rem;
  line-height: 1.6875rem;
}
@media (max-width: 767.98px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-left h2, footer#mastfoot .wrapper > .footer-top .footer-content-left .h2 {
    font-size: 1.4375rem;
    line-height: 1.5625rem;
  }
}
footer#mastfoot .wrapper > .footer-top .footer-content-left h1, footer#mastfoot .wrapper > .footer-top .footer-content-left .h1 {
  font-weight: 800 !important;
  font-size: 1.875rem;
  letter-spacing: 0px;
}
@media (max-width: 767.98px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-left h1, footer#mastfoot .wrapper > .footer-top .footer-content-left .h1 {
    font-size: 1.4375rem;
  }
}
footer#mastfoot .wrapper > .footer-top .footer-content-left h1::before, footer#mastfoot .wrapper > .footer-top .footer-content-left .h1::before {
  margin-right: 13px;
  margin-left: 0px;
}
footer#mastfoot .wrapper > .footer-top .footer-content-right {
  display: flex;
  gap: 10px;
}
@media (max-width: 1279.98px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right {
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right {
    flex-direction: column;
  }
}
@media (min-width: 1280px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right > div {
    max-width: 420px;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right {
    margin-right: 55px;
    gap: 33px;
    flex-direction: row;
    margin-left: auto;
    text-align: left;
  }
}
@media (min-width: 1280px) and (max-width: 1599.98px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right {
    margin-right: 46px;
  }
}
@media (min-width: 1280px) {
  footer#mastfoot .wrapper > .footer-top .footer-content-right > div {
    margin: unset;
    max-width: 280px;
    min-width: 190px;
  }
}
footer#mastfoot .wrapper > .footer-top .footer-content-right ul {
  list-style: none;
  margin-left: 0px;
  padding: 0px;
  line-height: 1.4375rem;
}
footer#mastfoot .wrapper > .footer-top .footer-content-right ul li .mk-icon-location::before {
  margin-right: 5px;
}
footer#mastfoot .wrapper > .footer-top .footer-content-right ul li a::before {
  margin-left: 0px;
  margin-right: 8px;
}
footer#mastfoot .wrapper > .footer-top .footer-content-right h2 {
  --heading-color: var(--secondary-color);
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 1.1875rem;
}
footer#mastfoot .wrapper > .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1rem;
  margin-top: 52px;
  padding-top: 13px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1279.98px) {
  footer#mastfoot .wrapper > .footer-bottom {
    margin: 20px auto;
    display: block;
  }
}
@media (max-width: 1279.98px) {
  footer#mastfoot .wrapper > .footer-bottom {
    padding-top: 27px;
  }
}
footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap {
  display: flex;
  margin-left: auto;
}
footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap .mk-logo {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 25px;
}
footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap .mk-logo a {
  display: block;
}
footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap .mk-logo img {
  width: 169px;
  display: block;
}
footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap .back-to-top a {
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.05);
  width: 45px;
  height: 45px;
  color: var(--secondary-color) !important;
}
@media (max-width: 1279.98px) {
  footer#mastfoot .wrapper > .footer-bottom .footer-logo-wrap .back-to-top {
    margin-left: auto;
  }
}
footer#mastfoot .footer-bottom-text {
  margin-top: 6px;
}
@media (max-width: 1279.98px) {
  footer#mastfoot .footer-bottom-text {
    margin-bottom: 20px;
  }
}
footer#mastfoot .footer-bottom-text a {
  color: inherit;
}
footer#mastfoot .footer-bottom-text .footer-privacy-container {
  margin: 20px 0;
}
@media (min-width: 1280px) {
  footer#mastfoot .footer-bottom-text .footer-privacy-container {
    margin: 0;
  }
}
footer#mastfoot .footer-bottom-text .textwidget ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer#mastfoot .footer-bottom-text .textwidget ul li:not(:first-child) {
  margin-left: 0.4375rem;
}
footer#mastfoot .footer-bottom-text .textwidget ul li::before {
  margin-right: 0.4375rem;
  content: "|";
}
@media (max-width: 1023.98px) {
  footer#mastfoot .footer-bottom-text .textwidget ul li:first-child {
    display: block;
  }
  footer#mastfoot .footer-bottom-text .textwidget ul li:nth-child(2) {
    margin-left: 0px !important;
  }
  footer#mastfoot .footer-bottom-text .textwidget ul li:nth-child(2)::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  footer#mastfoot .footer-bottom-text .textwidget ul li {
    display: block;
    margin-left: 0px !important;
  }
}
@media (min-width: 1280px) {
  footer#mastfoot .footer-bottom-text {
    display: flex;
  }
  footer#mastfoot .footer-bottom-text .textwidget ul {
    display: flex;
  }
}
footer#mastfoot .copyright ul {
  margin: 0;
  padding: 0;
}
footer#mastfoot .copyright ul li:first-of-type:before {
  display: none;
}
footer#mastfoot .copyright ul li {
  display: inline-block;
}
@media (max-width: 767.98px) {
  footer#mastfoot .copyright ul li {
    margin-right: 0px;
    display: block;
  }
}
footer#mastfoot .copyright ul li:before {
  margin-right: 15px;
  content: "|";
}
@media (max-width: 767.98px) {
  footer#mastfoot .copyright ul li:before {
    display: none;
  }
}
footer#mastfoot .copyright a {
  font-weight: 400;
}

.referer-button {
  margin-top: 1em;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=number],
select,
textarea {
  padding: 12px;
  border: 1px solid #cccccc;
  max-width: 100%;
  border-radius: 5px;
  transition: box-shadow 0.1s ease-out;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  box-shadow: inset var(--secondary-color) 0 0 0 1px;
}

select {
  padding: 5px 12px;
  padding-right: 1.5em;
}

input[type=number] {
  padding: 5px 15px;
}

button:focus, input:focus {
  outline: 0px transparent !important;
}

form.search-form, form.woocommerce-product-search {
  position: relative;
  height: 54px;
  width: 285px;
  max-width: 100%;
}
form.search-form input.search-field, form.woocommerce-product-search input.search-field {
  padding: 10px 25px;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 300;
  color: #383437;
  border: 0;
  border-radius: 4em;
  padding-right: 48px;
  border: 2px solid var(--secondary-color);
}
form.search-form input.search-field:focus, form.woocommerce-product-search input.search-field:focus {
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
}
form.search-form button.search-submit, form.woocommerce-product-search button.search-submit {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 54px;
  border: none;
  background-color: transparent;
  color: #3a3a3a;
  border-radius: 4em;
  font-size: 18px;
  cursor: pointer;
}
form.search-form button.search-submit:hover, form.woocommerce-product-search button.search-submit:hover {
  opacity: 0.8;
}

@media (min-width: 1024px) {
  .content-grid {
    display: grid;
    grid-template-columns: clamp(270px, 25vw, 330px) 1fr;
    column-gap: 70px;
    grid-template-areas: "sidebar main";
  }
}

#main {
  grid-area: main;
}
#main h1, #main .h1 {
  position: relative;
  margin-bottom: 0.96em;
}
@media (max-width: 1023.98px) {
  #main h1, #main .h1 {
    margin-bottom: 1.2em;
  }
}
#main h1::after, #main .h1::after {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 1.875rem;
  content: "";
  width: 114px;
  height: 5px;
  background-color: var(--secondary-color);
  border-radius: 3px;
}
#main .text-center h1::after, #main .text-center .h1::after, #main .text-center h1.text-center::after, #main .text-center .h1.text-center::after {
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 479.98px) {
  .home .wrapper {
    --wrapper-padding: 25px;
  }
}
.home .main-container {
  position: relative;
}
.home .main-container a {
  color: var(--secondary-color);
}
.home .main-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.home #main {
  font-family: var(--secondary-font);
  padding-bottom: 50px;
  color: var(--secondary-color);
  max-width: 660px;
  font-size: 1.875rem;
  margin: 0 auto;
}
@media (max-width: 1023.98px) {
  .home #main {
    padding-bottom: 33px;
  }
}
.home #masthead {
  background-size: cover;
  min-height: unset;
}
.home #masthead .hero {
  width: 100%;
  margin: 55px auto 0 auto;
}
@media screen and (max-width: 479.98px) and (max-width: 380px) {
  .home #masthead .hero {
    margin-top: 0px;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .home #masthead .hero {
    margin-top: 70px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767.98px) and (max-width: 580px) {
  .home #masthead .hero {
    margin-top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) and (min-width: 881px) {
  .home #masthead .hero {
    margin-top: 90px;
  }
}
.home #masthead .hero .content {
  display: flex;
  gap: 34px;
  --wrapper-width: 930px;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .home #masthead .hero .content {
    gap: 24px;
  }
}
.home #masthead .hero .content .hero-logo {
  display: flex;
  justify-content: center;
}
@media (max-width: 1279.98px) {
  .home #masthead .hero .content .hero-logo img {
    width: auto;
    height: 176px;
    max-width: 100%;
  }
}
@media (max-width: 1023.98px) {
  .home #masthead .hero .content .hero-logo img {
    height: 159px;
  }
}
@media (max-width: 767.98px) {
  .home #masthead .hero .content .hero-logo img {
    height: 116px;
  }
}
.home #masthead .hero .content .hero-text {
  margin: 0px auto;
}
.home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
  --min-font-size: 3.125rem;
  --max-font-size: 5.3125rem;
  --line-height: 0.8823529412em;
  margin-bottom: 29px;
}
@media (min-width: 768px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    --min-font-size: 4.3125rem;
  }
}
@media (min-width: 1024px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    --min-font-size: 4.78125rem;
  }
}
@media (min-width: 1280px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    --min-font-size: 5.3125rem;
  }
}
@media (max-width: 1023.98px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    margin-bottom: 25px;
  }
}
@media (max-width: 767.98px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    margin-bottom: 22px;
  }
}
@media (max-width: 479.98px) {
  .home #masthead .hero .content .hero-text h1, .home #masthead .hero .content .hero-text .h1 {
    --min-font-size: 1.875rem;
    --max-font-size: 1.875rem;
    --line-height: 1em;
    margin-bottom: 15px;
  }
}
.home #masthead .hero .content .hero-text h2 {
  --heading-color: var(--secondary-color);
  max-width: 590px;
  --min-font-size: 1.33125rem;
  --max-font-size: 2.25rem;
  --line-height: 1.1388888889em;
}
@media (max-width: 1279.98px) {
  .home #masthead .hero .content .hero-text h2 {
    --max-font-size: 2.03125rem;
    max-width: 505px;
  }
}
@media (max-width: 1023.98px) {
  .home #masthead .hero .content .hero-text h2 {
    --max-font-size: 1.825rem;
    max-width: 465px;
  }
}
@media (max-width: 767.98px) {
  .home #masthead .hero .content .hero-text h2 {
    --max-font-size: 1.33125rem;
    max-width: 340px;
  }
}
@media (max-width: 479.98px) {
  .home #masthead .hero .content .hero-text h2 {
    --min-font-size: 1.25rem;
    --max-font-size: 1.25rem;
  }
}
.home #masthead .hero .content .hero-text :last-child {
  margin-bottom: 0px;
}
.home .split-boxes p {
  margin: 1.95em 0;
}

.show-to-l {
  display: none;
}
@media (max-width: 1279.98px) {
  .show-to-l {
    display: block;
  }
}

.show-to-xxl {
  display: none;
}
@media (min-width: 1280px) {
  .show-to-xxl {
    display: block;
  }
}

.show-from-xl {
  display: none !important;
}
@media (min-width: 1280px) {
  .show-from-xl {
    display: block !important;
  }
}

.blog main article {
  margin-bottom: 40px;
}

.split-boxes .wrapper {
  --wrapper-width: 1180px;
  --wrapper-padding: 0px !important;
  overflow: visible;
}
.split-boxes p + h2 {
  margin-top: 0px;
}

.boxes {
  margin: 0 auto;
  margin-bottom: 20px;
  display: grid;
  grid-template-rows: 1fr;
  max-width: 1260px;
  --box-gap: 80px;
  --text-padding: 45px;
  row-gap: var(--box-gap);
}
@media (min-width: 1280px) {
  .boxes {
    align-items: center;
  }
}
@media (min-width: 1360px) {
  .boxes {
    --text-padding: 65px;
  }
}
@media (max-width: 1599.98px) {
  .boxes {
    --box-gap: 50px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .boxes {
    grid-template-columns: 1fr 1fr;
    gap: 26px;
  }
}
@media (max-width: 1023.98px) {
  .boxes {
    --box-gap: 0px;
    grid-auto-rows: auto;
    --text-padding: 25px;
  }
}
@media (max-width: 767.98px) {
  .boxes {
    --text-padding: 0px;
  }
}
.boxes .boxes-wrapper {
  --grid-row-height: 1fr;
  --wrapper-padding: 0px;
  display: grid;
  grid-template-columns: 1fr 660px;
  grid-template-rows: 1fr;
  margin: 0px;
  padding: 0px;
  transition: box-shadow 0.1s linear;
  column-gap: 65px;
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper {
    grid-template-columns: 680px 1fr;
    grid-template-areas: "image text";
  }
}
@media (min-width: 1280px) and (max-width: 1599.98px) {
  .boxes .boxes-wrapper {
    grid-template-columns: 630px 1fr;
  }
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper .box-text {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1280px) and (max-width: 1023.98px) {
  .boxes .boxes-wrapper .box-text {
    padding: 0px var(--text-padding) 0 50px;
  }
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper:nth-child(odd) {
    grid-template-areas: "text image";
    grid-template-columns: 1fr 680px;
  }
}
@media (min-width: 1280px) and (max-width: 1599.98px) {
  .boxes .boxes-wrapper:nth-child(odd) {
    grid-template-columns: 1fr 630px;
  }
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper:nth-child(odd) .box-text {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1280px) and (max-width: 1023.98px) {
  .boxes .boxes-wrapper:nth-child(odd) .box-text {
    padding: 0px var(--text-padding);
  }
}
@media (max-width: 1279.98px) {
  .boxes .boxes-wrapper {
    row-gap: 25px;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "image" "text";
  }
}
@media (max-width: 1023.98px) {
  .boxes .boxes-wrapper {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "image" "text";
  }
}
.boxes .boxes-wrapper .box-text {
  grid-area: text;
  display: flex;
  min-width: 0;
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper .box-text {
    align-items: center;
  }
}
@media (max-width: 1023.98px) {
  .boxes .boxes-wrapper .box-text {
    padding: 0px var(--text-padding);
  }
}
.boxes .boxes-wrapper .box-text .entry-content p:first-child {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .boxes .boxes-wrapper .box-text .text {
    max-width: 430px;
  }
}
.boxes .boxes-wrapper .box-text .text p:first-of-type {
  margin-top: 10px;
}
.boxes .boxes-wrapper .box-text .text .button {
  margin-top: 0px;
}
@media (max-width: 1279.98px) {
  .boxes .boxes-wrapper .box-text .text h2 {
    --max-font-size: 2.1875rem;
  }
}
.boxes .boxes-wrapper .box-image {
  grid-area: image;
  position: relative;
  min-height: 485px;
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1599.98px) {
  .boxes .boxes-wrapper .box-image {
    min-height: 450px;
  }
}
@media (max-width: 1279.98px) {
  .boxes .boxes-wrapper .box-image {
    min-height: unset;
  }
}
.boxes .boxes-wrapper .box-image .image-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper .box-image .image-wrap {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
.boxes .boxes-wrapper .box-image .image-wrap .container {
  width: 100%;
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper .box-image .image-wrap .container {
    height: 100%;
  }
}
.boxes .boxes-wrapper .box-image .image-wrap .container img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center center;
}
@media (min-width: 1280px) {
  .boxes .boxes-wrapper .box-image .image-wrap .container img {
    max-height: 550px;
  }
}
@media (max-width: 1023.98px) {
  .boxes .boxes-wrapper .box-image {
    width: 100%;
    padding: 25px;
  }
}
@media (max-width: 767.98px) {
  .boxes .boxes-wrapper .box-image {
    padding: var(--text-padding) 0px;
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .boxes .boxes-wrapper:first-child .box-image {
    margin-top: 0px;
  }
}

.second-content {
  margin-top: 30px;
  --wrapper-padding: 0px;
}
@media (min-width: 1024px) {
  .second-content {
    margin-top: 70px;
  }
}
.second-content > .wrapper {
  --wrapper-padding: 0px !important;
}
@media (min-width: 1024px) {
  .second-content .title-content {
    text-align: center;
    margin-bottom: 40px;
  }
}
.second-content .title-content .h1, .second-content .title-content h1 {
  margin: 0px;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .second-content .title-content .h1, .second-content .title-content h1 {
    font-size: 5.6875rem;
    line-height: 5.6875rem;
    margin-bottom: 1.625rem;
  }
}
@media (min-width: 480px) {
  .second-content .title-content .h1, .second-content .title-content h1 {
    font-size: 4.4375rem;
    line-height: 4.4375rem;
  }
}
.second-content .title-content .h1 strong, .second-content .title-content h1 strong {
  color: var(--secondary-color);
}
.second-content .title-content .h2 {
  font-weight: 400;
  color: white;
}
@media (max-width: 1023.98px) {
  .second-content .title-content .h2 {
    font-size: 2.9375rem;
    line-height: 2.8125rem;
  }
}
@media (max-width: 767.98px) {
  .second-content .title-content .h2 {
    font-size: 2.3125rem;
    line-height: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .second-content .content {
    text-align: left;
    max-width: 780px;
    margin: 0 auto;
    columns: 2;
    column-gap: 30px;
  }
  .second-content .content p:first-child {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .archive-grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 2), 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .archive-grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 3), 1fr);
    gap: 30px;
  }
}

.news-list.sc {
  list-style: none;
  padding: 0px;
  margin-bottom: 30px;
}
.news-list.sc li:not(first-child) {
  margin-top: 30px;
}

.text-center .widget-sc {
  margin: 0 auto;
}
.text-center .widget-sc ul {
  justify-content: center;
}
.text-center [class^=some-icons], .text-center [class*=" some-icons"] {
  justify-content: center;
}

@media (min-width: 1024px) {
  .second-content .widget-sc {
    margin: 0 auto;
  }
  .second-content .widget-sc ul {
    justify-content: center;
  }
  .second-content [class^=some-icons], .second-content [class*=" some-icons"] {
    justify-content: center;
  }
}

.text-center .widget-sc {
  justify-content: center;
}

.widget-sc.centered {
  justify-content: center;
}
.widget-sc ul {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  gap: 15px;
}
.widget-sc ul li::before {
  display: none;
}
.widget-sc ul li a {
  color: var(--default-text-color);
}
.widget-sc[class^=some-icons], .widget-sc[class*=" some-icons"] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.widget-sc[class^=some-icons] a, .widget-sc[class*=" some-icons"] a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-color);
  color: var(--primary-color);
  width: 30px;
  height: 30px;
  font-size: 0.91875rem;
  border-radius: 50%;
  font-weight: 400;
}
.widget-sc[class^=some-icons] i, .widget-sc[class*=" some-icons"] i {
  line-height: 1em;
  margin-top: 1px;
}

.archive #primary {
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .archive #primary {
    margin-top: 60px;
  }
}

@media (min-width: 1024px) {
  .fp-split-wrapper {
    margin-top: 0px;
  }
}
.fp-split-wrapper .split-boxes:not(:first-child) {
  margin-top: 100px !important;
}
@media (max-width: 1023.98px) {
  .fp-split-wrapper .split-boxes:not(:first-child) {
    margin-top: 80px !important;
  }
}
@media (max-width: 479.98px) {
  .fp-split-wrapper .h1 {
    font-size: 2.1875rem;
  }
}

.pre-footer {
  background-color: var(--primary-color);
  margin-top: 75px;
}
@media (min-width: 1921px) {
  .pre-footer {
    background-size: cover;
  }
}
@media (max-width: 1599.98px) {
  .pre-footer {
    margin-top: 65px;
  }
}
@media (max-width: 1279.98px) {
  .pre-footer {
    margin-top: 27px;
    background-size: 1600px;
  }
}
.pre-footer > .wrapper {
  display: flex;
}
@media (max-width: 1023.98px) {
  .pre-footer > .wrapper {
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 0px;
    padding-top: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .pre-footer > .wrapper {
    gap: 20px;
  }
}
@media (min-width: 1280px) {
  .pre-footer > .wrapper {
    gap: 25px;
  }
}
@media (max-width: 479.98px) {
  .pre-footer > .wrapper {
    --wrapper-padding: 0px;
  }
}
.pre-footer > .wrapper > div {
  color: white;
  max-width: 600px;
}
@media (max-width: 767.98px) {
  .pre-footer > .wrapper > div {
    max-width: 360px;
  }
}
.pre-footer > .wrapper > div h1, .pre-footer > .wrapper > div h2, .pre-footer > .wrapper > div h3, .pre-footer > .wrapper > div .h1, .pre-footer > .wrapper > div .h2, .pre-footer > .wrapper > div .h3 {
  color: white;
}
.pre-footer > .wrapper > div h1, .pre-footer > .wrapper > div .h1 {
  --max-font-size: 3.5625rem;
  letter-spacing: -1px;
}
@media (max-width: 767.98px) {
  .pre-footer > .wrapper > div h1, .pre-footer > .wrapper > div .h1 {
    font-size: 2.3125rem;
  }
}
.pre-footer > .wrapper > div ul {
  list-style: none;
  padding: 0px;
  margin: 40px 0px 30px 0px;
}
@media (max-width: 1279.98px) {
  .pre-footer > .wrapper > div ul {
    margin: 26px 0px 30px 0px;
  }
}
.pre-footer > .wrapper > div ul li {
  font-size: 1.75rem;
  letter-spacing: -0.4px;
  padding: 4px 0px;
}
@media (max-width: 767.98px) {
  .pre-footer > .wrapper > div ul li {
    font-size: 1.28125rem;
  }
}
.pre-footer > .wrapper > div ul li a::after, .pre-footer > .wrapper > div ul li a::before {
  color: var(--secondary-color);
}
@media (min-width: 768px) {
  .pre-footer > .wrapper > div .button {
    font-size: 1.25rem;
    padding: 0.71875rem 1.84375rem 0.96875rem 1.84375rem;
  }
}
.pre-footer > .wrapper > div p + p {
  margin-top: 2rem;
}
.pre-footer > .wrapper > div img, .pre-footer > .wrapper > div picture {
  display: block;
}
@media (max-width: 1023.98px) {
  .pre-footer > .wrapper > div {
    justify-content: center;
  }
}
.pre-footer > .wrapper > div.image img, .pre-footer > .wrapper > div.image picture {
  object-fit: cover;
  object-position: left bottom;
  width: auto;
  min-height: 385px;
}
@media (min-width: 1024px) {
  .pre-footer > .wrapper > div.image img, .pre-footer > .wrapper > div.image picture {
    height: 100%;
    min-width: 385px;
    max-height: 450px;
  }
}
@media (min-width: 1280px) {
  .pre-footer > .wrapper > div.image img, .pre-footer > .wrapper > div.image picture {
    min-width: 470px;
    max-height: 550px;
  }
}
.pre-footer > .wrapper > div.text {
  padding: 50px 0px;
  display: flex;
  align-items: center;
  align-content: center;
}
@media (min-width: 1280px) {
  .pre-footer > .wrapper > div.text {
    min-height: 550px;
    max-width: 580px;
  }
}
@media (min-width: 480px) and (max-width: 1023.98px) {
  .pre-footer > .wrapper > div.text {
    text-align: center;
  }
}
@media (max-width: 479.98px) {
  .pre-footer > .wrapper > div.text {
    padding: 25px;
  }
}
.pre-footer > .wrapper > div.text > div :last-child {
  margin-bottom: 0px;
}
.pre-footer > .wrapper > div.text > div :last-child.is-style-no-border {
  padding-bottom: 0px;
}

.pre-footer-wrapper {
  background-image: url("../img/footer-top-bg.jpg");
  background-position: center center;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 105px;
}
@media (min-width: 1921px) {
  .pre-footer-wrapper {
    background-size: cover;
  }
}
@media (max-width: 1279.98px) {
  .pre-footer-wrapper {
    background-size: cover;
  }
}
@media (max-width: 1023.98px) {
  .pre-footer-wrapper {
    padding-top: 53px;
    padding-bottom: 53px;
    margin-top: 25px;
  }
}
@media (max-width: 767.98px) {
  .pre-footer-wrapper {
    padding-top: 33px;
    padding-bottom: 33px;
    margin-top: 15px;
  }
}
.pre-footer-wrapper .pre-footer-sub .split-boxes:not(:first-child) {
  margin-top: 100px !important;
}
@media (max-width: 1023.98px) {
  .pre-footer-wrapper .pre-footer-sub .split-boxes:not(:first-child) {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .pre-footer-wrapper .pre-footer-sub .h1 {
    font-size: 3.3125rem;
  }
}
@media (max-width: 767.98px) {
  .pre-footer-wrapper .pre-footer-sub .h1 {
    font-size: 2.3125rem;
  }
}
@media (max-width: 479.98px) {
  .pre-footer-wrapper .pre-footer-sub .h1 {
    font-size: 1.875rem;
  }
}

.nf-form-cont {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .nf-form-cont {
    max-width: 440px;
  }
}
@media (max-width: 1023.98px) {
  .nf-form-cont {
    max-width: 400px;
  }
}

.fp-highlight {
  background-color: white;
  padding-top: 50px;
  padding-bottom: 55px;
  color: var(--quaternary-color);
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .fp-highlight {
    margin-bottom: 80px;
    --wrapper-padding: 100px;
  }
}
@media (max-width: 1023.98px) {
  .fp-highlight {
    padding-bottom: 25px;
  }
}
.fp-highlight .highlight-top {
  width: 100%;
}
@media (min-width: 1024px) {
  .fp-highlight .highlight-top {
    display: flex;
  }
}
@media (max-width: 1023.98px) {
  .fp-highlight .highlight-top {
    margin-bottom: 30px;
  }
}
.fp-highlight .highlight-top .left > div *:first-child {
  margin-top: 0px;
}
@media (min-width: 1024px) {
  .fp-highlight .highlight-top .left > div {
    max-width: 570px;
  }
}
@media (min-width: 1280px) {
  .fp-highlight .highlight-top .left > div {
    max-width: 700px;
  }
}
.fp-highlight .highlight-top .left > div h1, .fp-highlight .highlight-top .left > div .h1 {
  --min-font-size: 2.0625rem;
  --max-font-size: 3.1875rem;
  --line-height: 1.0588235294em;
}
.fp-highlight .highlight-top .right {
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .fp-highlight .highlight-top .right {
    margin-left: auto;
  }
}
.fp-highlight .highlight-top .right .button {
  --button-text-color: white;
}
@media (min-width: 1024px) {
  .fp-highlight .highlight-top .right .button {
    font-size: 1.1875rem;
  }
}
.fp-highlight .highlights {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .fp-highlight .highlights {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 35px;
  }
}
@media (min-width: 1024px) {
  .fp-highlight .highlights > div {
    flex: 1;
    min-width: 255px;
  }
}
.fp-highlight .highlights > div h2, .fp-highlight .highlights > div h3, .fp-highlight .highlights > div h4 {
  --heading-color: var(--primary-color);
}
.fp-highlight .highlights > div h2 {
  --min-font-size: 1.6875rem;
  --max-font-size: 2.0625rem;
  --line-height: 1em;
}
.fp-highlight .highlights > div img, .fp-highlight .highlights > div picture {
  display: block;
}
.fp-highlight .highlights > div .text {
  padding: 15px 0px;
}
@media (min-width: 768px) {
  .fp-highlight .highlights > div .text {
    padding: 35px 0px;
  }
}

/*# sourceMappingURL=style.css.map */
