@font-face {
		font-family: 'Indie Flower';
		src: url('../fonts/IndieFlower.eot');
		src: url('../fonts/IndieFlower.eot?#iefix') format('embedded-opentype'),
			url('../fonts/IndieFlower.woff2') format('woff2'),
			url('../fonts/IndieFlower.woff') format('woff'),
			url('../fonts/IndieFlower.ttf') format('truetype'),
			url('../fonts/IndieFlower.svg#IndieFlower') format('svg');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	.myFont {
		font-family: 'Indie Flower';
	}

html, body, * {
	margin: 0px;
	padding: 0px;
	font-family: arial;
}

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}


#mainbody {
	width: 1500px;
	margin: 0px auto 25px auto;
}

#mainnav {
	display: inline-block;	
	float: left;
	/* width: 180px;
	margin-right: 40px; */
	width: 224px;
}

#mainnav a {
	border: 0px;
	display: block;
}

/*
#mainnav a.active {
	opacity: 0.5!important;
}
*/

#mainnav a img {
	max-width: 100%;
	display: block; 
}

#mainnav .mainnavlogo {
	/* margin-bottom: 263px;  */
	/* margin-bottom: 180px; */
	/* margin-bottom: 166px; */
	/* margin-bottom: 143px; */
	margin-bottom: 169px;
	width: 180px;
}

#mainnav .mainnavlogo2 {
	height: 73px; 
	margin-bottom: 24px;
}

#mainnav .mainnavlogo.withlogo {
}


#mainnav .mainnavlogo2text {
	font-size:11px; 
	height: 14px;
}

#mainnav .navbtncont {
	width: 224px;
	height: 73px;
	display: block;
	margin-bottom: 10px;
}

#mainnav .navbtncont div:nth-child(1) {
	display: inline-block;
	float: left;
}

#mainnav .navbtncont div:nth-child(2) {
	display: inline-block;
	margin-left:4px;
	margin-top:2px;
}

#mainnav .navbtncont div:nth-child(2) .triangle {
	width: 0px;
	height: 0px;
	border: none;
}

#mainnav .navbtncont div:nth-child(2) .triangle.active {
	border-style: solid;
	border-width: 35px 0 35px 30px;
	border-color: transparent transparent transparent transparent;
	transform: rotate(0deg);
}

#mainnav .navbtncont div:nth-child(2) .triangle .inner-triangle {
	display: none;
}

#mainnav .navbtncont div:nth-child(2) .triangle.active .inner-triangle {
	display: inline-block;
    position: relative;
    top: -20px;
    left: -25px;
    width: 0;
    height: 0;
	border-style: solid;
	border-width: 20px 0 20px 18px;
	/* border-color: transparent transparent transparent transparent; */
	border-color: transparent transparent transparent #fff;
	transform: rotate(0deg);
}

#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol0 {border-color: transparent transparent transparent #c91d1b!important;}
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol1 {border-color: transparent transparent transparent #96c01e!important;}
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol2 {border-color: transparent transparent transparent #598cb9!important;}
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol3 {border-color: transparent transparent transparent #35b6b2!important;} 
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol4 {border-color: transparent transparent transparent #ef6301!important;} 
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol5 {border-color: transparent transparent transparent #fec200!important;} 
#mainnav .navbtncont div:nth-child(2) .triangle.active.navbtncol6 {border-color: transparent transparent transparent #fec200!important;} 

/*
#c81c1c
#01843e
#f07d00
#1422da
#33fab9
#8bc33e
*/


#maincont {
	display: inline-block;
	/* width: 1330px; */
	width: 1200px;
/*	background-color:#ddd; */ 
	
}

#maincont.mm8 {
	margin-left: -8px;
}





.mainconth1 {
	margin-top: 15px;
	margin-bottom: 35px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt42 {
	margin-top: 42px;
}

.center {
  margin: auto;
  width: 50%;
  /* border: 3px solid green;
  padding: 10px;
  */
}


.mcol0 {color: #c71c1b;}
.mcol1 {color: #4c76ba;}
.mcol2 {color: #f07d00;}
.mcol3 {color: #00843e;}





/*
	#maincont .tile {
		margin-right: 40px;
		margin-bottom: 40px;
		display: inline-block;
		width: 360px;
		height: 360px;
	} 
*/