

.v-mobile {
	display: none;
}

@media only screen and (max-width: 480px) {
	.v-mobile {
		display: block;
	}

	.v-desk {
		display: none;
	}

}

/*
.clickcontrol:hover {
	cursor: pointer;;
}
*/

html {
	scroll-behavior: smooth;
}

img {	width: 100%; height: auto; border:0px; display: block;}
body a {
	text-decoration: none !important;
	color: inherit;
}


table {width: 100%; border-spacing:0px;}

td {
	vertical-align: top;
}



#loader {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0;
	background-color: #fff8ed;
	z-index: 1100;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#loader img.preload-logo {
	width: auto;
	max-width: 300px;
}

#loader h1 {
	color: #2a00ab;
	font-size: 1.5em;
	text-align: center;
	margin: 0px 25px;
}

.fading {
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.easing {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#quickmenu {
	position: fixed;
	top : 150px;
	right: -100vw;
	z-index: 100;
	width: 100vw;
}

#quickmenu img {
	width: 100vw;
	max-width: 800px;
	height: auto;
	margin: 0 auto;
}

#popmenu {
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 200;
}

#popmenu img {
	max-width: 100px;
	width: 15vw;
	height: auto;
}


#bgoverlay {
	position: fixed;
	z-index: 50;
	width: 100vw;
	height: 100vh;
	top:0;right: -100vw;
	background: rgb(255,255,255);
	opacity: 0.9;
}

.flex-wrapper {
	display: flex;
  	align-items: top;
  	justify-content: center;
	height: 100vh;
}

.bg-color {background-color: #f8ec1e;}
.bg-color-dark {background-color: #f0c81b;}
.bg-color-grad {

	background: #ffffff;
}

.no-margin { margin: 0px; }
.align-center { margin: 0 auto;}
.round-box {border-radius: 15px; }
.body-canvas {
	max-width: 800px;
	width: auto;
	font-family: "Arial", "Noto San";
	font-size: 12px;
}


.footer {
	margin-bottom: 30px;
}
.section-block {
	margin: 20px;
	padding: 10px 30px;
	background-color: #FBFFC8;
}

.section-block h3 {	font-size: 2em; margin: 10px 0px 20px 0px;}
.section-block h6 {	font-size: 1.4em; line-height: 1em; margin: 10px 0px;}
.section-block p { margin-bottom: 20px;}

.btn_back {
	display: block;
	border-radius: 10px;
	padding: 15px 0 0 0;
	width: 200px;
	height: 40px;
	text-align: center;
	background-color: #00A1AB;
	border: 2px solid #19D1D4;
	color: #eee;
	font-weight: bold;
	font-size: 1.5em;
}
