article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
audio {
	display: inline-block;
}
canvas {
	display: inline-block;
}
video {
	display: inline-block;
}
audio:not([controls]) {
	height: 0px; display: none;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
html {
	font-family: sans-serif;
}
button {
	font-family: sans-serif;
}
input {
	font-family: sans-serif;
}
select {
	font-family: sans-serif;
}
textarea {
	font-family: sans-serif;
}
body {
	margin: 0px;
}
a:focus {
	outline: dotted thin;
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
h1 {
	margin: 0.67em 0px; font-size: 2em;
}
h2 {
	margin: 0.83em 0px; font-size: 1.5em;
}
h3 {
	margin: 1em 0px; font-size: 1.17em;
}
h4 {
	margin: 1.33em 0px; font-size: 1em;
}
h5 {
	margin: 1.67em 0px; font-size: 0.83em;
}
h6 {
	margin: 2.33em 0px; font-size: 0.75em;
}
abbr[title] {
	border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: dotted;
}
b {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
mark {
	background: rgb(255, 255, 0); color: rgb(0, 0, 0);
}
p {
	margin: 1em 0px;
}
pre {
	margin: 1em 0px;
}
code {
	font-family: monospace, serif; font-size: 1em; _font-family: "courier new", monospace;
}
kbd {
	font-family: monospace, serif; font-size: 1em; _font-family: "courier new", monospace;
}
pre {
	font-family: monospace, serif; font-size: 1em; _font-family: "courier new", monospace;
}
samp {
	font-family: monospace, serif; font-size: 1em; _font-family: "courier new", monospace;
}
pre {
	white-space: pre-wrap; -ms-word-wrap: break-word;
}
q {
	quotes: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
small {
	font-size: 80%;
}
sub {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 1em 0px;
}
menu {
	margin: 1em 0px;
}
ol {
	margin: 1em 0px;
}
ul {
	margin: 1em 0px;
}
dd {
	margin: 0px 0px 0px 40px;
}
menu {
	padding: 0px 0px 0px 40px;
}
ol {
	padding: 0px 0px 0px 40px;
}
ul {
	padding: 0px 0px 0px 40px;
}
nav ul {
	list-style: none;
}
nav ol {
	list-style: none;
}
img {
	border: 0px currentColor; -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0px;
}
form {
	margin: 0px;
}
fieldset {
	margin: 0px 2px; padding: 0.35em 0.62em 0.75em; border: 1px solid rgb(192, 192, 192);
}
legend {
	padding: 0px; border: 0px currentColor; white-space: normal;
}
button {
	margin: 0px; font-size: 100%; vertical-align: baseline;
}
input {
	margin: 0px; font-size: 100%; vertical-align: baseline;
}
select {
	margin: 0px; font-size: 100%; vertical-align: baseline;
}
textarea {
	margin: 0px; font-size: 100%; vertical-align: baseline;
}
button {
	line-height: normal;
}
input {
	line-height: normal;
}
button {
	cursor: pointer; -webkit-appearance: button;
}
html input[type='button'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='reset'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='submit'] {
	cursor: pointer; -webkit-appearance: button;
}
button[disabled] {
	cursor: default;
}
input[disabled] {
	cursor: default;
}
input[type='checkbox'] {
	padding: 0px; box-sizing: border-box;
}
input[type='radio'] {
	padding: 0px; box-sizing: border-box;
}
input[type='search'] {
	box-sizing: content-box; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
}
textarea {
	overflow: auto; vertical-align: top;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
html {
	background: rgb(34, 34, 34); height: 100%; text-align: center; -ms-overflow-y: scroll;
}
body {
	height: 100%; text-align: center; font-family: "Open Sans", sans-serif;
}
img {
	width: auto; max-width: 100%;
}
#menyMenu {
	background: rgb(255, 255, 255); color: white; display: none;
}
#menyMenu img {
	bottom: 0px; position: relative;
}
#mainContent {
	width: 100%; height: 100%; background-color: rgb(255, 255, 255);
}
.container {
	background: url("../img/bg3.png"); margin: 0px auto; padding: 0px 10%; overflow: hidden; max-width: 960px;
}
.container :last-child.col {
	margin-right: 0px;
}
.container .pagetext {
	margin: 5% 10%; font-size: 1.25em;
}
.container .divage {
	border-top-color: rgb(221, 221, 221); border-top-width: 4px; border-top-style: dotted;
}
.container .col {
	margin: 0px 4.7% 0px 0px; width: 30%; padding-bottom: 5%; float: left;
}
.container .col i {
	color: rgb(136, 136, 136); font-size: 5em; text-shadow: 1px 1px 0px #fff;
}
.container .col img.invader {
	margin: 9% 0px;
}
.container .smtext {
	margin: 26px 0px 0px; color: rgb(153, 153, 153); line-height: 1.25em; font-size: 0.59em;
}
.container h1 {
	margin: 4% 0px; font-weight: 800;
}
.container h2 {
	margin: -8px 0px 24px; color: rgb(51, 51, 51); line-height: 24px; font-size: 1.3em;
}
.container p {
	color: rgb(136, 136, 136); font-size: 1.1em; text-shadow: 1px 1px 0px #fff;
}
.social {
	margin: 4% 0px 10%; color: rgb(102, 102, 102);
}
.social span {
	padding-right: 1%;
}
.social span .friends {
	color: rgb(102, 102, 102);
}
.social img {
	padding: 0px 1.5% 0px 0px; margin-top: -11px;
}
.social a {
	margin: 0px; padding: 0px 1.5%; color: rgb(51, 51, 51) !important; font-size: 2em; text-decoration: none; opacity: 0.5;
}
.social a:hover {
	opacity: 1;
}
[data-icon]::before {
	font-family: FontAwesome; content: attr(data-icon); speak: none;
}
a.minimal {
	background: rgb(221, 221, 221); padding: 8px 20px; border-radius: 4px; border: 1px solid rgb(187, 187, 187); text-align: center; color: rgb(51, 51, 51); font-size: 12px; font-weight: bold; text-decoration: none; box-shadow: inset 0px 0px 1px 1px #f6f6f6; text-shadow: 0px 1px 0px #fff; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
}
a.minimal:hover {
	background: rgb(240, 78, 54); border: 1px solid rgb(199, 49, 27); color: rgb(255, 255, 255); cursor: pointer; box-shadow: inset 0px 0px 1px 1px #c7311b; text-shadow: 0px 1px 0px #c7311b; -webkit-box-shadow: inset 0 0 1px 1px #c7311b;
}
a.minimal:active {
	background: rgb(240, 78, 54); border: 1px solid rgb(199, 49, 27); color: rgb(0, 0, 0); box-shadow: inset 0px 0px 1px 1px #c7311b; -webkit-box-shadow: inset 0 0 1px 1px #c7311b;
}
h1 {
	line-height: 1em; letter-spacing: -2px; font-size: 5em; font-weight: bold; text-shadow: 1px 1px 0px #fff;
}
.icon-caret-down {
	top: -10px; color: rgb(187, 187, 187) !important; font-size: 2.4em !important; display: block; position: relative;
}
@media not all
{
footer img.logo {
	background: url("../images/logo2x.png") no-repeat;
}
}
@media only screen and (max-width:767px)
{
body #menyMenu {
	padding-bottom: 15px;
}
body #menyMenu img {
	width: auto; max-width: 100%;
}
body .container {
	padding: 0px 5%;
}
body .container .col {
	margin: -2% 0px 3%; padding: 0px 0px 10%; width: 100%; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: dotted;
}
body .container .game.col {
	display: none;
}
body .container .demo.col {
	margin-top: 2%;
}
body .container :last-child.col {
	margin-right: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
body .container .pagetext {
	margin: 6% 0px 8%;
}
body .container #logo {
	margin-top: -20px;
}
body .container h1 {
	margin: 10% 0px; font-size: 2.5em;
}
body .container .social {
	margin: 7% 0px 10%;
}
body .container .social span {
	padding-right: 3%;
}
body .container .social i {
	padding: 0px 5% 0px 0px;
}
body .container p {
	font-size: 1em;
}
}
@media print
{
* {
	color: black !important; filter: !important; text-shadow: none !important;
}
a {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a[href]::after {
	content: " (" attr(href) ")";
}
abbr[title]::after {
	content: " (" attr(title) ")";
}
.ir a::after {
	content: "";
}
a[href^='javascript:']::after {
	content: "";
}
a[href^='#']::after {
	content: "";
}
pre {
	border: 1px solid rgb(153, 153, 153); page-break-inside: avoid;
}
blockquote {
	border: 1px solid rgb(153, 153, 153); page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr {
	page-break-inside: avoid;
}
img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p {
	orphans: 3; widows: 3;
}
h2 {
	orphans: 3; widows: 3;
}
h3 {
	orphans: 3; widows: 3;
}
h2 {
	page-break-after: avoid;
}
h3 {
	page-break-after: avoid;
}
}