@charset "utf-8";
/* CSS Document */
body {font-family:'Helvetica Now Text', 'Montserrat', sans-serif;margin:0;padding:0;font-size:16px;font-weight:400;background: #0b3e27;color:#ffffff;min-width:320px;}
input:-internal-autofill-selected {background:none;}
* {margin:0;padding:0;box-sizing:border-box;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;}
*.gfont {font-family:'Tomorrow', sans-serif;}
*.gefont {font-family:'Genos', sans-serif;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Helvetica Now Text', serif;background:none;color:inherit;}
button, input, textarea {font-family:'Helvetica Now Text', sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:none;color:inherit;}
img::selection {color:inherit;background:none;}
#default {display:block;position:fixed;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;}
#default-hold {display:block;position:fixed;z-index:-1;}
@media screen and (max-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:10px;}
}
@media screen and (min-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:50px;}
}
@media screen and (min-width: 639px)
{
	#default-hold {width:150px;}
}
@media screen and (min-width: 777px)
{
	#default-hold {width:250px;}
}
@media screen and (min-width: 959px)
{
	body {font-size:16px;}
	#default-hold {width:350px;}
}
@media screen and (min-width: 1169px)
{
	#default-hold {width:450px;}
}
@media screen and (min-width: 1399px)
{
	#default-hold {width:550px;}
}
@media screen and (min-width: 1639px)
{
	#default-hold {width:650px;}
}
@media screen and (min-width: 1919px)
{
	body {font-size:18px;}
	#default-hold {width:750px;}
}
@media screen and (min-width: 2299px)
{
	#default-hold {width:850px;}
}

/* Transition */
button, button:hover,
input, input:focus, input:hover, textarea, textarea:focus,
a, a img, a::before, a::after
	{transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-moz-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-webkit-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-o-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;}
a svg, button svg
	{transition:fill 0.3s;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;}

/* 404 */
#p404-bg {position:fixed;z-index:10;width:100%;height:100%;left:0%;top:0%;background: linear-gradient(90deg, #197149, #0b3e27);}
#p404-ro {position:fixed;z-index:20;width:20em;height:20em;border-radius:10em;background:#197149;left:50%;top:50%;margin:-10em;box-shadow:inset 0em 0em 4em rgba(11,62,39,0.95);}
#p404 {position:fixed;z-index:100;color:#ffffff;left:8%;width:84%;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);text-align:center;}
#p404 h1 {line-height:1em;font-size:5em;font-weight: 400;}
#p404 p {font-weight: 300;line-height:1.15em;text-transform: uppercase;letter-spacing:0.2em;font-size:0.75em;margin-bottom:0.75em;}
#p404 a {line-height:1.2em;margin:auto;display: block;width:8em;text-align:center;background:#ffffff;color:#0b3e27;padding:0.4em;border-radius:1em;box-shadow:0px 2px 0.5em rgba(0,0,0,0.25);}
#p404 a:hover {background:#0b3e27;color:#ffffff;}

#p404-ro,
#p404 {font-size:clamp(20px,1.75vw,32px)}