/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */


/* Main Page CSS */
html {
  scroll-behavior: smooth;
}
body, div, p, a, h1, h2, h3, span, li {
	font-family: Inter, arial, helvetica; 
}
body {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  border:0px;
  padding:0px;

}
h1 { 	
	font-size:0.9em; 
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
h2 {
	font-weight:bold;
	font-size: 1.4em;
	margin: 0px 0px 0px 0px;
}
h3 {
	font-weight:bold;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
}
p {
	font-size: 0.95em;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
li { 
	line-height:1.5em;
}
span {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
a.anchorPos {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}

@font-face {
  font-family: 'Stardom-Regular';
  src: url('../fonts/Stardom-Regular.woff2') format('woff2'),
       url('../fonts/Stardom-Regular.woff') format('woff'),
       url('../fonts/Stardom-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}


@media only screen and (max-width: 599px) {
	.mainwidth {
		min-width:400px;
		max-width:400px; }
	.textbox1size {
		width: 100%; }
	.visdivnavblockpc {
		visibility: hidden;
		width: 0%; }
	.visdivnavblockmob {
		visibility: visible;
		width: 99%; }
	.leftspace {
		margin-left:0%; }
	.citation {
		font-family: Stardom-Regular, Inter, arial, helvetica;
		font-size: 2em; 
		width: 100%;
		color:#333333;
		border:solid 0px #eeeeee;
		border-radius: 24px; }
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
    .mainwidth {
		min-width:600px;
		max-width:600px; }
	.textbox1size {
		width: 29%;
		min-height: 420px;
		min-width: 170px; }
	.visdivnavblockpc {
		visibility: hidden;
		width: 0%; }
	.visdivnavblockmob {
		visibility: visible;
		width: 99%; }
	.leftspace {
		margin-left:0%; }
	.citation {
		font-family: Stardom-Regular, Inter, arial, helvetica;
		font-size: 2em; 
		width: 100%;
		color:#333333;
		border:solid 0px #eeeeee;
		border-radius: 24px; }
}
@media only screen and (min-width: 800px) and (max-width: 1099px) {
	.mainwidth {
		min-width:800px;
		max-width:800px; }
	.textbox1size {
		width: 30%;
		min-height: 420px;
		min-width: 170px; }
	.visdivnavblockpc {
		visibility: visible;
		width: 99%; }
	.visdivnavblockmob {
		visibility: hidden;
		width: 0%; }
	.leftspace {
		margin-left:0%; }
	.citation {
		font-family: Stardom-Regular, Inter, arial, helvetica;
		font-size: 2em; 
		width: 100%;
		color:#333333;
		border:solid 0px #eeeeee;
		border-radius: 24px; }
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.mainwidth {
		min-width:1100px;
		max-width:1100px; }
	.textbox1size {
		width: 30%;
		min-height: 420px;
		min-width: 170px; }
	.visdivnavblockpc {
		visibility: visible;
		width: 99%; }
	.visdivnavblockmob {
		visibility: hidden;
		width: 0%; }
	.leftspace {
		margin-left:0%; }
	.bgimg2 {
		background: url("../images/mainimg2small.jpg");
		background-repeat: no-repeat;		
		background-position: 10% top; }
	.citation {
		font-family: Stardom-Regular, Inter, arial, helvetica;
		font-size: 2.5em; 
		width: 100%;
		color:#333333;
		border:solid 0px #eeeeee;
		border-radius: 24px; }
}
@media only screen and (min-width: 1200px) {
	.mainwidth {
		min-width:1200px;
		max-width:1200px; }
	.textbox1size {
		width: 30%;
		min-height: 420px;
		min-width: 170px; }
	.visdivnavblockpc {
		visibility: visible;
		width: 99%; }
	.visdivnavblockmob {
		visibility: hidden;
		width: 0%; }
	.leftspace {
		margin-left:20%; }
	.bgimg2 {
		background: url("../images/mainimg2small.jpg");
		background-repeat: no-repeat;		
		background-position: 10% top; }
	.citation {
		font-family: Stardom-Regular, Inter, arial, helvetica;
		font-size: 3em; 
		width: 100%;
		color:#333333;
		border:solid 0px #eeeeee;
		border-radius: 24px; }
}

.divnavheader {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	position: fixed;
	top: 0px;
	z-index: 999;
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	border: solid #ff0000 0px;
	background-color: #ee7601;	
}

.divnav {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: fixed;
	top: 32px;	
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	background-color:#ffffff;
	z-index: 999;
	border: solid #0000ff 0px;
	border-bottom:solid #eeeeee 1px;
}
.divnavleftright {
	width: 100%;	
}
.divnavcenter {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	border: solid #ffff00 0px;
}

.divnavblock {
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-end;
	border: solid #00ff00 0px;
}
.divtitel {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	flex-grow: 0;
	font-size: 1.1em;
	text-align: center;
	border: solid #ff0000 0px;
	background-color:#ffffff;
}
.navtxt {		
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	align-self: flex-end;
	flex-grow: 0;
	border: solid #ff0000 0px;
	padding:10px 0px 10px 0px;
}
.navlnk {
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #ee7601;
	opacity: 1;
	border: solid #0000ff 0px;
}
.navlnk:hover {
	text-decoration: none;
	color: #be5e00;
	opacity: 1;
}
.biglnk {
	text-decoration: none;
	font-weight: bold;
	color: #ee7601;
	opacity: 1;
}
.biglnk:hover {
	text-decoration: none;
	color: #be5e00;
	opacity: 1;
}


.navh2 {
	margin: 0px 25px 0px 0px;
	height: 0.75em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 0.5em;
	border: solid #00ff00 0px;
}

.emptydiv {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	height: 70px;
	background-color: #ffffff; 
	z-index: 100;
}

.divbody {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;	  
}
.bgmaingray {
	background-color:#eeeeee;
}
.bgmainwhite {
	background-color:#ffffff;
}
.bgmainblack {
	background-color:#000000;
}
.bgmaincolor{
	background-color:#ee7601;
}


.divbodyleftright {
	width: 100%;	
}
.divbodycenterrow {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	border: solid #00ff00 0px;	
}
.divbodycentercol {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	border: solid #00ff00 0px;	
}
.divbodycentercontact {
	width:100%;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	border: solid #00ff00 0px;	
}


.bgimg100 {
	width: 100%;
	height: 500px;
	background: url("../images/mainimg1.jpg");
	background-repeat: no-repeat;
	background-position: center 15%;
	background-size: cover;
	opacity: 1;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.bgimg200 {	
	background-color: #afafaf;	
	display: flex;
	flex-direction: colum;
	align-items: flex-start;
	border: solid #ff0000 0px;
}

.promobox1 {
	margin: 300px 0px 0px 0px;	
	border-radius: 6px;
	background-color: rgba(255,255,255,0.8);
	display: flex;
	flex-direction: column;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	border: solid #00ff00 0px;
}
.promobox1txt
{
	width: 100%;
	text-align: center;
	color: #000000;	
	border: solid #0000ff 0px;
}
.promobox1btn {
	width: 260px;	
	text-align: center;
	background-color: rgba(238,118,1,1);
	border-radius: 30px;
	align-self: center;
	margin: 10px 0px 0px 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border: solid #0000ff 0px;
}
.promobox1btn:hover {
	background-color: rgba(190,94,0,1);
}
.promobox1btn:active {
	background-color: rgba(10,200,0,1);
}
.promobox1btnlnk {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration:none;
	align-self: center;
}

/* Content CSS */
.flexrow {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
	align-items:center;
	background-color:#ffffff;
}

.txtbox1 {	
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 1.5;
	background-color:#ffffff;
	border: solid #0000ff 0px;
}
.txtbox2 {
	width: 100%-20px;	
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5;
	background-color:#ffffff;
	border: solid #0000ff 0px;
}
.pad10 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.txtbox1txtcol {
	color: rgba(238,118,1,1);
}
.txtbox2txtcol {
	color: #ffffff;
}

.imgbox {
	width: 49%;
	min-width: 400px;
	max-width: 610px;	
	margin: 0px 0px 0px 0px;
	border: solid #ff0000 0px;
}
.imgboximg3 {
	width: 100%;
	height: auto;
	max-width: 610px;
	border: solid #00ff00 0px;
}
.listbox {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: solid #0000ff 0px;
}
.w50p {
	width: 50%;
	max-width: 750px;
    min-width: 400px;	
}
.mediwidth {
	width: 49%;
}
.pad30px {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.pad60px {
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}



.listboxtxt{
	width: 898px;
	margin: 20px 0px 0px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.75);
	border: solid #00ff00 0px;
}
.listboxmedi {
	width: 100%-20px;
	min-height: 180px;
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: rgba(255,255,255,1);
	border: solid #ff0000 0px;
}
.listboxcontact {
	width: 75% ;
	text-align: center;
	min-height: 180px;
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: rgba(255,255,255,1);
	border-radius: 24px;
	border: solid #ff0000 0px;
}
p.contact {
	font-size:1.5em;
	font-weight: bold; }
	
. maintitle {
  text-transform: uppercase; }
  
.legals {
	color: #ee7601;
	text-decoration: underline; }