@charset "UTF-8";
/* CSS Document */

/*** fonts ***/
/* work-sans-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/work-sans-v24-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/work-sans-v24-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/work-sans-v24-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/work-sans-v24-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v24-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/work-sans-v24-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* work-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/work-sans-v24-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/work-sans-v24-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/work-sans-v24-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/work-sans-v24-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/work-sans-v24-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* work-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/work-sans-v24-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/work-sans-v24-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/work-sans-v24-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/work-sans-v24-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/work-sans-v24-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*** colors ***/
:root {
	--primary-color: #0085a9;
	--primary-highlight-color: #005d76;
	--secondary-color: #f98128;
	--background-color-default: #fff;
	--background-color-custom1: #f9f5ec;
	--background-color-custom2: #f2f7f7;
	--background-color-custom3: #f2f783;
	--background-color-custom4: #f2fd67;
	--background-color-custom5: #f2fd67;
	--alert-color: #9a0000;
	--success-color: #229900;
	--hamburger-color: #0085a9;
	--base-font-color: #050505;
	--button-color: #0085a9; 
	--button-hover-color: #050505;
	--button-ghost-color: #fff;
	--button-ghost-hover-color: #443961;
	--header-background-color: #fff;
	--header-mobile-background-color: #fff;
	--footer-background-color: #050505;
	--footer-font-color: #fff;	
}


/*** defaults ***/

:root {
	--grid-row-maxwidth: 75rem;
	--grid-gutter: 1.25rem;
	--grid-gutter-half: 1.25rem;
	--default-font-size: 1rem;
}
@media print, screen and (min-width: 40em) {
	:root {
		--grid-row-maxwidth: 95vw;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 64em) {
	:root {
		--grid-row-maxwidth: 96vw;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 75em) {
	:root {
		--grid-row-maxwidth: 72rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}
@media print, screen and (min-width: 90em) {
	:root {
		--grid-row-maxwidth: 82rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
		--default-font-size: 1.125rem;
	}
}
@media print, screen and (min-width: 120em) {
	:root {
		--grid-row-maxwidth: 105rem;
		--grid-gutter: 1.5rem;
		--grid-gutter-half: 0.75rem;
	}
}



:root {
    --header-height: 0px;
}











/*** grid ***/

.grid-container {
  max-width: var(--grid-row-maxwidth);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--grid-gutter-half);
  padding-left: var(--grid-gutter-half);
}
@media print, screen and (min-width: 40em) {
  
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
   
  }
}






body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Work Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: var(--base-font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sticky.is-stuck {z-index: 99999; }
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {font-weight: 600; background-color: var(--button-color); border: 1px solid var(--button-color); color: #fff; padding: 1rem 2rem; }
.button:hover, .button:focus {background-color: var(--button-hover-color); border-color: var(--button-hover-color); color: #fff; }
.btn-round {border-radius: 100px; }
.btn-ghost {color: var(--button-ghost-color); border-color: var(--button-ghost-color); background: transparent; }
.btn-ghost:hover, .btn-ghost:focus {color: var(--button-ghost-color); border-color: var(--button-color); background: var(--button-color); }
.super-button {position: relative; overflow: hidden; transition: all ease-in-out 0.3s; }
.super-button:hover, .super-button:active, .super-button:focus {padding-left: 3.5rem; }
.super-button::before {content: ''; position: absolute; left: -50px; top: 50%; width: 1.5rem; height: 0.9rem; transform: translateY(-50%); transition: all ease-in-out 0.3s; background-image: url("../img/arrow_super_button_negative.svg"); background-size: 1.5rem 0.9rem; }
.super-button:hover::before, .super-button:focus::before, .super-button:active::before {left: 20px; }
.no-margin {margin-bottom: 0; }


header {background: var(--header-mobile-background-color); }
.title-bar, .top-bar, .top-bar ul {background: transparent; }
.title-bar {justify-content: space-between; padding: 0.5rem 0; }
.top-bar {padding: 0.5rem 0; margin: 0 calc(var(--grid-gutter-half) * -1); }
.top-bar .menu a {font-weight: 600; color: #fff; padding: 1.25rem var(--grid-gutter-half); background: var(--primary-color); border-bottom: 1px solid #123; }
.menu-icon::after, .menu-icon.dark::after {background: var(--hamburger-color); -webkit-box-shadow: 0 7px 0 var(--hamburger-color), 0 14px 0 var(--hamburger-color); box-shadow: 0 7px 0 var(--hamburger-color), 0 14px 0 var(--hamburger-color); }
.logo-header, .logo-footer {width: 10rem; height: 3.125rem; }
.logo-header {margin-right: 1rem; transition: all ease-in-out 0.3s; }
.logo img {max-height: 100%; transition: all ease-in-out 0.3s; }
.obj-cover, .slide-img {display: inline-block !important; vertical-algin: middle; width: 100%; height: 100%; object-fit: cover; }
.hero {height: 110vw; height: 110svw; overflow: hidden; }
.hero.hero-full {height: calc(100vh - var(--headerHeight)); height: calc(100svh - var(--headerHeight)); }
.slick-slider, .slick-track, .slick-list, .slick-slide, .slick-slide div, .hero div {position: relative; height: 100%; }
.hero .hero-text {position: absolute !important; left: var(--grid-gutter-half); top: 62%; width: calc(100vw - var(--scrollbarWidth) - var(--grid-gutter-half) - var(--grid-gutter-half)); height: auto !important; padding: 1rem; transform: translateY(-50%); background: rgba(0,0,0,0.6); }

.contents, footer {padding: 1rem 0; }
.bg-custom1 {background: var(--background-color-custom1); }
.bg-custom2 {background: var(--background-color-custom2); }
.bg-custom3 {background: var(--background-color-custom3); }
.bg-custom4 {background: var(--background-color-custom4); }
.bg-custom5 {background: var(--background-color-custom5); }

footer {background: var(--footer-background-color); padding: 2rem 0 3rem 0; }
.logo-footer {margin-bottom: 1rem; }
.footer-nav {margin: 1rem 0; }
.footer-nav .menu li a {padding: 1.25rem 0; }

#social-media {margin-top: 1.5rem; }
.social-link {margin-right: 0.5rem; margin-bottom: 0.5rem; }
.social-link a {padding: 0; }
.social-icon {width: 3.5rem; background: var(--footer-font-color); border-radius: 100%; }
.social-icon:hover {background: var(--primary-color); transform: scale(1.1); }


a.back-to-top {display: inline-block; position: fixed; bottom: 1.25rem; right: 1rem; width: 48px; height: 48px; z-index: 900; text-align: center; margin: 0 auto; overflow: hidden; text-indent: -3000px; background-color: var(--button-color) ; background-image: url(../img/arrow_negative.svg); background-position: center center; background-repeat: no-repeat; background-size: 100%; box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px; border-radius: 50%; }
a.back-to-top:hover {background-color: var(--button-hover-color); }


/*** Blog ***/
.blog-content {padding-bottom: 1.75rem; display: flex; flex-direction: column; height: 100%;  }
.blog-image {aspect-ratio: 3/2; margin-bottom: 1rem; overflow: hidden; }
.blog-button {margin-top: auto; }
.blog-button .button {margin-top: 2rem; }

.pagination {position: relative; }
.pagination li.prev {position: absolute; left: 0; }
.pagination li.next {position: absolute; right: 0; }
.pagination li {display: inline-block; position: relative; overflow: hidden; margin: 0 0.125rem;
}
.pagination .disabled, .pagination2 .disabled {pointer-events: none; }
.pagination li a {border-radius: 100px; border: 1px solid var(--primary-color); padding: 1rem 2rem; }
.pagination li a.disabled {border: 1px solid #ccc; padding: 1rem 2rem; }
.pagination li a:hover, .pagination li.active a {color: #fff; background: var(--primary-color); }
.pagination li.prev a, .pagination li.next a {overflow: hidden; text-indent: -2000px; }
.pagination li.prev a {padding-left: 4rem; }
.pagination li.prev a::before {content: ''; position: absolute; left: 0; top: 0; width: auto; height: 100%; aspect-ratio: 1/1; background-image: url("../img/arrow_default.svg"); background-size: 100%; background-repeat: no-repeat; transform: rotate(-90deg); cursor: pointer; }
.pagination li.next a {padding-right: 4rem; }
.pagination li.next a::before {content: ''; position: absolute; right: 0; top: 0; width: auto; height: 100%; aspect-ratio: 1/1; background-image: url("../img/arrow_default.svg"); background-size: 100%; background-repeat: no-repeat; transform: rotate(90deg); cursor: pointer; }
.pagination li.prev a.disabled::before, .pagination li.next a.disabled::before {opacity: 0.2; }
.pagination li.page-number a {display: inline-block; width: 3.25rem; height: 3.25rem; line-height: 3.25rem; padding: 0; }

/*** Typography ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Work Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 700; color: var(--primary-color); }
.hero-text p {color: #fff; }
.hero-headline {font-size: calc(var(--default-font-size) * 1.75); font-weight: 700; margin-bottom: 0; }
.hero-subline {font-size: calc(var(--default-font-size) * 1.25); font-weight: 600; }

p, li {font-size: var(--default-font-size); line-height: 1.5; }
p.lead {font-size: calc(var(--default-font-size) * 1.25); }
p.details, li.details, ul.details li, ol.details li {font-size: calc(var(--default-font-size) * 0.85); }

footer {color: var(--footer-font-color); }
p.company {font-size: calc(var(--default-font-size) * 1.1); font-weight: 700; }
p.company-sub {font-weight: 500; }
p.copyright {font-size: calc(var(--default-font-size) * 0.85); line-height: 1; margin-bottom: 0; margin-top: 1.25rem; }

@media print, screen and (min-width: 40em) {
	.hero .hero-text {left: calc((100vw - var(--scrollbarWidth) - var(--grid-row-maxwidth)) / 2 + var(--grid-gutter-half)); width: calc(var(--grid-row-maxwidth) * 0.45); }
	
	footer .line-top {margin-bottom: 1rem; }
	.footer-nav {margin: 0; }
	.footer-nav .menu li a {padding: 0.7rem 1.25rem .7rem 0; }
	
}


@media print, screen and (min-width: 64em) {
	header {background: var(--header-background-color); }
	.top-bar {padding: 0.75rem 0; margin: 0 0; }
	.top-bar .top-bar-left {display: flex; flex-direction: row; align-items: center; }
	.top-bar .menu a {color: var(--primary-color); padding: 0.5rem 1rem; background: transparent; border-bottom: none; }
	.logo-header, .logo-footer {width: 12.5rem; height: 3.75rem; }
	.logo-header {margin-right: 2rem; }
	
	.hero {height: 50vh; height: 50svh; }
	.contents, footer {padding: 2rem 0; }
	
	#social-media {margin: 0; }
	footer .menu.social {justify-content: flex-end; }
	.social-link {margin: 0 0 0.75rem 0.75rem; }
	.social-link a {padding: 0; }
	.social-icon {width: 3.5rem; background: var(--footer-font-color); border-radius: 100%; }
	
	.pagination li.prev a, .pagination li.next a {overflow: hidden; text-indent: 0; }
	
	/*** Typography ***/
	p.copyright {font-size: calc(var(--default-font-size) * 0.85); line-height: 1; margin-bottom: 0; margin-top: 0.7rem; text-align: right; }
}


@media print, screen and (min-width: 75em) {
	.top-bar {padding: 1rem 0; }
	.logo-header, .logo-footer {width: 15rem; height: 4.5rem; }
	.scrolled .logo-header, .scrolled .logo-footer {height: 3.75rem; }
	.hero {height: 58vh; height: 58svh; }
	.contents, footer {padding: 2.5rem 0; }
	
	footer .line-top {margin-bottom: 2rem; }
	
	
}


@media print, screen and (min-width: 90em) {
	.top-bar {padding: 1.25rem 0; }
	.contents, footer {padding: 3rem 0; }
	
	/*** Typography ***/
}


@media print, screen and (min-width: 120em) {
	.contents, footer {padding: 4rem 0; }
	
	
}