/*
Theme Name: Climax
*/

/* Fallback font metrics */
:root {
  --fallback-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


/* arimo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/arimo-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* arimo-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/arimo-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {

  /* color */
  --colors-text: #005794;
  --colors-inverse-text: #fff;
  --colors-text-secondary: #005794;
  --colors-accent: #FFD600;
  --colors-mid-accent: #FFD600;
  --colors-dark-accent: #005794;
  --colors-dark-accent-t: rgba(0, 87, 148, 0.9);
  --colors-medium-accent: #FFD600;
  --colors-grey: #F5F5F6;
  --colors-white: #fff;
  --colors-white-t: rgba(255, 255, 255, 0.8);
  --colors-focus: #005794;
  --colors-separator: #877070;

  /*font weight*/
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  
  /* typography */
	--font-family-primary: 'Arimo', var(--fallback-font);
	--font-family-secondary: 'Arimo', var(--fallback-font);
  --line-height-base: 136.364%;
  
  /* 320 - 767 */
  --font-size-xxs: clamp(0.875rem, 0.3036rem + 2.8571vw, 1rem); /* 14 / 16 */
  --font-size-xs: clamp(0.875rem, -0.2679rem + 5.7143vw, 1.125rem); /* 14 / 18 */
  --font-size-s: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); /* 14 / 20 */
  --font-size-base: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); /* 14 / 20 */
  --font-size-m: clamp(1.125rem, -0.875rem + 10vw, 1.5625rem); /* 18 / 25 */
  --font-size-l: clamp(1.5rem, 1.0078rem + 2.4609vw, 2.1875rem); /* 24 / 35 */
  /* --font-size-xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); 28 / 40 */
  --font-size-xl: clamp(1.5rem, 1.0078rem + 2.4609vw, 2.1875rem); /* 24 / 35 */
  --font-size-2xl: clamp(1.75rem, -0.6786rem + 12.1429vw, 2.8125rem); /* 28 / 45 */
  --font-size-3xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); /* 28 / 40 */
  --font-size-4xl: clamp(3.75rem, 2.3707rem + 6.8966vw, 6.25rem); /* 60 / 100 */


  --clr-input-text: rgba(7, 14, 23, .8);
  --clr-input-text-placeholder: rgba(7, 14, 23, .5);


  --header-height: clamp(88px, 10.84vw, 13rem);
  --fixed-header-minus: clamp(0px, 2.29vw, 0px);
  --fixed-header-height: calc(var(--header-height) - var(--fixed-header-minus));


  --clamp_vw_devider: 1920; 
  --wrapper-max-width: 1660px; 
  --wrapper-width: 90%;
  --wrapper-side-padding: clamp(1.5625rem, 7.11vw, 4rem);

  /* --base-divider: calc(var(--font-size-base) * .363636); 10 */
  --base-divider: calc(var(--font-size-base) * .5); /* 10 */
  
  --calc-size-5: calc(.5 * var(--base-divider));
  --calc-size-10: calc(1 * var(--base-divider));
  --calc-size-15: calc(1.5 * var(--base-divider));
  --calc-size-20: calc(2 * var(--base-divider));
  --calc-size-25: calc(2.5 * var(--base-divider));
  --calc-size-30: calc(3 * var(--base-divider));
  --calc-size-35: calc(3.5 * var(--base-divider));
  --calc-size-40: calc(4 * var(--base-divider));
  --calc-size-45: calc(4.5 * var(--base-divider));
  --calc-size-50: calc(5 * var(--base-divider));
  --calc-size-55: calc(5.5 * var(--base-divider));
  --calc-size-60: calc(6 * var(--base-divider));
  --calc-size-65: calc(6.5 * var(--base-divider));
  --calc-size-70: calc(7 * var(--base-divider));
  --calc-size-75: calc(7.5 * var(--base-divider));
  --calc-size-80: calc(8 * var(--base-divider));
  --calc-size-85: calc(8.5 * var(--base-divider));
  --calc-size-90: calc(9 * var(--base-divider));
  --calc-size-95: calc(9.5 * var(--base-divider));
  --calc-size-100: calc(10 * var(--base-divider));
  --calc-size-110: calc(11 * var(--base-divider));
  --calc-size-120: calc(12 * var(--base-divider));
  --calc-size-130: calc(13 * var(--base-divider));
  --calc-size-140: calc(14 * var(--base-divider));
  --calc-size-150: calc(15 * var(--base-divider));
  --calc-size-160: calc(16 * var(--base-divider));
  --calc-size-170: calc(17 * var(--base-divider));
  --calc-size-180: calc(18 * var(--base-divider));
  --calc-size-190: calc(19 * var(--base-divider));
  --calc-size-200: calc(20 * var(--base-divider));

}

/* @media only screen and (min-width: 901px) { */
@media only screen and (min-width: 768px) {
  :root {

    --base-divider: calc(var(--font-size-base) * .454545); /* 10 */


    /* 768 - 1920 - ... */
    --font-size-xxs: clamp(0.8125rem, 0.6467rem + 0.2944vw, 1rem); /* 13 / 16 */
    --font-size-xs: clamp(0.875rem, 0.6539rem + 0.3925vw, 1.125rem); /* 14 / 18 */

      --font-size-s: clamp(0.9375rem, 0.6618rem + 0.4902vw, 1.25rem);/* 15 / 20 */

      --font-size-base: clamp(1rem, 0.6691rem + 0.5882vw, 1.375rem); /* 16 / 22 */

      --font-size-m: clamp(1.25rem, 0.6985rem + 0.9804vw, 1.875rem); /* 20 / 30 */
      --font-size-l: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); /* 28 / 40 */; 
      --font-size-xl: clamp(2rem, 1.0074rem + 1.7647vw, 3.125rem); /* 36 / 50 */
      --font-size-2xl: clamp(2.5rem, 1.875rem + 1.3021vw, 3.4375rem); /* 40 / 55 */
      --font-size-3xl: clamp(3.375rem, 1.9412rem + 2.549vw, 5rem); /* 54 / 80 */
      --font-size-4xl: clamp(6.25rem, 3.4869rem + 4.9068vw, 9.375rem); /* 100 / 150 */

  }
}
 

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {display: block; margin: 0;}
html, body {display: block;}
/* @media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} } */
html {font-size: 100%; -webkit-text-size-adjust:100%;  -webkit-tap-highlight-color:rgba(0,0,0,0);  font-family:sans-serif;  line-height:1.15}
body {-webkit-font-smoothing: antialiased; font-smoothing: antialiased;	text-rendering: optimizeSpeed;}

/* Keep layout stable even when scrollbars hide (modern browsers) */
html { scrollbar-gutter: stable; }

/* Desktop scroll lock: apply only to <html> */
.no-touchevents.no-scrolling {
  overflow: hidden;
}
.no-touchevents.no-scrolling body {
  overflow: visible; /* no padding compensation here */
}

/* Mobile (touch) keeps existing behavior */
.touchevents.no-scrolling,
.touchevents.no-scrolling body {
  /* overflow: hidden; header disappears... */
}

@media (prefers-reduced-motion: no-preference) { 

  :root {
    /* animation settings */
    --base-easing: ease;
    --base-duration: 300ms;
    --short-duration: 200ms;
  }

}

ol, ul {}
header ul, footer ul, .fixed-container ul {list-style-type: none;}
.wpb_text_column ul, .wpb_text_column ol {padding-left: 1.5em;}
.wpb_text_column ul {list-style-type: disc;}
.wpb_text_column ul ul {margin: var(--calc-size-10) 0 0;}
.wpb_text_column ol ul {padding-left: 0; list-style-type: disc;}
.wpb_text_column ol > li::marker {}
.wpb_text_column ol > li:not(:last-child), .wpb_text_column ul > li:not(:last-child) {margin: 0 0 var(--calc-size-10);}

.tick-list > .wpb_wrapper > ul {padding: 0; list-style-type: none;}
.tick-list > .wpb_wrapper > ul > li {position: relative; padding-left: 1.68em;}
.tick-list > .wpb_wrapper > ul > li::before {position: absolute; left: 0; top: 0.25em; width: .9em; height: .9em; background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88743 20C5.88743 11.4141 11.9606 5.64451 21 5.64331V0C8.83114 0.00120301 0 8.41143 0 20H5.88743Z' fill='%23FFD600'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: '';}

* ,::before, ::after {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
b, strong {font-weight: var(--weight-bold);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
address {font-style: normal;}
sup {position: relative;top: -.6rem;font-size: 75%;}
/* skip to content */ .skiplink {position: absolute;	background: white;	z-index: 1000000;	left: 0;	top: 0;	padding: 20px; transform: translateX(-200%);}
.skiplink:focus {transform: translateX(0%);}
/* screenreader */ .sr-only {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;}

ins {	text-decoration: none;}del {	text-decoration: line-through;}table {	border-collapse: collapse;	border-spacing: 0;}td {vertical-align: top;} td:not(:last-child) {padding-right: 2rem;}
.align-center {text-align: center;}.align-right {text-align: right;}.align-left {text-align: left;}
img {max-width: 100%; height: auto; vertical-align: middle;}
figure .caption {padding: .5em 0 0; font-size: var(--font-size-xs);}
.as-ratio {overflow: clip;}
.as-ratio picture, .as-ratio figure, .as-ratio .vc_single_image-wrapper {height: 100%;}
.as-ratio img {width: 100%; height: 100%; object-fit: cover;}
.ratio-4-3 {aspect-ratio: 4 / 3;}
.ratio-3-2 {aspect-ratio: 3 / 2;}
.ratio-1-1 {aspect-ratio: 1;}
.ratio-16-9 {aspect-ratio: 16 / 9;}
.ratio-2-1 {aspect-ratio: 2 / 1;}
.ratio-4-5 {aspect-ratio: 4 / 5;}
.ratio-3-4 {aspect-ratio: 3 / 4;}
.ratio-45-16 {aspect-ratio: 2.8125 / 1;} /* 1440x512 */
.ratio-45-16 img {object-position: center top;}
picture.no-image {background: var(--colors-grey);}


.map-container {position: relative; width: 100%; padding-bottom: 42%;}
.contact-map img {max-width: 1000em;}
.alignleft {float: left; margin: 0 2em 2em 0;}.alignright {float: right; margin: 0 0 2em 2em;}.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wpb_single_image.vc_align_center {text-align: center;}

body {font-family: var(--font-family-primary); color: var(--colors-text); margin: 0; padding: 0; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--weight-normal); font-style: normal; background: var(--colors-white); text-align:left}

a {color: var(--colors-text); text-decoration: none;}
.wpb_text_column a {text-decoration: underline;}
a:hover {}
a:focus-visible, button:focus-visible {outline: 2px solid var(--colors-focus);  outline-offset: 0.25rem;}
.bg-dark a:focus-visible, .bg-dark button:focus-visible {outline: 2px solid var(--colors-white);}
.touchevents button:focus-visible {outline: none;} 

p:not(:last-child) {margin: 0 0 var(--calc-size-35);} small {font-size: 80%;}
ul:not(:last-child), ol:not(:last-child) {margin: 0 0 var(--calc-size-35);}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-size: var(--font-size-l); line-height: 1; padding: 0; font-family: var(--font-family-secondary); position: relative; font-weight: var(--weight-bold); color: var(--colors-text);}
/* :is(h4, .h4, h5, .h5, h6, .h6):not([class*="mb-"]) {margin: 0 0 1em;} */
h4:not([class*="mb-"]), .h4:not([class*="mb-"]) {margin: 0 0 0.64em;} 

blockquote {}
blockquote p {margin: 0;}

/* h1, .h1 {font-size: var(--font-size-2xl); line-height: 128.571%;} 70px  */
h1, .h1 {} /* 50px  */
h2, .h2 {}  /* 50px */
h3, .h3 {} /* 50px */
h4, .h4 {} /* 30px */
h5, .h5 {} /* 22px */
h6, .h6 {} /* 20px */

/* h2:not([class*="font-"]), .h2:not([class*="font-"]) {font-weight: var(--weight-light);} */
/* h4:not([class*="txt-clr-"]), .h4:not([class*="txt-clr-"]) {color: var(--colors-accent);} */

:is(h1, h2, h3, h4, h5, h6):not([class*="mb-"]):last-child, blockquote:last-child {margin: 0;}


.txt-fluid-xxs {font-size: var(--font-size-xxs);} /* 13 / 16 */
.txt-fluid-xs {font-size: var(--font-size-xs);} /* 14 / 18 */
.txt-fluid-s {font-size: var(--font-size-s);} /* 16 / 20 */
.txt-fluid-base {font-size: var(--font-size-base);} /* 18 / 22 */
.txt-fluid-m {font-size: var(--font-size-m);} /* 24 / 30 */
.txt-fluid-l {font-size: var(--font-size-l);} /* 28 / 35 */
.txt-fluid-xl {font-size: var(--font-size-xl);} /* 40 / 50 */
.txt-fluid-2xl {font-size: var(--font-size-2xl);} /* 56 / 70 */
.txt-fluid-3xl {font-size: var(--font-size-3xl);} /* 64 / 80 */

.font-light {font-weight: var(--weight-light);}
.font-normal {font-weight: var(--weight-normal);}
.font-medium {font-weight: var(--weight-medium);}
.font-bold {font-weight: var(--weight-bold);}

.hyphenate {-webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens: auto;	hyphens: auto;	word-wrap: break-word; word-break: break-word; overflow: hidden;}
.hyphenate:not(.no-balance) {text-wrap: balance;}
.txt-upper, .text-uppercase {text-transform: uppercase;}
.txt-upper-normal {text-transform: none;}

.wpb_wrapper h1:first-child, .wpb_wrapper h2:first-child, .wpb_wrapper h3:first-child, .wpb_wrapper h4:first-child, .wpb_wrapper h5:first-child, .wpb_wrapper h6:first-child {margin-top: 0;}

.as-flexbox, .as-flexbox-static {display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; position: relative;}
.as-flexbox-static {position: static;}
.as-flexbox-inline {display: inline-flex;}
.as-flex-nowrap {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.as-flex-wrap {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.as-flex-align-top {-webkit-align-items: flex-start;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
.as-flex-align-center {-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.as-flex-align-bottom {-webkit-align-items: flex-end;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;}
.as-flex-justify-space-between {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.as-flex-justify-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.as-flex-justify-right {-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.as-flex-row {flex-direction: row;}
.as-flex-row-reverse {flex-direction: row-reverse;}
.as-flex-direction-column {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.as-flex-direction-row-reverse {flex-direction: row-reverse;}
.as-flex-shrink-0 {flex-shrink: 0;}
.as-flex-grow-1 {flex-grow: 1;}

.fa {vertical-align: middle;}
.abs-link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; text-indent: -1000em;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
:focus:not(:focus-visible) {outline: none;}

.ww {position: fixed; z-index: 1000000; left: 0; bottom: 50%; background: #f00; padding: 5px; color: #fff; font-size: 12px; display: none;}
.ww-right {right: 0; left: auto;}
#loaderImage {will-change: opacity; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--colors-white); z-index: 10000; opacity: 1; visibility: visible;}
.loaderEnd #loaderImage {transition: opacity .5s ease .2s; transition: opacity .3s linear .0s; opacity: 0!important;}
.topAnimsStart #loaderImage {visibility: hidden!important;}

#page {position: relative; z-index: 100;  width: 100%;  overflow-x: clip;}
.content-wrapper {margin: 0 auto; width: var(--wrapper-width); max-width: var(--wrapper-max-width); position: relative; /*outline: solid 1px red; */}
.vc_row-no-padding > .content-wrapper {width: 100%; max-width: 100%; padding: 0;}
.row-with-bg .content-wrapper {z-index: 100;}

.no-wrap {white-space: nowrap;}
.word-wrap {word-wrap: break-word;}
.word-hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.overflow-visible {overflow: visible!important;}

.txt-clr-accent, .txt-clr-accent a {color: var(--colors-accent);}
.txt-clr-primary, .txt-clr-primary a {color: var(--colors-text);}
.txt-clr-secondary, .txt-clr-secondary a {color: var(--colors-text-secondary);}
/* .txt-clr-tertiary, .txt-clr-tertiary a {color: var(--colors-semantic-text-tertiary);}
.txt-clr-separator, .txt-clr-separator a {color: var(--colors-semantic-separator);} */
/* .txt-clr-highlight-primary, .txt-clr-highlight-primary a {color: var(--colors-beere);}
.txt-clr-highlight-secondary, .txt-clr-highlight-secondary a {color: var(--colors-traube);}
.txt-clr-negative, .txt-clr-negative a {color: var(--colors-rot);} */

.bg-white {background: var(--colors-white);}
.bg-dark {background: var(--colors-dark-accent);}
.bg-medium {background: var(--colors-medium-accent);}
.bg-grey {background: var(--colors-grey);}
.dark-section:not(.bg-white), .dark-section:not(.bg-white) a, .dark-section:not(.bg-white) .txt-clr-primary, .dark-section:not(.bg-white) .txt-clr-secondary, .dark-section:not(.bg-white) .txt-clr-primary a, .dark-section:not(.bg-white) .txt-clr-secondary a,
.dark-section:not(.bg-white) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--colors-white);
}


/* header */
header#masthead {position: sticky; width: 100%; left: 0; top: 0;  background: var(--colors-white); z-index: 1000;}
/* .topAnimsStart header#masthead {transition: background .3s ease;} */
header#masthead .header-logo {height: 100%; flex-shrink: 0;}
.topAnimsStart header#masthead .header-logo {transition: all .3s ease;}
header#masthead .header-logo a {display: block;height: 100%; width: fit-content;}
header#masthead .header-logo a picture {display: flex; align-items: center; height: 100%;}
header#masthead .header-logo a img {width: var(--calc-size-170);}
header#masthead.header-fixed {position: fixed; top: 0;/* background: rgba(4, 27, 40, .8);*/}
header#masthead .content-wrapper {z-index: 100;}
header#masthead .header-content {position: relative; height: var(--calc-size-100); /*padding: var(--calc-size-35) 0;*/ }
.topAnimsStart header#masthead .header-content {transition: all .3s ease;}
header#masthead.header-fixed .header-content {/*padding: var(--calc-size-30) 0;*/}

/* header end */

/* hamburger menu */
  .menu-button-container {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 40000;}
  .menu-toggle {z-index: 40000; cursor: pointer; font-family: inherit;  background: none;  border: none;  outline: none; padding: 0;}
  .menu-toggle div {position: relative; width: 5rem; height: 3.125rem;}
  .line {-webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; z-index: 100; width: 3.75rem; left: .625rem; top: .625rem; position: absolute; display: block; height: 2px;  background: var(--colors-dark-accent);}
  .line-2 {top: 1.5rem;}
  .line-3 {top: 2.3125rem;}
  .menu-toggle[aria-expanded="true"] .line-1 { transform: rotate(45deg); top: 1.5625rem;}
  .menu-toggle[aria-expanded="true"] .line-2 { opacity: 0;}
  .menu-toggle[aria-expanded="true"] .line-3 { transform: rotate(-45deg); top: 1.5625rem;}



/* #main {position: relative; z-index: 50;} */
.site-content {position: relative; z-index: 50; background: #fff;}
.entry-content {position: relative;}
.mobile-only {display: none!important;}

/* footer */

footer.page-footer {position: relative; z-index: 200; line-height: 1.5;}
footer.page-footer ul {padding: 0; list-style-type: none;}

.footer-top {padding: var(--calc-size-40) 0 var(--calc-size-50); background: #FAFAFA;}
.footer-top .content-wrapper > div {gap: var(--calc-size-60); flex-direction: column;}
.footer-bottom {padding: var(--calc-size-15) 10px var(--calc-size-20); color: #7B7777;}
.footer-bottom a {color: #7B7777;}
.footer-bottom p {hyphens: none;}
.footer-bottom em {padding: 0 .2rem; font-style: normal;}


@media only screen and (min-width: 361px) {
	.hide-before-xxs {display: none;}
}

@media only screen and (min-width: 381px) {
	.footer-bottom br:last-of-type {display: none;}
}

@media only screen and (min-width: 480px) {
	.hide-before-xs {display: none;}
}


@media only screen and (min-width: 601px) {
	.hide-before-s {display: none;}

  
}


/* main navi */
.navi-container {}
.main-navigation a {}
.main-navigation ul.nav-menu {}
.main-navigation ul li {}
.main-navigation ul.nav-menu a {font-size: var(--font-size-base); font-weight: var(--weight-bold); padding: var(--calc-size-10) 0; position: relative;}
.main-navigation a[aria-current="page"], .main-navigation li.current-menu-ancestor > a {font-weight: var(--weight-bold);}

/* main navi end */



@media only screen and (min-width: 768px) {

  .hide-before-sm {display: none;}

}


@media only screen and (min-width: 901px) {

  /* header */
  .header-content {display: flex; align-items: center; gap: clamp(1.25rem, -4.4643rem + 8.9286vw, 6.25rem);}
  .header-content .main-navi {flex-grow: 1;}
  .main-navigation .menu-main_menu-container {height: 100%;}
  .main-navigation ul.nav-menu {display: flex; align-items: center; gap: clamp(0.9375rem, -1.9196rem + 4.4643vw, 3.4375rem); height: 100%;}
  .main-navigation ul.nav-menu a {font-size: clamp(0.875rem, -0.0323rem + 1.6129vw, 1rem); padding: var(--calc-size-10) 0; white-space: nowrap;}

  .navi-buttons {gap: clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem); align-items: center; padding: var(--calc-size-20) 0;}
  .navi-buttons .as-button {height: 100%;}
  .navi-buttons .as-button a {font-size: clamp(0.875rem, -0.0323rem + 1.6129vw, 1rem); min-width: 1px; padding: 0 clamp(1.25rem, -0.8929rem + 3.3482vw, 3.125rem); white-space: nowrap;}

  .navi-content-inner {height: var(--calc-size-100); justify-content: space-between; gap: 0 10px;}


	.hide-before-md {display: none;}


  /* main menu */

  .footer-top .content-wrapper > div {flex-direction: row; gap: var(--calc-size-30); max-width: 1500px;}
  
}

@media only screen and (min-width: 1024px) {
	.hide-before-lg {display: none;}

  .navi-buttons .as-button a, .main-navigation ul.nav-menu a {font-size: 1rem;}
}







@media only screen and (max-width: 1680px) {
	
}

@media only screen and (max-width: 1439px) {
  
}	

@media only screen and (max-width: 1280px) {
	
}	

@media only screen and (max-width: 1080px) {
	
}

@media only screen and (max-width: 1023px) {
  .vc_col-sm-6 ul, .vc_col-sm-6 ol, .vc_col-sm-6 p, .vc_col-sm-6 h1, .vc_col-sm-6 h2, .vc_col-sm-6 h3,
  .vc_col-sm-5 ul, .vc_col-sm-5 ol, .vc_col-sm-5 p, .vc_col-sm-5 h1, .vc_col-sm-5 h2, .vc_col-sm-5 h3 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word;
	}
}

@media only screen and (max-width: 1023px) {
	.hide-on-lg {display: none;}
  
}



@media only screen and (max-width: 900px) {

  header#masthead .header-content {height: 5rem;}

  /* main navi */
  .navi-container {position: fixed; z-index: 100;  width: 100%;  height:  calc(100% - 5rem);  left: 0;  top: 5rem;  background: var(--colors-white); opacity: 0; visibility: hidden; transition: all .3s ease;}
  .navi-container[aria-hidden="false"]  {opacity: 1; visibility: visible;}
  .navi-content-wrapper {padding: 3.125rem 0 2.5rem; height: 100%; overflow: hidden;}
  .touchevents header#masthead.header-fixed .navi-content-wrapper {padding-top: clamp(100px, 32vw, 150px);}
  .navi-content {padding: 0 var(--wrapper-side-padding); height: 100%; overflow: auto;}

  .navi-content-inner  {flex-direction: column; justify-content: space-between; height: 100%; gap: var(--calc-size-20);}
  .navi-buttons {flex-direction: column; gap: var(--calc-size-10);}
  .navi-buttons .as-button {opacity: 0; transform: translateY(var(--calc-size-20)); transition: opacity .8s ease .5s, transform .6s cubic-bezier(0.260, 0.860, 0.440, 0.985) .5s;}
  .navi-container[aria-hidden="false"] .navi-buttons .as-button {opacity: 1; transform: translateY(0);}
  .navi-container[aria-hidden="false"] .navi-buttons .as-button:last-child {transition-delay: .55s;}
  .navi-buttons .as-button a {font-size: clamp(1.25rem, -0.1786rem + 7.1429vw, 1.5625rem);  width: 100%;  white-space: nowrap;  height: 2.4em;  padding: 0;  border-radius: .4em;}
  .main-navigation ul.nav-menu a {display: flex; align-items: center; justify-content: center; font-size: clamp(1.25rem, -0.1786rem + 7.1429vw, 1.5625rem); font-weight: var(--weight-normal);  position: relative; padding: var(--calc-size-20) var(--calc-size-10);}

  .main-navigation ul.nav-menu { opacity: 0; transform: translateY(var(--calc-size-30)); transition: opacity .8s ease .3s, transform .6s cubic-bezier(0.260, 0.860, 0.440, 0.985) .3s;}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu {transition-delay: .3s; opacity: 1; transform: translateY(0);}
  .main-navigation ul.nav-menu {border-top: solid 1px var(--colors-accent);}

  .main-navigation ul.nav-menu > li {border-bottom: solid 1px var(--colors-accent); opacity: 0; transform: translateY(var(--calc-size-30)); transition: opacity .8s ease .7s, transform .6s cubic-bezier(0.260, 0.860, 0.440, 0.985) .7s;}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu > li {opacity: 1; transform: translateY(0);}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu > li:first-child {transition-delay: .35s;}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu > li:nth-child(2) {transition-delay: .4s;}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu > li:nth-child(3) {transition-delay: .45s;}

  .main-navigation a[aria-current="page"], .main-navigation li.current-menu-ancestor > a {font-weight: var(--weight-bold);}


	.hide-on-md {display: none;}

  .content-wrapper {width: 100%; padding: 0 var(--wrapper-side-padding); }
  
  .as-col-flexbox-md {flex-direction: column; flex-wrap: nowrap;}
  .as-col-reverse-flexbox-md {flex-direction: column-reverse;}

  .as-flex-shrink-0-md {flex-shrink: 0;}
  .as-flex-grow-1-md {flex-grow: 1;}

  .footer-bottom em:first-of-type {display: none;}


}


@media only screen and (max-width: 767px) {


  .hide-on-sm {display: none;}

	body, h1,h2,h3,h5,h6 {
		-webkit-text-size-adjust: none;
	}

	ul, ol, p, h1, h2, h3 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word;
    /* text-wrap: balance; */
	}
  .checklist ul li::before {left: var(--calc-size-8);}
  /* h1, h2, h3 {text-wrap: balance;} */
	
  .as-flex-shrink-0-sm {flex-shrink: 0;}
  .as-flex-grow-1-sm {flex-grow: 1;}

	.as-flex-direction-column-reverse-mobile {flex-direction: column-reverse;}
  .as-col-flexbox-sm {flex-direction: column;}
	
	.no-wrap {white-space: normal;}

	
}

@media only screen and (max-width: 600px) {

  .hide-on-s {display: none;}

  .footer-middle {font-size: clamp(14px, 4.1vw, 16px);}
  .footer-bottom {font-size: 14px;}
  .footer-middle .content-wrapper, .footer-bottom .content-wrapper {padding: 0 5px;}
  .footer-bottom em {padding: 0 .1rem;}
  .footer-middle li:not(:last-child)::after {margin: 0 10px;}

}


@media only screen and (max-width: 479px) {
  .hide-on-xs {display: none;}
}

@media only screen and (max-width: 390px) {
	:root {
    --wrapper-side-padding: 1.5625rem;
  }
}

@media only screen and (max-width: 380px) {
  .footer-bottom em {display: none;}
  .footer-bottom br {display: block;}
}


@media only screen and (max-width: 360px) {
	.hide-on-xxs {display: none;}
  
  :root {
    --wrapper-side-padding: clamp(1rem, 5.5556vw, 1.25rem);
  }
  

}

