@charset "UTF-8";
/* Stand Jun 2023 | V 4.00 */

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


*{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100%;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}

body {
  /*background-color: #050505;*/
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

/* POP UP */
#popwrapper{display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:9001;}
#popwrapper.active{display:flex;}
#popovrly{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
#popdetails{display:flex;justify-content:space-between;align-items:stretch;width:800px;max-width:95vw;max-height:80vh;padding:40px;background:#ffffff; color: #050505;box-shadow:5px 10px 20px 1px rgba(0,0,0,.5);overflow-y:auto;z-index:1;border:1px solid #D7B86A;}
#popdetails .popinner p.headline {font-family: "Montserrat", sans-serif;font-weight:800;font-size: 18px;color: #D7B86A;}
#popdetails .popinner p > a {color: #D7B86A;text-decoration: none;}
#popdetails .popinner p > a:hover {opacity: .75;}
#popdetails > aside{display:block;width:10%;order:2;position:relative;}
.popinner{display:none;width:90%;order:0;}
.popinner.active{display:block;}
a#popclose{position:sticky;top:0;display:block;text-decoration:none;color:#ffffff;font-size:24px;font-weight:800;width:100%;text-align:right;line-height:1;}
a#popclose:hover{opacity:.4;}

main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 60px 20px;
}

.synox-logo-wrap {
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.synox-logo-wrap img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}

.cstext {
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #1e2749;
	font-size: 1.4rem;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}

.under-construction {
	font-weight: 400;
	color: #050505;
	font-size: 1rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	margin-top: 12px;
}

footer {
	background-color: #f2f2f2;
	border-top: 1px solid rgba(215,184,106,0.2);
	padding: 20px;
	color: #0f0f0f;
}

footer .centered {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

footer .midco-logo {
	max-width: 200px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

footer .contact {
	font-size: 1rem;
	font-style: normal;
	color: #0f0f0f;
	text-align: center;
	line-height: 1.8;
}

footer .contact strong {
	color: #0f0f0f;
	font-weight: 600;
	display: block;
	font-size: 1rem;
	margin-bottom: 4px;
}


footer .contact a {
	color: #1e2749;
	text-decoration: none;
}

footer .contact a:hover {
	opacity: .6;
}

footer .divider {
	width: 1px;
	height: 180px;
	background: rgba(215,184,106,0.25);
}

footer p.small {
	text-align: center;
	margin: 0;
}

footer p.small > a {
	color: #1e2749;
	font-weight: 600;
	font-size: .7rem;
	text-transform: uppercase;
	text-decoration: none;
}

footer p.small > a:hover {
	opacity: .6;
}

.cols {
	display: flex;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
	justify-content: center;
}

@media (max-width: 600px) {
  footer .divider { display: none; }
  .cols { gap: 24px; }
  .synox-logo-wrap { max-width: 320px; }
	
	.cstext {
	font-size: 1rem;
}

.under-construction {
	font-size: .8rem;
}
}