@font-face {
    font-family: 'open';
    src: url('../fonts/opensans-regular.woff2') format('woff2'),
    url('../fonts/opensans-regular.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openBold';
    src: url('../fonts/opensans-bold.woff2') format('woff2'),
    url('../fonts/opensans-bold.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openBoldItalic';
    src: url('../fonts/opensans-bolditalic.woff2') format('woff2'),
    url('../fonts/opensans-bolditalic.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openExtraBold';
    src: url('../fonts/opensans-extrabold.woff2') format('woff2'),
    url('../fonts/opensans-extrabold.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openExtraBoldItalic';
    src: url('../fonts/opensans-extrabolditalic.woff2') format('woff2'),
    url('../fonts/opensans-extrabolditalic.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openItalic';
    src: url('../fonts/opensans-italic.woff2') format('woff2'),
    url('../fonts/opensans-italic.woff') format('woff');
    font-weight: normal; font-style: normal;
}


@font-face {
    font-family: 'openLight';
    src: url('../fonts/opensans-light.woff2') format('woff2'),
    url('../fonts/opensans-light.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openLightItalic';
    src: url('../fonts/opensans-lightitalic.woff2') format('woff2'),
    url('../fonts/opensans-lightitalic.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openSsemiBold';
    src: url('../fonts/opensans-semibold.woff2') format('woff2'),
    url('../fonts/opensans-semibold.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'openSemiboldItalic';
    src: url('../fonts/opensans-semibolditalic.woff2') format('woff2'),
    url('../fonts/opensans-semibolditalic.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'TitBold';
    src: url('../fonts/titillium-bold-webfont.woff2') format('woff2'),
    url('../fonts/titillium-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'TitLight';
    src: url('../fonts/titillium-light-webfont.woff2') format('woff2'),
    url('../fonts/titillium-light-webfont.woff') format('woff');
    font-weight: normal;  font-style: normal;
}

@font-face {
    font-family: 'Tit';
    src: url('../fonts/titillium-regular-webfont.woff2') format('woff2'),
    url('../fonts/titillium-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'TitSemi';
    src: url('../fonts/titillium-semibold-webfont.woff2') format('woff2'),
    url('../fonts/titillium-semibold-webfont.woff') format('woff');
    font-weight: normal;  font-style: normal;
}

@font-face {
    font-family: 'TitThin';
    src: url('../fonts/titillium-thin-webfont.woff2') format('woff2'),
    url('../fonts/titillium-thin-webfont.woff') format('woff');
    font-weight: normal;  font-style: normal;
}

body, html, #Stage {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
    background: #1E255B;
}

#Stage, #Stage * {
	position: absolute;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
}

#Stage * input,  #Stage * textarea {
	-moz-user-select: auto;
	-webkit-user-select: auto;
	-o-user-select: auto;
	-ms-user-select: auto;
	-webkit-tap-highlight-color: auto;
}

#Stage br, #Stage span,
.relative-children > div {
	position: relative!important;
}

.drag-dot {
	animation-duration: 3s;
	animation-name: blink;
	animation-iteration-count: infinite;
}

@keyframes blink {
	0% {  opacity: 0.10;  }
	30% {  opacity: 1;  }
	90% {  opacity: 0.10;  }
}

.rotate {
    animation: rotate 4s linear infinite;
}

@keyframes rotate {
    0% {  transform: rotate(0deg);  }
    100% {  transform: rotate(360deg);  }
}

p::selection {
    background: none;
}

.flash {
    animation: flash 2s linear infinite;
}

@keyframes flash {
    0% {  opacity: 1;  }
    50% {  opacity: 0.5;  }
    100% {  opacity: 1;  }
}

.fade-scroll {
    -webkit-mask-image: -webkit-linear-gradient(
            top,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,1) 25px,
            rgba(0,0,0,1) calc(100% - 25px),
            rgba(0,0,0,0) 100%
    );

    mask-image: linear-gradient(
            top,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 25px,
            rgba(0,0,0,1) calc(100% - 25px),
            rgba(0,0,0,0) 100%
    );
}

#Stage .Footer .message a {
    position: relative;
    display: inline-block;
    color: white;
}

#Stage a {
    position: relative;
    color: inherit;
    display: inline-block;
    pointer-events: auto;
}

#Stage a:hover {
    opacity: 0.7;
    transition: 0.2s all;
}

p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{
    -o-user-select: text !important;
    -moz-user-select: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
}

[tabindex] {
  outline: none;
}