@charset "utf-8";

/* CSS Document */



@media screen and (max-width: 2560px) { :root { --font-rem: 28px; } }

@media screen and (max-width: 2400px) { :root { --font-rem: 26px; } }

@media screen and (max-width: 2240px) { :root { --font-rem: 24px; } }

@media screen and (max-width: 2080px) { :root { --font-rem: 22px; } }

@media screen and (max-width: 1920px) { :root { --font-rem: 20px; } }

@media screen and (max-width: 1760px) { :root { --font-rem: 18px; } }

@media screen and (max-width: 1600px) { :root { --font-rem: 16px; } }

@media screen and (max-width: 1440px) { :root { --font-rem: 14px; } }

@media screen and (max-width: 1280px) { :root { --font-rem: 12px; } }

@media screen and (max-width: 1120px) { :root { --font-rem: 10px; } }

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

	.mobile-only {

		display: none;

	}

}

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

	.scroll-lock {

		overflow: hidden;

	}

	.desktop-only {

		display: none;

	}

	:root {

		--size-space-s: 0.5rem;

		--size-space-m: 1rem;

		--size-space-l: 2rem;

		--size-border: 0.1rem;

		--size-radius-s: 0.3rem;

		--size-radius-m: 0.5rem;

		--size-page: 73rem;

		--size-sidebar: calc(1 / 3 * (var(--size-page) - 2 * (2 * var(--size-space-l) - 1 * var(--size-border))));

		--size-slide: 28rem;

		--size-slide-controls: 5rem;



		--font-primary: 'Barlow', sans-serif;

		--font-secondary: 'Barlow', sans-serif;

		--font-regular: 400;

		--font-bold: 600;

		--font-light: 300;

		--font-rem: 20px;

		--font-size-s: 0.6rem;

		--font-line-s: 0.75rem;

		--font-size-m: 0.72rem;

		--font-line-m: 0.9rem;

		--font-size-l: 0.8rem;

		--font-line-l: 1rem;

		--font-size-xl: 1rem;

		--font-line-xl: 1.25rem;



		--color-background: #ffffff;

		--color-foreground: #2a292e;

		--color-grey-xxd: #2a292e;

		--color-grey-d: #626168;

		--color-grey-m: #7e7d82;

		--color-grey-l: #bcbbbf;

		--color-grey-xl: #ede6e6;

		--color-grey-xxl: #eff2f3;

		--color-primary: #1ba6e6;

		--color-primary-o: #1ba6e633;

		--color-secondary: #fa001b;

		--color-secondary-o: #fa001b33;

		--color-tertiary: #deb100;

		--color-tertiary-o: #deb10033;



		--image-small-w: 90px;

		--image-small-h: 60px;

		--image-medium-w: 480px;

		--image-medium-h: 320px;

		--image-medium_large-w: 720px;

		--image-medium_large-h: 720px;

		--image-large-w: 1600px;

		--image-large-h: 1600px;

		--image-thumbnail-w: 240px;

		--image-thumbnail-h: 160px;



		--list-none: none outside none;



		--shadow-m: 0.2rem 0.2rem 0 var(--color-grey-l);

		--shadow-s: 0.1rem 0.1rem 0 var(--color-grey-xl);

		--transition-m: all calc(1 / 3 * 1s) ease-in-out 0s;



		--vh: 100vh;

	}



	body > .site {

		height: 100vh;

		height: calc(var(--vh, 100vh));

		min-height: -webkit-fill-available;

	}



	body {

		display: block;

		width: auto;

		margin: 0;

		border: 0;

		padding: 0;

		font-family: var(--font-primary);

		font-size: var(--font-size-m);

		line-height: var(--font-line-m);

		color: var(--color-foreground);

		background-color: var(--color-background);

	}

	h1 {

		font-size: calc( 24 / 10 * var(--font-size-l));

		line-height: calc( 27 / 10 * var(--font-size-l));

	}

	h2 {

		font-size: calc( 19 / 10 * var(--font-size-l));

		line-height: calc( 22 / 10 * var(--font-size-l));

	}

	h3 {

		font-size: calc( 15 / 10 * var(--font-size-l));

		line-height: calc( 18 / 10 * var(--font-size-l));

	}

	h4 {

		font-size: calc( 12 / 10 * var(--font-size-l));

		line-height: calc( 15 / 10 * var(--font-size-l));

	}

	h5 {

		font-size: calc( 10 / 10 * var(--font-size-l));

		line-height: calc( 13 / 10 * var(--font-size-l));

	}

	h6 {

		font-size: calc( 9 / 10 * var(--font-size-l));

		line-height: calc( 12 / 10 * var(--font-size-l));

	}



	a.button.home,

	a.button.home:visited,

	a.button.home:hover,

	a.button.home:focus,

	a.button.home:active {

		position: relative;

		bottom: var(--size-border);

		font-size: var(--font-size-s);

		line-height: var(--font-line-s);

	}

	a.button.home img {

		height: calc(3 * var(--size-space-s));

		position: relative;

		top: var(--size-border);

	}



	.site .material-icons {

		font-size: 1rem;

	}



	table.datatable {

		display: block;

	}



	.site .site-main .main-item > .wrap {

		display: block;

	}

	.site .site-main .main-sidebar {

		flex-basis: 100%;

	}

	.site .site-main .main-content {

		flex-basis: 100%;

	}

	.site .site-main .main-sidebar:first-child,

	.site .site-main .main-sidebar:first-child + .main-sidebar {

		padding-right: 0;

		border-right: 0;

		border-bottom: var(--size-border) solid var(--color-grey-xxd);

		padding-bottom: var(--size-space-m);

		margin-bottom: var(--size-space-m);

	}

	.site .site-main .main-sidebar:last-child,

	.site .site-main .main-content ~ .main-sidebar {

		padding-left: 0;

		border-left: 0;

		border-top: var(--size-border) solid var(--color-grey-xxd);

		padding-top: var(--size-space-m);

		margin-top: var(--size-space-m);

	}



	.site .row,

	.site .row.tight {

		display: block;

	}

	.site .row .col,

	.site .row.tight .col {

		margin: 0 0 var(--size-space-m);

	}

	.site .wrap {

		width: calc(100% - 2 * var(--size-space-s));

	}

	.site .site-header .header-content {

		width: 100%;

		min-height: calc(3 * var(--size-space-m));

	}

	.site .section#site-header-main {

		width: 100%;

		height: calc(3 * var(--size-space-m));

		position: fixed;

		left: 0;

		top: 0;

		z-index: 2000;

	}

	.site .active .section#site-header-main {

		height: 100vh;

		height: var(--vh, 100vh);

	}

	.site .section#site-header-main .section-content > .wrap {

		min-height: 0;

		height: calc(3 * var(--size-space-m));

	}



	.site .section#site-header-top {

		width: 100%;

		position: fixed;

		left: 0;

		top: calc(3 * var(--size-space-m));

		opacity: 0;

		pointer-events: none;

		z-index: 2001;

	}

	.site .active .section#site-header-top {

		opacity: 1;

		pointer-events: all;

	}

	.site .section#site-header-top .section-content > .wrap {

		width: 100%;

	}

	.site .section#site-header-top #top-search-form {

		flex-grow: 1;

	}

	.site .section#site-header-top #top-search-form .field-wrap {

		flex-grow: 1;

	}



	.site .site-footer {

		padding: var(--size-space-m) 0;

		background-color: var(--color-grey-d);

	}

	.site .section#site-footer-main {

		display: block;

	}

	.site .section#site-footer-main .section-content {

		margin: var(--size-space-m) 0;

		border-left: 0 none transparent;

		border-top: var(--size-border) solid var(--color-background);

		border-bottom: var(--size-border) solid var(--color-background);

		padding: var(--size-space-m) 0;

	}

	.site .section#site-footer-main .section-aside {

		text-align: left;

	}

	.site .section#site-footer-main a[href^="tel:"],

	.site .section#site-footer-main a[href^="fax:"] {

		pointer-events: all;

	}



	.site .navigation#main-navigation {

		width: 100%;

		height: calc(var(--vh, 100vh) - 11 * var(--size-space-s));

		position: fixed;

		left: 0;

		top: calc(11 * var(--size-space-s));

		overflow-x: hidden;

		overflow-y: scroll;

		opacity: 0;

		pointer-events: none;

	}

	.site .active .navigation#main-navigation {

		opacity: 1;

		pointer-events: all;

	}

	.site .navigation#main-navigation.active {

		left: -100%;

		width: 200%;

		overflow-x: hidden;

		overflow-y: hidden;

	}

	.site .navigation#main-navigation .menu {

		display: block;

	}

	.site .navigation#main-navigation .menu > .menu-item {

		display: flex;

		flex-flow: column nowrap;

		position: relative;

	}

	.site .navigation#main-navigation.active .menu > .menu-item {

		width: 50%;

	}

	.site .navigation#main-navigation .menu > .menu-item.active {

		height: 100%;

		position: absolute;

		top: 0;

		left: 50%;

	}

	.site .navigation#main-navigation .menu > .menu-item > a,

	.site .navigation#main-navigation .menu > .menu-item > a:visited {

		display: inline-block;

		height: auto;

		padding: var(--size-space-s);

		flex-shrink: 0;

		flex-grow: 0;

		text-align: left;

	}

	.site .navigation#main-navigation .menu > .menu-item > .sub-menu {

		display: none;

		height: 0;

		overflow-x: hidden;

		overflow-y: hidden;

		position: static;

		flex-shrink: 1;

		flex-grow: 1;

		flex-basis: 100%;

		padding: var(--size-space-s);

	}

	.site .navigation#main-navigation .menu > .menu-item.active > .sub-menu {

		display: block;

		overflow-x: hidden;

		overflow-y: scroll;

	}

	.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item {

		width: 100%;

		margin: 0 0 var(--size-space-s);

	}

	.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:last-child {

		margin-bottom: 0;

	}

	.site .navigation#top-navigation {

		margin: 0 var(--size-space-s);

	}

	.site .navigation#top-navigation .menu > .menu-item {

		margin: 0 var(--size-space-s);

	}

	.site .navigation#breadcrumbs {

		display: none;

	}



	.site .slides,

	.site .mastheads {

		padding-top: calc(2 / 5 * 100%);

	}





	.listing .listing-header:not(:last-child),

	.listing .listing-footer:not(:last-child),

	.listing .listing-content:not(:last-child),

	.listing .listing-aside:not(:last-child) {

		margin-bottom: var(--size-space-m);

	}

	.listing .pagination:not(:first-child) {

		margin-top: var(--size-space-m);

	}

	.listing .pagination:not(:last-child) {

		margin-bottom: var(--size-space-m);

	}

	.listing .pagination ul.page-numbers li {

		margin: 0;

	}



	.listing:not(.col) .item.listing-item:not(tr) {

		flex-basis: 100%;

		margin-left: 0;

		margin-right: 0;

		display: block;

	}

	.listing:not(.col) .item.listing-item:nth-last-child(3):nth-child(3n+1),

	.listing:not(.col) .item.listing-item:nth-last-child(2):nth-child(3n+1),

	.listing:not(.col) .item.listing-item:nth-last-child(2):nth-child(3n+2),

	.listing:not(.col) .item.listing-item:nth-last-child(1):nth-child(3n+1),

	.listing:not(.col) .item.listing-item:nth-last-child(1):nth-child(3n+2),

	.listing:not(.col) .item.listing-item:nth-last-child(1):nth-child(3n+3) {

		margin-bottom: var(--size-space-m);

	}

	.listing .item.listing-item:not(tr) {

		min-height: 0;

		margin-bottom: var(--size-space-m);

	}

	.listing .item.result-item {

		display: block;

	}

	.listing.link-listing .item.listing-item {

		display: flex;

		margin: 0 0 var(--size-space-m) !important;

	}

	.listing:not(table) .listing-content:not(table):not(tbody) {

		display: block;

	}



	.site .section.archive .section-header {

		padding: var(--size-space-m) 0;

	}

	.site .section.archive .listing-subtitle {

		text-align: center;

		padding: 0;

		margin: 0 0 var(--size-space-m);

	}

	.site .section.archive .section-aside > .wrap {

		display: block;

		padding-top: var(--size-space-m);

	}

	.site .section.archive .section-aside .term-wrap .term {

		width: 100%;

		padding-left: calc(var(--size-space-m) - var(--size-border));

		padding-right: calc(var(--size-space-m) - var(--size-border));

		margin: 0 auto var(--size-space-s);

	}

	.site .section.archive .section-aside .term-wrap .term:last-child {

		margin-bottom: 0;

	}

	.site .section.archive .section-content {

		padding: var(--size-space-m) 0;

	}

	#archive-form .fields {

		display: block;

	}

	#archive-form .fields .field-wrap {

		width: 100%;

		margin: 0 auto var(--size-space-s);

	}

	#archive-form .fields .field-wrap:last-child {

		margin-bottom: 0;

	}

	#archive-form .fields .field,

	#archive-form .fields .button {

		width: 100%;

	}



	.page.home .site .site-main .main-content .listing .listing-header {

		display: block;

		width: 100%;

		height: auto;

		padding: calc(2 * var(--size-space-l)) var(--size-space-m) var(--size-space-m);

	}

	.page .main-item .main-item-header > .wrap {

		padding: 0;

	}

	.page .main-item .main-item-content > .wrap,

	.page .main-item .main-item-aside > .wrap,

	.page .main-item .main-item-footer > .wrap {

		padding: var(--size-space-m) 0;

	}

	.page .main-item .main-item-content {

		width: 100%;

	}

	.single .main-item .main-item-header > .wrap {

		padding: 0;

	}

	.single .main-item .main-item-content > .wrap,

	.single .main-item .main-item-aside > .wrap,

	.single .main-item .main-item-footer > .wrap {

		padding: var(--size-space-m) 0;

	}

	.single .main-item .main-item-content {

		width: 100%;

	}

	.site .item.main-item .main-item-header,

	.site .item.main-item .main-item-footer,

	.site .item.main-item .main-item-content,

	.site .item.main-item .main-item-aside {

		max-width: 100%;

		padding: var(--size-space-m) 0;

	}

	.main-item .main-item-content img {

		max-width: 100%;

		height: auto;

	}



	.listing.profile-listing.people .item.person {

		width: 100%;

		margin: 0 0 var(--size-space-m) !important;

	}

	.listing.download-listing.blocks {

		width: 100%;

	}

	.listing.download-listing.blocks .item .item-download .item-header {

		padding: var(--size-space-s);

	}

	.listing.download-listing.blocks .item .item-download .item-header .item-meta.mime_type {

		width: var(--size-space-m);

		height: var(--size-space-m);

		font-size: var(--size-space-m);

		line-height: var(--size-space-m);

		text-align: center;

		padding: 0;

	}

	.listing.download-listing.blocks .item .item-download .item-content {

		padding: var(--size-space-s) var(--size-space-s) var(--size-space-s) 0;

	}

	.listing.download-listing.blocks .item .item-aside .item.sub-item {

		width: 100%;

	}

	.listing.download-listing.blocks .item .item-aside .item.sub-item .item-content {

		min-height: calc(2 * var(--font-line-s));

		padding: 0 var(--size-space-s);

	}

	#custom-popup-notice {
		max-width: 100vw;
	}

}

@media screen and (max-width: 720px) {
	.owl-nav button {
		width: 40px;
	}

	.product-detailed-modal .product-modal-content {
		overflow: scroll;
	}

	.modal-product-image-thumb img {
		max-height: 330px;
	}

	.owl-nav .owl-prev:before {
		top:40%;
	}

	.owl-nav .owl-next:before {
		top:40%;
	}
}