/***** Clear Styles *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;font-weight:normal}
ol,ul{list-style:none;}
a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a, a:hover, a:active{outline: none;text-decoration:none;color:inherit;}
a:hover{}
html{overflow-y: scroll;}


/***** Standard Styles *****/

body{font-family:helvetica,arial,sans-serif;font-size:16px;position:fixed;height:100%;width:100%;}

h1{font-weight:400;font-size:28px;line-height:28px;}

p{font-size:16px;line-height:22px;margin-bottom:20px;}

a{color:#3366cc;-webkit-transition:0.3s;transition:0.3s;}
a:hover{color:#224282;}

strong, b{font-weight:bold;}
em, i{font-style:italic;}
.clear{clear:both;}
hr{margin-bottom:20px;border:0px;height:1px;background:#777;}
blockquote{margin:0px 0px 20px 20px;padding:15px 20px;border-left:2px solid #777;font-style:italic;color:#555;}
blockquote p:last-of-type{margin-bottom:0px;}
ul,ol{font-size:16px;line-height:22px;padding-left:40px;margin-bottom:20px;}
ul{list-style:disc;}
ol{list-style:numeric;}


/***** Custom Styles *****/

.content{width:320px;margin:0px auto;}

.home{background:#fff;}
.home.step-4{background:#f9f9f9;transition:0.3s ease-in-out;}

.home .clicker{height:100%;width:100%;position:fixed;top:0px;left:0px;z-index:99999999999999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.home.step-4 .clicker{display:none;}

.home .content{height:215px;width:300px;padding-top:20px;position:absolute;top:-125px;right:0px;left:0px;bottom:0px;margin:auto;text-align:center;border-radius:3px;background:#fff;border:#fff solid 1px;border-bottom-width:2px;transition:0.3s ease-in-out;}
.home.step-4 .content{border-color:#ddd;}

.home .title{position:relative;top:0px;left:0px;transition:0.2s;color:#111;opacity:0;margin-bottom:0px;}
.home.step-1 .title{opacity:0.25;}
.home.step-2 .title{opacity:0.5;}
.home.step-3 .title{opacity:0.75;}
.home.step-4 .title{opacity:1;transition:0.3s ease-in-out;left:-45px;}
.home .subtitle{color:#555;opacity:0;margin-bottom:-10px;position:relative;top:-28px;left:0px;}
.home.step-4 .subtitle{opacity:1;transition:0.3s ease-in-out;transition-delay:0.1s;left:35px;}

.home .dots{padding-left:125px;transition:0.3s;opacity:1;}
.home .dots .dot{background:#27ae60;height:7px;width:7px;border-radius:100%;float:left;margin-right:14px;opacity:0;transition:0.2s;}
.home.step-1 .dots .dot:nth-of-type(1){opacity:1;}
.home.step-2 .dots .dot:nth-of-type(2){opacity:1;}
.home.step-3 .dots .dot:nth-of-type(3){opacity:1;}
.home.step-4 .dots{opacity:0;}

.home .login{opacity:0;pointer-events:none;position:relative;top:-6px;}
.home.step-4 .login{opacity:1;transition:0.3s ease-in-out;transition-delay:0.5s;pointer-events:auto;}



/***** Forever Styles *****/

.forever{margin:0px;height:100%;overflow:hidden;}
.forever .content{display:flex;flex-direction:column;height:100%;position:absolute;left:0px;right:0px;margin:auto;}
.forever .top{height:50px;text-align:center;padding-top:11px;}
.forever .mid{flex-grow:1;position:relative;}
.forever .bot{height:0px;}

.forever .logout{position:absolute;top:0px;right:0px;font-size:20px;text-align:center;padding:11px 0px;width:50px;height:50px;color:#bbb;z-index:99999;}
.forever .logout:hover{color:#555;}

.forever h1{color:#111;}
.forever h1 span{color:#555;}

.forever .sides{position:absolute;top:0px;left:0px;height:100%;width:100%;}
.forever .side{float:left;width:50%;height:100%;padding:0px 60px 0px 0px;position:relative;}

.forever .stats{position:absolute;top:0px;bottom:0px;margin:auto;left:10px;width:100px;height:160px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.forever .side.side-right .stats{left:auto;right:10px;}
.forever .stats .logo{height:100px;width:100px;position:relative;margin-bottom:0px;opacity:0;transform:scale(0);transition:0.5s ease-in-out;transition-delay:0.1s;}
.forever .stats.stats-loaded .logo{opacity:0.35;transform:scale(1);}
.forever .stats .logo img{display:block;margin:0px;padding:0px;width:100%;position:absolute;top:0px;right:0px;left:0px;bottom:0px;margin:auto;}
.forever .stats .stat-title{text-transform:uppercase;color:#aaa;font-size:10px;margin-bottom:4px;opacity:0;transition:0.5s ease-in-out;transition-delay:0.3s;transform:translateX(-50px);}
.forever .stats .stat-line{color:#333;font-size:14px;opacity:0;transition:0.5s ease-in-out;transition-delay:0.5s;transform:translateX(-50px);}
.forever .stats .date-diff{font-size:12px;margin-bottom:-10px;position:relative;top:-8px;opacity:0;transition:0.5s ease-in-out;transition-delay:0.9s;}
.forever .stats .date-diff up{display:inline-block;}
.forever .stats .date-diff dn{display:inline-block;}
.forever .stats .date-diff.diff-up dn{display:none;}
.forever .stats .date-diff.diff-dn up{display:none;}
.forever .stats .date-diff.diff-up{color:#27ae60;}
.forever .stats .date-diff.diff-dn{color:#c0392b;}
.forever .side.side-right .stat-title,
.forever .side.side-right .stat-line{transform:translateX(100px);}
.forever .stats.stats-loaded .stat-title{opacity:1;transform:translateX(0px);}
.forever .stats.stats-loaded .stat-line{opacity:1;transform:translateX(0px);}
.forever .stats.stats-loaded .date-diff{opacity:1;}

.forever .bar{width:30px;height:98%;position:absolute;top:0.3%;right:8px;border-radius:15px;background:#ddd;border:1px solid #ccc;box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.25);}
.forever .side.side-right .bar{right:auto;left:8px;}

.forever .juices{z-index:100;position:absolute;top:0px;left:0px;height:100%;width:100%;border-radius:15px;overflow:hidden;}
.forever .juice{width:100%;height:0%;position:absolute;bottom:0px;left:0px;}
.forever .juice.juice-days{z-index:100;background:#000;opacity:0.075;}
.forever .juice.juice-real{z-index:102;height:0%;background:#2ecc71;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);transition:1.0s ease-in-out;}
.forever .juice.juice-fresh{z-index:103;height:0%;background:#3add7f;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);transition:1.0s ease-in-out;}
.forever .juice.juice-fresh.juice-fresh-finished{background:#2ecc71;transition:0.5s ease-in-out;}

.forever .juice-marks{z-index:101;position:absolute;top:0px;left:0px;height:100%;width:100%;}
.forever .juice-mark{width:120%;border-top:1px dashed #000;opacity:0.12;bottom:0px;left:-20%;position:absolute;}
.forever .side.side-right .juice-mark{left:auto;right:-20%;}
.forever .juice-mark.juice-mark-40{height:10%;}
.forever .juice-mark.juice-mark-100{height:25%;}
.forever .juice-mark.juice-mark-200{height:50%;}
.forever .juice-mark.juice-mark-300{height:75%;}

.forever .stars{z-index:101;position:absolute;top:0px;left:0px;height:100%;width:100%;}
.forever .star{position:absolute;left:-25px;text-align:left;}
.forever .side.side-right .star{left:auto;right:-25px;text-align:right;}
.forever .star .s{font-size:16px;line-height:16px;color:#e9e9e9;height:20px;width:65px;position:relative;top:10px;}
.forever .star .s i{position:relative;top:-1px;}
.forever .star .s .details{opacity:0;pointer-events:none;}
.forever .star-40 {bottom:10%;}
.forever .star-100{bottom:25%;}
.forever .star-200{bottom:50%;}
.forever .star-300{bottom:75%;}

.forever .star.star-active{}
.forever .star.star-active .s{background:#fff;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,0.2);}
.forever .star.star-active .s .details{opacity:1;}
.forever .star.star-active .s .details h6{font-size:14px;color:#222;text-transform:uppercase;text-align:center;margin:0px;}
.forever .star.star-active .s .details p{font-size:12px;color:#444;margin:0px;}

.forever .read-button{display:block;z-index:201;cursor:pointer;opacity:0;border-radius:100%;background:#a6a6a6;height:60px;width:60px;text-align:center;font-size:32px;color:#fff;margin:-110px auto 0px;padding-top:6px;box-shadow:0 4px 8px rgba(0,0,0,0.25);position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.forever .stats.stats-loaded .read-button{opacity:1;transition:0.5s ease-in-out;transition-delay:1s;}
.forever .stats.stats-loaded .read-button.read-button-loaded{opacity:1;transition:0.3s ease-in-out;transition-delay:0s;}
.forever .read-button:hover{background:#777;}
.forever .read-button:focus{background:#777;}
.forever .read-button.read-button-go{animation:read-button-go 0.3s ease forwards; transition-delay:0s; pointer-events:none;}
@keyframes read-button-go {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(5) translateY(-30px);
	}
}

.forever .progress-button{display:block;z-index:201;cursor:pointer;opacity:0;border-radius:100%;background:#2ecc71;height:60px;width:60px;text-align:center;font-size:32px;color:#fff;margin:40px auto 0px;padding-top:8px;box-shadow:0 4px 8px rgba(0,0,0,0.25);position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.forever .stats.stats-loaded .progress-button{opacity:1;transition:0.5s ease-in-out;transition-delay:1s;}
.forever .stats.stats-loaded .progress-button.progress-button-loaded{opacity:1;transition:0.3s ease-in-out;transition-delay:0s;}
.forever .stats.stats-loaded .progress-button.progress-button-unread{opacity:0;pointer-events:none;}
.forever .progress-button:hover{background:#27ae60;}
.forever .progress-button:focus{background:#27ae60;}
.forever .progress-button.progress-button-go{animation:progress-button-go 0.5s ease-in-out forwards; transition-delay:0s;}
@keyframes progress-button-go {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	10% {
		opacity: 1;
		transform: scale(1.2);
	}
	80% {
		opacity: 0.1;
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}


/***** Animate Styles *****/

.animate{display:block;z-index:200;height:50px;width:50px;border-radius:100%;box-shadow: inset 0 0 0 35px rgba(0,0,0,0);position:relative;top:-55px;margin:auto;pointer-events:none;}
.animate.animate-go{animation:animate-go 0.5s ease-out forwards;}
@keyframes animate-go {
	0% {
		opacity: 0.6;
		transform: scale(1);
	}
	80% {
		opacity: 0.1;
		box-shadow: inset 0 0 0 2px rgba(0,0,0,0.8);
	}
	100% {
		opacity: 0;
		box-shadow: inset 0 0 0 2px rgba(0,0,0,0.8);
		transform: scale(8);
	}
}


/***** Prompt Styles *****/

.prompt{position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;width:300px;height:240px;background:#fff;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.25);z-index:1110;opacity:0;pointer-events:none;transform:scale(0.1);transition:0.5s ease;}
.prompt.prompt-active{opacity:1;pointer-events:all;transform:scale(1);}
.prompt-content{overflow:hidden;position:relative;height:100%;width:100%;}

.prompt-button{position:absolute;bottom:10px;right:10px;border-radius:2px;background:#a6a6a6;padding:10px 0px;width:85px;text-align:center;color:#fff;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:0.5px;transition:0.3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.prompt-button:after{display:inline-block;content:'';opacity:.8;width:4px;height:4px;border:solid #fff;border-width:0 2px 2px 0;border-radius:1px;padding:0;position:relative;top:-1px;left:3px;transition:.1s ease;transform:rotate(-45deg);}
.prompt-button:hover{background:#777;}
.prompt-button:hover::after{opacity:1;left:6px;}
.prompt-button.prompt-button-finishing:after{display:none;}

.prompt-page{display:block;text-align:center;padding:0px 12px;width:100%;position:absolute;top:0px;opacity:0;pointer-events:none;transform:translateX(100%);transition:0.3s ease;}
.prompt-page.prompt-page-active{opacity:1;pointer-events:all;transform:translateX(0%);}
.prompt-page.prompt-page-inactive{opacity:0;pointer-events:none;transform:translateX(-100%);}
.prompt-page p{font-style:italic;margin-bottom:8px;}
.prompt-page i{display:block;color:#999;font-size:12px;margin-bottom:8px;}
.prompt-page d{display:block;color:#aaa;font-size:10px;}
.prompt-page .ast{margin-right:-5px;opacity:0.5;+}

.prompt .prompt-profile{height:40px;width:40px;background:#fff;border:1px solid #ddd;border-radius:50%;position:absolute;top:-20px;left:0px;right:0px;margin:auto;color:#777;font-size:18px;text-align:center;padding-top:6px;box-shadow:0 0 10px rgba(0,0,0,.25);}




/***** Notice Styles *****/

.notice{width:300px;padding:8px 10px;box-sizing:border-box;position:absolute;left:0px;right:0px;margin:auto;bottom:20px;border-radius:2px;}
.notice.notice-error{border:1px solid #ff0000;background:#ffa0a0;}
.notice.notice-success{border:1px solid #70964e;background:#d8f5c4;}
.notice.notice-warning{border:1px solid #cec460;background:#f8f4c4;}
.notice span:first-of-type{font-weight:bold;}



/** Form Styles **/

form{padding:0px 20px;}

input,
select, 
textarea{font-family:"Open Sans",helvetica,arial,sans-serif;font-size:14px;color:#575b64;border:1px solid #e3e3e3;background:#fdfdfd;margin-bottom:15px;padding:5px 10px;box-sizing:border-box;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:focus,
select:focus,
textarea:focus{color:#40434A;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);}

input[type="submit"]{border:0px;background:#27ae60;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:0.5px;text-align:center;display:block;width:135px;padding:6px 12px;box-sizing:border-box;margin:5px auto 15px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-webkit-transition: 0.3s;transition: 0.3s;}
input[type="submit"]:hover{color:#fff;-webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);}
input[type="submit"]:focus{background:#1b8045;}
input[type="submit"]::-moz-focus-inner{border:0;outline:0;}



/** Icon Styles **/
.icon{font-size:1em;color:currentColor;display:inline-block;position:relative;vertical-align:middle;}
.icon:after,
.icon:before{content:'';display:block;position:absolute;box-sizing:border-box;}
.icon i{display:block;color:currentColor;}

.icon-power{width:.15em;height:.5em;margin: 0 .425em .5em;background-color: currentColor;border-radius:.05em;transform-origin: 50% .55em;}
.icon-power:after{width: .9em;height: .9em;border-radius: 50%;background-color: transparent;border: .1em solid currentColor;border-color: transparent currentColor currentColor currentColor;top: .1em;left: 50%;transform: translateX(-50%) rotate(20deg);}
.icon-power:before{width: .9em;height: .9em;border-radius: 50%;background-color: transparent;border: .1em solid currentColor;border-color: transparent currentColor currentColor currentColor;top: .1em;left: 50%;transform: translateX(-50%) rotate(-20deg);}

.icon-check{width:1em;height:1em;margin:0;background-color:transparent;}
.icon-check:after,
.icon-check:before{width:.16em;height:.7em;background-color:currentColor;border-radius:.1em;top:.65em;left:.35em;transform:rotate(-135deg);transform-origin:0.08em 0.08em;}
.icon-check:after{width:.43em;height:.16em;}

.icon-star{width:0em;height:0em;margin:0 .36em .55em;background-color:transparent;border:0 solid transparent;border-width:0 .15em .35em;border-bottom-color:currentColor;}
.icon-star:before{top:.3em;left:-.5em;border:0 solid transparent;border-width:0 .5em .35em;border-bottom-color:currentColor;transform:rotate(-35deg);}
.icon-star:after{top:.3em;left:-.5em;border:0 solid transparent;border-width:0 .5em .35em;border-bottom-color:currentColor;transform:rotate(35deg);}

.icon-book{height:1em;width:1em;margin:0;position:relative;}
.icon-book:before,
.icon-book:after{content:'';display:block;position:absolute;box-sizing:border-box;}
.icon-book:before{height:.8em;width:0.7em;box-shadow: inset 0 0 0 0.15em, inset 0 -.48em, .07em .07em;border:0.07em solid transparent;border-width:0 0.07em .07em 0;border-radius:.05em .15em .1em .1em / .05em .05em .1em .05em;transform:skewX(-20deg);left:0.15em;margin:.1em 0;}
.icon-book:after{width:.125em;height:.125em;background-color:transparent;border:0.04em solid currentColor;border-color: currentColor transparent transparent currentColor;border-radius: 50%;transform: rotate(-45deg);top:.82em;left:.022em;}



/** Specific Styles **/





/** Tablet Styles **/
@media only screen and (min-width: 569px) and (max-width: 959px) {
	
	.home .clicker{cursor:pointer;}
	
}

/** Mobile Phone Styles **/
@media only screen and (min-width : 0px) and (max-width : 568px) { 
	
	.home .clicker{cursor:pointer;}
	
	.forever .star .s i{font-size:14px;top:0px;left:2px;}
	.forever .side.side-right .star .s i{left:auto;right:2px;}
}