@font-face {
    	font-family: SourceSans;
    	src: url(../fonts/SourceSans/SourceSansPro-Regular.otf);
    	font-style: normal;
      font-weight: 300;
}
@font-face {
    	font-family: SourceSans;
    	src: url(../fonts/SourceSans/SourceSansPro-Bold.otf);
    	font-style: normal;
      font-weight: 800;
}
@font-face {
    	font-family: SourceSans;
    	src: url(../fonts/SourceSans/SourceSansPro-Semibold.otf);
    	font-style: normal;
      font-weight: 600;
}
@font-face {
    	font-family: SourceSans;
    	src: url(../fonts/SourceSans/SourceSansPro-Light.otf);
    	font-style: normal;
      font-weight: 200;
}
@font-face {
    	font-family: AnikkaSans;
    	src: url(../fonts/AnikkaSans/AnikkaSans-ExtraBold.otf);
    	font-style: normal;
      font-weight: 200;
}

html{
  font-size:16px;
  background: url("background-record.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{
  -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  font-size:80%;/* 1em == 10px*/
  height:100%;
  padding:0px;
}
#ecraGO {
    background: url("background-final.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 20000;
    display: none;
    bottom: 0px;
    top: 0px;
    position: absolute;
    left: 0;
    right: 0;
}
#boxGO {
  background-color: #999900;
  position: absolute;
  top: 26%;
  left: 20%;
  padding: 4em;
  margin-top: 0em;
  margin-left: 0em;
  width: 52%;
  height: 37%;
}
#textGO {
  position: fixed;
  width: 40em;
  top: 34%;
}
#buttonsGO {
  position:fixed;
  top: 63%;
  right: 25%;
  width: 37em;
}
#buttonOOK {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 29%;
}

#buttonOOK:active {
  background-color: white;
  color: black;
}
#buttonCL {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 0%;
}

#buttonCL:active {
  background-color: #3118FF;
  color: white;
}
#ecra1 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
}
#text1 {
  position: fixed;
}
#buttonNEXT {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%
}
#buttonNEXT:active {
  background-color: #3118FF; /*blue*/
  color: white;
}

#buttonGO {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%;
  visibility: hidden;
  opacity: 0;
}
#buttonGO:active {
  background-color: #3118FF; /*blue*/
  color: white;
}
#ecra3 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
  display:none;
}
#text3 {
  position: fixed;
}
input {
  font-size: 200%;
}
#buttonOK {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%;
}
#buttonOK:active {
  background-color: #3118FF; /*blue*/
  color: white;
}
#data {
  margin-top: 3em;
}
#ecra4 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  display:none;
}
#text4 {
  text-align: center;
  margin-left: 12em;
}

#txt4 {
  vertical-align:middle;
  display:table-cell;
}
#buttonCANCEL {
  background-color: grey;
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%;
}
#buttonCANCEL:active {
  background-color: #3118FF; /*blue*/
  color: white;
}

#ecra5 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
  display:none;
}
#text5 {
  position: fixed;
}

#buttonSTART {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  position: fixed;
  top: 60%;
  right: 20%;
}
#buttonSTART:active {
  background-color: #3118FF; /*blue*/
  color: white;
}
#ecra6 {
  position: absolute;
  top: 46%;
  left: 41%;
  margin-bottom: -54%;
  margin-right: -59%;
  width: 60%;
  height: 40%;
  display:none;
}
#text6 {
  position: fixed;
}
#ecra7 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
  display:none;
}
#text7 {
  position: fixed;
}
#buttonOK2 {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%;
}
#buttonOK2:active {
  background-color: #3118FF; /*blue*/
  color: white;
}
#ecra8 {
  position: absolute;
  top: 25%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
  display:none;
}
#text8 {
  position: fixed;
}
#buttonCLICK {
  background-color: white; /*blue*/
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: fixed;
  top: 60%;
  right: 20%;
  text-decoration: underline;
}

#buttonCLICK:active {
  background-color: #3118FF; /*blue*/
  color: white;
}
#ecrasure1 {
  position: absolute;
  top: 35%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 100px;
  height: 100px;
  display:none;
}
#textsure1 {
  position: fixed;
}
#buttons1 {
  position:fixed;
  top: 63%;
  right: 25%;
  width: 37em;
}
#buttonYES1 {
  background-color: grey;
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 29%;
}

#buttonYES1:active {
  background-color: white;
  color: black;
}
#buttonNO1 {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 0%;
}

#buttonNO1:active {
  background-color: #3118FF;
  color: white;
}
#ecrasure2 {
  position: absolute;
  top: 35%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 100px;
  height: 100px;
  display:none;
}
#textsure2 {
  position: fixed;
}
#buttons2 {
  position:fixed;
  top: 63%;
  right: 25%;
  width: 37em;
}
#buttonYES2 {
  background-color: grey;
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 29%;
}

#buttonYES2:active {
  background-color: white;
  color: black;
}
#buttonNO2 {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 0%;
}

#buttonNO2:active {
  background-color: #3118FF;
  color: white;
}
#ecrasure3 {
  position: absolute;
  top: 35%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 100px;
  height: 100px;
  display:none;
}
#textsure3 {
  position: fixed;
}
#buttons3 {
  position:fixed;
  top: 63%;
  right: 25%;
  width: 37em;
}
#buttonYES3{
  background-color: grey;
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 29%;
}

#buttonYES3:active {
  background-color: white;
  color: black;
}
#buttonNO3 {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 0%;
}

#buttonNO3:active {
  background-color: #3118FF;
  color: white;
}
#ecrasure4 {
  position: absolute;
  top: 35%;
  left: 25%;
  margin-top: 0em;
  margin-left: 0em;
  width: 100px;
  height: 100px;
  display:none;
}
#textsure4 {
  position: fixed;
}
#buttons4 {
  position:fixed;
  top: 63%;
  right: 25%;
  width: 37em;
}
#buttonYES4{
  background-color: grey;
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 29%;
}

#buttonYES4:active {
  background-color: white;
  color: black;
}
#buttonNO4 {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.8em;
  position: absolute;
  top: 120%;
  right: 0%;
}

#buttonNO4:active {
  background-color: #3118FF;
  color: white;
}
#ecrasure5 {
  position: absolute;
  top: 20%;
  left: 20%;
  margin-top: 0em;
  margin-left: 0em;
  width: 60%;
  height: 40%;
  display:none;
}
#predict1 {
  position: fixed;
  top: 21%;
}
#predict2 {
  position: fixed;
  left: 41%;
  top: 25%;
}
#predict3 {
  position: fixed;
  left: 50%;
  top: 22%;
}
#textsure5 {
  position: fixed;
  width: 46em;
  top: 35%;
}
#buttons {
  display: block;
  width: 50em;
  margin-top: 52%;
}
#buttonSOLUTIONISM {
  background-color: #999900; /*C6BD00;*/
  border: none;
  color: white;
  font-family: SourceSans;
  font-weight: 300;
  padding: 0.3em 0.9em;
  text-align: left;
  text-decoration: underline;
  display: inline-block;
  font-size: 1.8em;
  text-transform: uppercase;
}

#buttonSOLUTIONISM:active {
  color: #3118FF;
}
#buttonEDIT {
  background-color: white;
  border: none;
  color: black;
  font-family: SourceSans;
  font-weight: 800;
  padding: 0.3em 0.9em;
  text-align: left;
  display: inline-block;
  font-size: 1.8em;
  text-decoration: underline;
}

#buttonEDIT:active {
  color: #3118FF;
  text-decoration: underline;
}


a:link {
  text-decoration: none;
}
.B0 {
  font-family: AnikkaSans;
  font-size: 3em;
  color: #808080; /*grey*/
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: 300;
  width: 19em;
  margin: 0;
  display: block;
  position: relative;
}
.B1 {
  font-family: SourceSans;
  font-size: 3em;
  color: white;
  letter-spacing: 0.15em;
  text-align: left;
  font-weight: 800;
  width: 8em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 150%;
}
.B1_1 {
  font-family: SourceSans;
  font-size: 2.8em;
  color: white;
  letter-spacing: 0.15em;
  text-align: left;
  font-weight: 400;
  width: 19em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 150%;
}
.B1_2 {
  font-family: SourceSans;
  font-size: 2.5em;
  color: white;
  letter-spacing: 0.15em;
  text-align: left;
  font-weight: 400;
  margin: 0;
  width: 18em;
  display: block;
  position: relative;
  line-height: 125%;
}
.B1_3 {
  font-family: SourceSans;
  font-size: 2.8em;
  color: white;
  letter-spacing: 0.05em;
  text-align: left;
  font-weight: 800;
  width: 15em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 150%;
  text-transform: uppercase;
}
.B2 {
  font-family: SourceSans;
  font-size: 2.5em;
  color: white;
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: 300;
  width: 17em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 130%;
}
.B3 {
  font-family: SourceSans;
  font-size: 2em;
  color: white;
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: 300;
  width: 22em;
  margin: 0;
  display: block;
  position: relative;
  line-height: 200%;
}
.B4 {
  font-family: SourceSans;
  font-size: 2em;
  color: white;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 300;
  width: 12em;
  line-height: 130%;
}
.B5 {
  font-family: SourceSans;
  font-size: 2em;
  color: white;
  letter-spacing: 0.05em;
  text-align: left;
  font-weight: 300;
  width: 20em;
  display: block;
  position: relative;
  line-height: 130%;
}

.cssload-container *{
	margin: 10;
	padding: 0;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}

.cssload-container{
	position: absolute;
  left: 21em;
  margin-top: 1em;
	transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
  display:table-cell;
  vertical-align:middle;
}

.cssload-bouncywrap{
	position: relative;
}

.cssload-cssload-dotcon{
	display: block;
	float: left;
	width: 31px;
	position: absolute;
}

.cssload-dc1{
	animation: bouncy1 1.73s infinite;
		-o-animation: bouncy1 1.73s infinite;
		-ms-animation: bouncy1 1.73s infinite;
		-webkit-animation: bouncy1 1.73s infinite;
		-moz-animation: bouncy1 1.73s infinite;
	left: -25px;
}

.dc2{
	animation: bouncy2 1.73s infinite;
		-o-animation: bouncy2 1.73s infinite;
		-ms-animation: bouncy2 1.73s infinite;
		-webkit-animation: bouncy2 1.73s infinite;
		-moz-animation: bouncy2 1.73s infinite;
	left: 0;
}

.dc3{
	animation: bouncy3 1.73s infinite;
		-o-animation: bouncy3 1.73s infinite;
		-ms-animation: bouncy3 1.73s infinite;
		-webkit-animation: bouncy3 1.73s infinite;
		-moz-animation: bouncy3 1.73s infinite;
	left: 25px;
}

.cssload-dot{
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: rgb(255,255,255);
}








@keyframes bouncy1{
	0% {transform: translate(0px,0px) rotate(0deg);}
	50% {transform: translate(0px,0px) rotate(180deg);}
	100% {transform: translate(25px,0px) rotate(-180deg);}
}

@-o-keyframes bouncy1{
	0% {-o-transform: translate(0px,0px) rotate(0deg);}
	50% {-o-transform: translate(0px,0px) rotate(180deg);}
	100% {-o-transform: translate(25px,0px) rotate(-180deg);}
}

@-ms-keyframes bouncy1{
	0% {-ms-transform: translate(0px,0px) rotate(0deg);}
	50% {-ms-transform: translate(0px,0px) rotate(180deg);}
	100% {-ms-transform: translate(25px,0px) rotate(-180deg);}
}

@-webkit-keyframes bouncy1{
	0% {-webkit-transform: translate(0px,0px) rotate(0deg);}
	50% {-webkit-transform: translate(0px,0px) rotate(180deg);}
	100% {-webkit-transform: translate(25px,0px) rotate(-180deg);}
}

@-moz-keyframes bouncy1{
	0% {-moz-transform: translate(0px,0px) rotate(0deg);}
	50% {-moz-transform: translate(0px,0px) rotate(180deg);}
	100% {-moz-transform: translate(25px,0px) rotate(-180deg);}
}

@keyframes bouncy2{
	0% {transform: translateX(0px);}
	50% {transform: translateX(-25px);}
	100% {transform: translateX(-25px);}
}

@-o-keyframes bouncy2{
	0% {-o-transform: translateX(0px);}
	50% {-o-transform: translateX(-25px);}
	100% {-o-transform: translateX(-25px);}
}

@-ms-keyframes bouncy2{
	0% {-ms-transform: translateX(0px);}
	50% {-ms-transform: translateX(-25px);}
	100% {-ms-transform: translateX(-25px);}
}

@-webkit-keyframes bouncy2{
	0% {-webkit-transform: translateX(0px);}
	50% {-webkit-transform: translateX(-25px);}
	100% {-webkit-transform: translateX(-25px);}
}

@-moz-keyframes bouncy2{
	0% {-moz-transform: translateX(0px);}
	50% {-moz-transform: translateX(-25px);}
	100% {-moz-transform: translateX(-25px);}
}

@keyframes bouncy3{
	0% {transform: translateX(0px);}
	50% {transform: translateX(0px);}
	100% {transform: translateX(-25px);}
}

@-o-keyframes bouncy3{
	0% {-o-transform: translateX(0px);}
	50% {-o-transform: translateX(0px);}
	100% {-o-transform: translateX(-25px);}
}

@-ms-keyframes bouncy3{
	0% {-ms-transform: translateX(0px);}
	50% {-ms-transform: translateX(0px);}
	100% {-ms-transform: translateX(-25px);}
}

@-webkit-keyframes bouncy3{
	0% {-webkit-transform: translateX(0px);}
	50% {-webkit-transform: translateX(0px);}
	100% {-webkit-transform: translateX(-25px);}
}

@-moz-keyframes bouncy3{
	0% {-moz-transform: translateX(0px);}
	50% {-moz-transform: translateX(0px);}
	100% {-moz-transform: translateX(-25px);}
}