html,body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Avenir Next', 'Helvetica Neue', sans-serif;
	color: #666666;
}

.off {
	display: none;
}

button {
	cursor: pointer;
	border: 0 none;
	border-radius: 4px;
	font-family: 'Avenir Next', 'Helvetica Neue', sans-serif;
	margin-top: 1%;
}

button.start-btn {
	position: absolute;
	left: 40%;
	top: 71%;
	width: 20%;
	height: 9.7%;
	background-color: #F78021;
	color: #fff;
	font-size: 125%;
}

button.start-btn:hover {
	background-color: #489BED;
	font-weight: 600;
}

button.yes-btn, button.no-btn {
	position: absolute;
	top: 70.5%;
	width: 18.9%;
	height: 9.8%;
	background-color: #3CB9F0;
	font-size: 110%;
	color: #fff;
}

button.yes-btn {
	left: 31%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

button.no-btn {
	left: 50%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

button.yes-btn:hover, button.no-btn:hover {
	font-weight: bold;
	background-color: #489BED;
}

button.back-btn {
	position: absolute;
	left: 4.4%;
	top: 20%;
	width: 12.4%;
	height: 57%;
	background: #ebebeb;
	font-size: 100%;
	color: #666;
	display: none;
}

button.back-btn:hover {
	color: #fff;
	background-color: #c0c0c0;
	font-weight: bold;
}

button.refresh-btn, button.learnMore-btn, button.try-btn {
	display: none;
	opacity: 0;
	position: absolute;
	top: 72.2%;
	height: 8.2%;
	color: #fff;
	font-size: 116%;
}

button.startForFree-btn, button.signIn-btn {
	position: absolute;
	top: 71.2%;
	height: 8.2%;
	color: #fff;
	font-size: 116%;
	height: 9.7%;
	width: 32.8%;
	background-color: #FD8224;
}

button.startForFree-btn {
	left: 23.4%;
}

button.signIn-btn {
	left: 59.3%;
}

button.refresh-btn {
	left: 18.9%;
	width: 7.8%;
	height: 8.2%;
	background: #F78021 ;
}

.refresh-btn:hover, .learnMore-btn:hover, .try-btn:hover, button.signIn-btn:hover, .startForFree-btn:hover {
	background-color: #489BED;
}

button.refresh-btn > img {
	margin-top: 21%;
	margin-left: -4%;
	width: 80%;
}

button.refresh-btn-success {
	display: block;
	opacity: 1;
	top: 71.2%;
	height: 9.7%;
	width: 9.7%;
	left: 10.5%;
}

button.learnMore-btn {
	background-color: #F78021;
	left: 29%;
	width: 25%;
}

button.try-btn {
	left: 56%;
	width: 25.5%;
	background: #F78021;
}

button.refresh-btn-success img {
	margin-top: 16%
}

.container {
	position: relative;
	/*width: 900px;*/
	/*height: 869px;*/
	/*max-width: 540px;*/
	overflow: hidden;
	background-color: #F8F8F8;
	/*background-image: url(../img/liveComp.jpg);*/
	background-size: 100%;
}
.page {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 100%;
	display: none;
	top: 0;
	text-align: center;
}

.active {
	left: 0;
	display: block;
}

#homeTitle > h1 {
	position: absolute;
	width: 100%;
	top: 5.3%;
	font-weight: normal;
	font-size: 255%;
}

#homeQuestion {
	position: absolute;
	width: 100%;
	top: 62.1%;
	font-size: 144%;
}

#parents-img {
	position: absolute;
	top: -34%;
	left: 25%;
	width: 46%;
}

#child-img {
	position: absolute;
	left: 34%;
	top: -23.8%;
	width: 22.4%;
}

.page > img {
	position: absolute;
	left: 25.5%;
	top: 15%;
	width: 49%;
	opacity: 0;
}

p.question {
	position: absolute;
	top: 11%;
	width: 100%;
	font-size: 122%;
	line-height: 115%;
}

p.failText {
	opacity: 0;
	display: none;
	position: absolute;
	top: 3%;
	font-size: 122%;
	line-height: 115%;
	border: 1px solid #bbb;
	text-align: left;
	margin: 5.8%;
	padding: 5.7% 4%;
	width: 80.6%;
	background-color: #FCFCFC;
}

p.successText {
	position: absolute;
	top: 0.6%;
	font-size: 122%;
	line-height: 115%;
	border: 1px solid #bbb;
	text-align: left;
	margin: 5.8%;
	padding: 5.4% 4%;
	width: 80.6%;
	background-color: #FCFCFC;
}

.blue {
	font-size: 116%;
	color: #3590CF;
}

p.success-highlight {
	position: absolute;
	text-align: left;	
	font-size: 100%;
	line-height: 130%;
}

#success2 .blue {
	font-size: 100%;
}

#success2 .success-per {
	font-size: 75%;
}

p#success-highlight-1 {
	top: 31%;
	left: 10%;
}

p.success-price {
	position: absolute;
	font-size: 270%;
	left: 64%;
	color: #3590CF;
}

p.success-price-1 {
	top: 31%;
}

p.success-price-2 {
	top: 43.1%;
}

p#success-highlight-2 {
	top: 43.1%;
	left: 10%;
}

#success2 p.success-price {
	position: absolute;
	font-size: 175%;
	left: 81.2%;
	color: #3590CF;
}

#success2 p.success-price-1 {
	top: 30%;
}

#success2 p.success-price-2 {
	top: 36%;
}

#success2 p.success-price-3 {
	top: 42%;
}

#success2 p.success-price-4 {
	top: 48%;
}

#success2 > #success-highlight-1 {
	left: 5.9%;
}

#success2 > #success-highlight-2 {
	top: 37%;
	left: 5.9%;
}

p#success-highlight-3 {
	top: 43%;
	left: 5.9%;
}

p#success-highlight-4 {
	top: 48.8%;
	left: 5.9%;
}

p.success-dontWorry {
	text-align: left;
	position: absolute;
	left: 10%;
	top: 54.5%;
	font-size: 128%;
	line-height: 128%;
}

p.tipText {
	display: none;
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 64%;
	font-size: 80%;
}

p.success-btn-highlightTxt {
	position: absolute;
	top: 67.6%;
	font-size: 90%;
}

p#success-btn-highlightTxt-1 {
	left: 30%;
}

p#success-btn-highlightTxt-2 {
	left: 67.3%;
}

p.fail-btn-highlightTxt {
	position: absolute;
	top: 70%;
	font-size: 90%;
	display: none;
	opacity: 0;
}

p#fail-btn-highlightTxt-1 {
	left: 25.4%;
}

p#fail-btn-highlightTxt-2 {
	left: 61.4%;
}

.checkImg {
	position: absolute; 
	width: 9.5%;
	top: 25%; 
	right: 14%;
}

#logo {
	position: absolute;
	right: 4.1%;
	bottom: 30%;
	width: 18.4%;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 13.5%;
	background-color: #3477C7;
}