html, body { float: left; display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; background-attachment: fixed; background-image: radial-gradient(ellipse farthest-corner at center, #BFFFF4 0%, #00A3EF 50%, #256AD4 75%, #5716EF 100%); color: #eee; text-align: center; font-size: 1em; font-family: 'Arial'; /*text-shadow: 1px 1px 20px #fff;*/ overflow-x: hidden; }
.bg { position: absolute; width: 100%; height: auto; margin: 0; z-index: 100; overflow: hidden; background: rgba(0,0,200,0.5); }

.container { width: 100%; margin: 0; padding: 0; text-align: center; }
.container .vj { width: 100%; margin: 25px 0 0 0; font-size: 2.5em; font-weight: 600; font-family: '9'; }
a { text-decoration: none; color: #fff; white-space: nowrap; }
a:hover { color: #f00; }
.links { display: inline-block; margin: 5px 0 15px 0; font-size: 1.5em; line-height: 1.5em; text-align: center; font-family: '5'; }
.links a { padding: 0 7.5px; }

hr { width: 50%; margin: 0 25%; }

.head { display: inline-block; margin: 40px 0; }
.head h1, .about h2, ._b h2 { font-size: 4.5em; margin: 0; padding: 0; font-family: '2'; }
.head h2, .about h3, ._b h3 { font-size: 1.57em; margin: -4px 0 0 0; padding: 0; font-family: '4'; }

.about { float: left; width: 100%; margin: 50px 0; }
.about img { width: 60%; margin: 40px 20% 0 20%; }

.mpf { float: left; width: 200%; margin: 0; padding: 0; overflow: hidden; }
.mpf .swc { float: left; position: relative; width: 12%; margin: 10px 0.25%; padding: 0; overflow: hidden; background: none; color: #000; text-align: center;
	animation: inner 60s linear 0s infinite normal none running; transition: 12s ease-in-out; }
.mpf .swc h4 { position: absolute; margin: 0; bottom: 0; right: 0; padding: 10px; color: #cdcdcd; text-shadow: 0 -3px 1px #000, 3px 0 1px #000, 0 3px 1px #000, -3px 0 1px #000; }
.mpf .swc img { display: block; width: 100%; aspect-ratio: 16/9; margin: 0; padding: 0; box-shadow: 1px 4px 6px 0 #111; }
@keyframes inner { 0% { left: 0%; } 100%{ left: -50%; } }
.slow .swc { animation: inner 60s linear 0s infinite reverse none running; }
.slow { margin: 0 0 50px 0; }

._b { float: left; width: 98%; margin: 100px 1%; padding: 200px 0; }

.contact { float: left; width: 100%; }
.firstname { display: none; }
._cw > label:after { content: ' \25be'; }
.cw, ._cw > label, ._cw > input, ._cw > textarea { clear: both; float: left; position: relative; width: 39.5%; margin: 15px 0 0 25%; z-index: 1000; text-align: left; }
._cw > label, ._cw > input, ._cw > textarea { margin: 7px 0 0 30%; z-index: 1000; text-align: left; }
._cw > input, ._cw > textarea { padding: 0 0 0 0.5%; background: #ccc; border: none; color: #000; font-size: 1.4em; line-height: 1.5em; outline: none; border-radius: 15px; font-weight: 600; }
._cw > label { font-size: 1.5em; font-weight: 600; }
._cw > input { height: 2em; margin-bottom: 10px; }
._cw > textarea { display: inline-block; min-width: 39.5%; max-width: 39.5%; padding: 10px; min-height: 7.5em; box-shadow: none; }
._cw > input#submit { clear: both; float: right; width: auto; height: auto; margin: 12px 29.5% 100px 0; padding: 10px 20px; color: #333; text-shadow: none; }
._cw > ::placeholder { color: #333; font-weight: 600; }
textarea { font-family: 'Arial'; }

::-webkit-scrollbar { background: #000; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 #fff; border-radius: 0; }
::-webkit-scrollbar-thumb { background: #222; border-radius: 0; -webkit-box-shadow: inset 0 0 0 #000; font-size: 2em; display: inline-block; width: .2em; height: .4em; border: .05em solid #222; position: relative; z-index: 1; }
*{ scrollbar-width: thin; scrollbar-color: #222 #000;}

::selection { background: #000; color: #fff; }

@media only screen and (min-width: 769px) and (max-width: 1500px) {
	.about img { width: 98%; margin: 40px 1% 0 1%; }

	._cw label, ._cw input, ._cw > textarea, ._cw > input#submit { width: 60%; margin: 15px 2% 0 18%; font-size: 1.2em; }
	._cw > textarea { min-width: 60%; max-width: 60%; padding: 10px; }
	._cw input, ._cw > input#submit { margin: 0 18%; padding: 0 10px; }
	._cw input { margin: 5px 2% 0 18%; }
	._cw > input#submit { width: auto; margin: 20px 18% 50px 2%; padding: 10px 20px; }
	form > ._cw > p { width: 94%; margin: 20px 3%; font-size: 1em; }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
	.about img { width: 98%; margin: 40px 1% 0 1%; }
	
	._b { margin: 50px 1%; }

	._cw label, ._cw input, ._cw > textarea, ._cw > input#submit { width: 80%; margin: 15px 2% 0 8%; font-size: 1.1em; }
	._cw > textarea { min-width: 80%; max-width: 80%; padding: 10px; }
	._cw input, ._cw > input#submit { margin: 0 8%; padding: 0 10px; }
	._cw input { margin: 5px 2% 0 8%; }
	._cw > input#submit { width: auto; margin: 20px 8% 50px 2%; padding: 10px 20px; }
	form > ._cw > p { width: 94%; margin: 20px 3%; font-size: 1em; }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
	a { font-size: 0.8em; }
	.head h1, .about h2, ._b h2 { font-size: 2.5em; }
	.head h2, .about h3, ._b h3 { font-size: 1.1em; }

	.about img { width: 98%; margin: 40px 1% 0 1%; }

	._b { margin: 50px 1%; }

	._cw label, ._cw input, ._cw > textarea, ._cw > input#submit { width: 80%; margin: 15px 2% 0 8%; font-size: 1em; }
	._cw > textarea { min-width: 80%; max-width: 80%; padding: 10px; }
	._cw input, ._cw > input#submit { margin: 0 8%; padding: 0 10px; }
	._cw input { margin: 5px 2% 0 8%; }
	._cw > input#submit { width: auto; margin: 20px 8% 50px 2%; padding: 10px 20px; }
	form > ._cw > p { width: 94%; margin: 20px 3%; font-size: 1em; }
}
@media only screen and (min-width: 100px) and (max-width: 480px) {
	a { font-size: 0.6em; }
	.links { line-height: 1em; }
	.head h1, .about h2, ._b h2 { font-size: 1.75em; }
	.head h2, .about h3, ._b h3 { font-size: 0.8em; }

	.about, .head { margin: 20px 0; }
	.about img { width: 98%; margin: 40px 1% 0 1%; }

	.mpf { width: 500%; }

	._b { margin: 20px 1%; }

	._cw label, ._cw input, ._cw > textarea, ._cw > input#submit { width: 90%; margin: 15px 2% 0 2%; font-size: 1em; }
	._cw > textarea { min-width: 90%; max-width: 90%; padding: 10px; }
	._cw input, ._cw > input#submit { margin: 0 2%; padding: 0 10px; }
	._cw input { margin: 5px 2% 0 2%; }
	._cw > input#submit { width: auto; margin: 20px 2% 50px 2%; padding: 10px 20px; }
	form > ._cw > p { width: 94%; margin: 20px 3%; font-size: 1em; }
}

@font-face{font-family:'1';src:url('/fonts/1.otf');font-display:swap;}@font-face{font-family:'2';src:url('/fonts/2.otf');font-display:swap;}@font-face{font-family:'3';src:url('/fonts/3.otf');font-display:swap;}@font-face{font-family:'4';src:url('/fonts/4.otf');font-display:swap;}@font-face{font-family:'5';src:url('/fonts/5.otf');font-display:swap;}@font-face{font-family:'6';src:url('/fonts/6.otf');font-display:swap;}@font-face{font-family:'7';src:url('/fonts/7.otf');font-display:swap;}@font-face{font-family:'8';src:url('/fonts/8.otf');font-display:swap;}@font-face{font-family:'9';src:url('/fonts/9.otf');font-display:swap;}