@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Oswald:400);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:400,700);
*{ padding:0; margin:0;}
html{min-height:100%; position:relative;}
body{width:100%;height:100%; font-family: "Oswald", sans-serif; font-weight:400; text-align:center; font-size:16px; overflow:auto; overflow-y:auto; overflow-x:hidden;}
#scroll{display:inline-block; width:100%; height:2000%; background:#ececec; position:absolute; top:0; left:0; z-index:0;}
.stop-scrolling {height: 100%;overflow: hidden;}
.particle{
	width:400px;
	height:400px;
	position:fixed;
	z-index:10;
	background-size:100% 600%;
	background-position:0% 0%;
	background-repeat:no-repeat;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-200px;
	display:none;
	/*-webkit-backface-visibility: hidden;*/
	-webkit-transform:translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}

.pencil{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/pencil.png);
}
.page{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/page.png);
}
.image{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/image.png);
}
.form{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/form.png);
}
.lego{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/lego.png);
}
.video{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/video.png);
}
.audio{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/audio.png);
}
.ripple{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/ripple.png);
}
.message{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/message.png);
}
.task{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/task.png);
}
.launch{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/launch.png);
}
.planet{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/planet.png);
}
.star{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/stars.png);
}
.icon{
	background-image:url(http://illuminatedesignstudio.com/radiateplus/icons/icon.png);
}
blur0{
	background-position:0% 0%;
}
.blur1{
	background-position:0% 20%;
}
.blur2{
	background-position:0% 40%;
}
.blur3{
	background-position:0% 60%;
}
.blur4{
	background-position:0% 80%;
}
.blur5{
	background-position:0% 100%;
}
.contentButton{
	display:inline-block;
	padding:0;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	max-height:0px;
	max-width:0px;
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	z-index:90001;
	transition:all ease-in-out 0.3s;
	color:#FFF;
	background:#42B691;
	border-radius:100%;
	overflow:hidden;
}
.contentButton>div{
	display:table;
	height:100%; width:100%;
}
.contentButton>div>div{
	display:table-cell;
	vertical-align:middle; text-align:center;
}
.past20 #ElementList{
	padding:20px;
	max-height:160px;
	max-width:160px;
	margin-top:-360px;
	margin-left:120px;
	cursor:pointer;
}
.past35 #ElementList{
	padding:0px;
	max-height:0px;
	max-width:0px;
	margin-top:0;
	margin-left:0;
}
#SupportTrevor{
	background:url(http://illuminatedesignstudio.com/radiateplus/icons/supportTrevor.png) no-repeat #D3635A;
	background-size:cover;
}
#SupportJared{
	background:url(http://illuminatedesignstudio.com/radiateplus/icons/supportJared.png) no-repeat #4183B7;
	background-size:cover;
}
#SupportTeam{
	background:url(http://illuminatedesignstudio.com/radiateplus/icons/supportTeam.png) no-repeat #42B691;
	background-size:cover;
}
.past50 #SupportTrevor{
	padding:20px;
	max-height:160px;
	max-width:160px;
	margin-top:180px;
	margin-left:-100px;
}
.past65 #SupportTrevor{
	padding:0px;
	max-height:0px;
	max-width:0px;
	margin-top:0;
	margin-left:0;
}
.past50 #SupportJared{
	padding:20px;
	max-height:160px;
	max-width:160px;
	margin-top:-360px;
	margin-left:120px;
}
.past65 #SupportJared{
	padding:0px;
	max-height:0px;
	max-width:0px;
	margin-top:0;
	margin-left:0;
}
.past50 #SupportTeam{
	padding:20px;
	max-height:160px;
	max-width:160px;
	margin-top:-200px;
	margin-left:-400px;
}
.past65 #SupportTeam{
	padding:0px;
	max-height:0px;
	max-width:0px;
	margin-top:0;
	margin-left:0;
}
.past65 #PricingDetails{
	padding:20px;
	max-height:160px;
	max-width:160px;
	margin-top:140px;
	margin-left:100px;
	cursor:pointer;
}
.past80 #PricingDetails{
	padding:0px;
	max-height:0px;
	max-width:0px;
	margin-top:0;
	margin-left:0;
}
.content{
	display:inline-block;
	padding:20px;
	width:560px;
	height:560px;
	max-height:560px;
	max-width:560px;
	position:fixed;
	top:150%;
	left:50%;
	margin-top:-300px;
	margin-left:-300px;
	z-index:90001;
	transition:all ease-in-out 0.3s;
	color:#FFF;
	-webkit-backface-visibility: hidden;
}
.content a{
	color:#FFF;
}
.content>div{
	display:table;
	height:100%; width:100%;
}
.content>div>div{
	display:table-cell;
	vertical-align:middle; text-align:center;
}
.content h1{
	text-transform:uppercase;
	font-size:4em;
	line-height:1.0em;
}
div.mce_inline_error{
	display:none !important;
}
.content h2{
	font-family: 'Josefin Slab', serif;
	font-weight:400;
	font-size:1.2em;
	margin-top:10px;
}
.past5 #About{
	top:50%;
}
.past20 #About{
	top:-50%;
}
.past20 #ElementSystem{
	top:50%;
}
.past35 #ElementSystem{
	top:-50%;
}
.past35 #Productivity{
	top:50%;
}
.past50 #Productivity{
	top:-50%;
}
.past50 #Support{
	top:50%;
}
.past65 #Support{
	top:-50%;
}
.past65 #Pricing{
	top:50%;
}
.past80 #Pricing{
	top:-50%;
}
#Demo{
	margin-left:-560px;
}
.past80 #Demo{
	top:50%;
	
}
#demoForm{
	margin-left:-40px;
}
.past80 #demoForm{
	top:50%;
}
.topText{
	width:400px;
	height:400px;
	position:fixed;
	display:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#465558;
	text-shadow:
     -1px -1px 0 #ececec,  
      1px -1px 0 #ececec,
      -1px 1px 0 #ececec,
       1px 1px 0 #ececec,
	   -2px -2px 0 #ececec,  
      2px -2px 0 #ececec,
      -2px 2px 0 #ececec,
       2px 2px 0 #ececec,
	   -3px -3px 0 #ececec,  
      3px -3px 0 #ececec,
      -3px 3px 0 #ececec,
       3px 3px 0 #ececec;
}
#data{
	width:100%;
	position:fixed;
	z-index:80;
}
#dot{
	background:#42B691;
	display:inline-block;
	
	width:600px;
	height:600px;
	max-height:0px;
	max-width:0px;
	margin-top:0px;
	margin-left:0px;
	position:fixed;
	top:50%;
	left:50%;
	z-index:90001;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
#demoDot{
	background:#D3635A;
	display:inline-block;
	
	width:600px;
	height:600px;
	max-height:0px;
	max-width:0px;
	margin-top:0px;
	margin-left:0px;
	position:fixed;
	top:50%;
	left:50%;
	z-index:90000;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
#priceDot{
	background:#42B691;
	display:inline-block;
	
	width:600px;
	height:600px;
	max-height:600px;
	max-width:600px;
	margin-top:-300px;
	margin-right:-300px;
	position:fixed;
	top:50%;
	right:-100%;
	z-index:90001;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
.past2 #dot{
	max-height:600px;
	max-width:600px;
	margin-top:-300px;
	margin-left:-300px;
}
.past20 #dot{
	background:#D3635A;
}
.past35 #dot{
	background:#4183B7;
}
.past50 #dot{
	background:#996699;
}
.past65 #dot{
	background:#FF9900;
}
.past80 #dot{
	background:#42B691;
	left:50%;
	margin-left:-560px;
}
.past80 #demoDot{
	max-height:600px;
	max-width:600px;
	margin-top:-300px;
	margin-left:-40px;
}
#scrollDown{
	display:inline-block;
	width:200px;
	margin-right:-100px;
	margin-top:80px;
	position:fixed;
	text-align:center;
	padding:10px 0;
	top:50%;
	right:50%;
	z-index:90002;
	border-radius:20px;
	transition:all ease-in-out 0.3s;
	border:solid 4px #465558;
	color:#465558;
	text-transform:uppercase;
	background:#ececec;
	cursor:pointer;
}
#scrollDown:hover{
	background:#42B691;
	border:solid 4px #42B691;
	color:#FFF;
}
.past2 #scrollDown{
	top:150%;
}
#signup{
	display:inline-block;
	width:200px;
	position:fixed;
	text-align:center;
	padding:10px 0;
	top:-200px;
	right:70px;
	z-index:90002;
	border-radius:20px;
	transition:all ease-in-out 0.3s;
	border:solid 4px #465558;
	color:#465558;
	text-transform:uppercase;
	background:#ececec;
	cursor:pointer;
}
#signup:hover{
	background:#42B691;
	border:solid 4px #42B691;
	color:#FFF;
}
.past2 #signup{
	top:14px;
	right:70px;
	margin:0;
}
#logo{
	display:inline-block;
	
	width:400px;
	height:400px;
	margin-left:-200px;
	margin-top:-240px;
	position:fixed;
	top:50%;
	left:50%;
	z-index:90001;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
#logo img{
	width:100%;
}
.past2 #logo{
	width:200px;
	height:200px;
	left:-10px;
	top:-20px;
	margin:0;
}
#mouse{
	display:inline-block;
	
	width:50px;
	height:50px;
	margin-left:-25px;
	position:fixed;
	bottom:20px;
	left:50%;
	z-index:90002;
	transition:all ease-in-out 0.3s;
}
#mouse img{
	width:100%;
}
.past2 #mouse{
	bottom:-50px;
}
#menu{
	display:inline-block;
	width:50px;
	height:50px;
	position:fixed;
	top:10px;
	right:10px;
	z-index:90004;
	transition:all ease-in-out 0.3s;
	cursor:pointer;
}
#menu img{
	width:100%;
}
#nav{
	background:rgb(211,99,90);
	display:inline-block;
	width:300px;
	height:100%;
	position:fixed;
	top:0;
	right:-300px;
	z-index:90003;
	transition:all ease-in-out 0.5s;
}
#nav.on{
	right:0;
}
#nav ul{
	list-style:none;
	display:block;
	padding:20px;
}
#nav li{
	display:block;
	color:#FFF;
	cursor:pointer;
	padding:6px 0;
	text-transform:uppercase;
	font-family: 'Josefin Slab', serif;
	font-size:1.2em;
}
#mc_embed_signup label{
	display:block;
	margin-top:10px;
	font-size:1.6em;
	text-transform:uppercase;
}
#mc_embed_signup input{
	display:inline-block;
	width:calc(50% - 12px);
	border:none;
	padding:6px;
	background:rgba(255,255,255,0.2);
	border-radius:20px;
	font-family: 'Josefin Slab', serif;
	color:#FFF;
}
#mc-embedded-subscribe{
	color:#FFF;
	text-transform:uppercase;
	font-size:1.6em;
	width:auto;
	padding:6px 20px;
	margin-top:20px;
	transition:all ease-in-out 0.3s;
	font-family: "Oswald", sans-serif !important;
	cursor:pointer;
}
#mc-embedded-subscribe:hover{
	background:rgba(255,255,255,0.4);
}
.demoSignUpBody #mc_embed_signup input{
	width:calc(100% - 12px);
}
#DemoLabel{
	display:inline-block;
	width:100%;
	position:fixed;
	top:-200%;
	left:0;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.8em;
	transition:all ease-in-out 0.3s;
	z-index:90001;
}
.small{
	font-size:0.8em;
}
#bars {
	-webkit-backface-visibility: hidden;
}
#bars div{
	display:inline-block;
	width:10.1%;
	height:100%;
	background:#42B691;
	position:fixed;
	transition:all ease-in-out 0.4s;
	z-index:90010;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
}
#bars div:nth-child(2n+1){
	background:#389779;
}
#bars div:nth-child(10n+1){
	top:-100%;
	left:0;
}
#bars div:nth-child(10n+2){
	bottom:-100%;
	left:10%;
}
#bars div:nth-child(10n+3){
	top:-100%;
	left:20%;
}
#bars div:nth-child(10n+4){
	bottom:-100%;
	left:30%;
}
#bars div:nth-child(10n+5){
	top:-100%;
	left:40%;
}
#bars div:nth-child(10n+6){
	bottom:-100%;
	left:50%;
}
#bars div:nth-child(10n+7){
	top:-100%;
	left:60%;
}
#bars div:nth-child(10n+8){
	bottom:-100%;
	left:70%;
}
#bars div:nth-child(10n+9){
	top:-100%;
	left:80%;
}
#bars div:nth-child(10n+10){
	bottom:-100%;
	left:90%;
}
.elementListing #bars div:nth-child(2n+1),.pricingListing #bars div:nth-child(2n+1){
	top:0;
	background:#42B691;
}
.elementListing #bars div:nth-child(2n+2),.pricingListing #bars div:nth-child(2n+2){
	bottom:0;
}
#close{
	display:inline-block;
	width:100px;
	height:100px;
	position:fixed;
	top:-100px;
	right:10px;
	transition:all ease-in-out 0.3s;
	z-index:90012;
	background:url(http://illuminatedesignstudio.com/radiateplus/icons/close.png) no-repeat;
	background-size:cover;
	cursor:pointer;
}
.elementListing #close{
	top:10px;
}
#priceClose{
	display:inline-block;
	width:100px;
	height:100px;
	position:fixed;
	top:-100px;
	right:10px;
	transition:all ease-in-out 0.3s;
	z-index:90012;
	background:url(http://illuminatedesignstudio.com/radiateplus/icons/close.png) no-repeat;
	background-size:cover;
	cursor:pointer;
}
.pricingListing #priceClose{
	top:10px;
}
#pricingDescription{
	z-index:90012;
}
.pricingListing #pricingDescription{
	top:50%;
}
#pricingDescription ul{
	list-style:none;
}
#elements{
	display:inline-block;
	width:100%;
	height:100%;
	position:fixed;
	top:100%;
	left:0;
	transition:all ease-in-out 0.3s;
	z-index:90011;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
.elementListing #elements{
	top:0;
}
.elementIcon{
	width:60px;
	height:60px;
	display:inline-block;
	border-radius:100%;
	background:#D3635A;
	padding:10px;
	vertical-align:middle;
	position:fixed;
	top:150%;
	left:50%;
	transition:all ease-in-out 0.3s;
	z-index:90013;
	cursor:pointer;
}
.elementIcon img{
	width:100%;
}
.element{
	display:block;
	padding:10px 200px;
}
.elementDescription{
	display:inline-block;
	width:calc(100% - 90px);
	text-align:left;
	margin-left:10px;
	vertical-align:middle;
}
.elementDescription h2{
	font-size:3em;
	color:#FFF;
	text-transform:uppercase;
	font-weight:400;
}
.elementDescription h3{
	font-size:1.2em;
	color:#FFF;
	font-weight:400;
}
.elementDescription{
	display:inline-block;
	padding:40px;
	width:520px;
	height:520px;
	max-height:520px;
	max-width:520px;
	position:fixed;
	top:150%;
	left:50%;
	margin-top:-300px;
	margin-left:-300px;
	z-index:90012;
	transition:all ease-in-out 0.3s;
	color:#FFF;
}
.elementDescription>div{
	display:table;
	height:100%; width:100%;
}
.elementDescription>div>div{
	display:table-cell;
	vertical-align:middle; text-align:center;
}
.elementOn .elementDescription{
	top:50%;
}
#elementDot{
	background:#4183B7;
	display:inline-block;
	
	width:600px;
	height:600px;
	max-height:0px;
	max-width:0px;
	margin-top:0px;
	margin-left:0px;
	position:fixed;
	top:50%;
	left:50%;
	z-index:90011;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
.elementListing #elementDot{
	max-height:600px;
	max-width:600px;
	margin-top:-300px;
	margin-left:-300px;
}
#priceDot{
	background:#4183B7;
	display:inline-block;
	
	width:600px;
	height:600px;
	max-height:0px;
	max-width:0px;
	margin-top:0px;
	margin-left:0px;
	position:fixed;
	top:50%;
	left:50%;
	z-index:90011;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
.pricingListing #priceDot{
	max-height:600px;
	max-width:600px;
	margin-top:-300px;
	margin-left:-300px;
}
.demoSignUpBody{
 	background:url(http://illuminatedesignstudio.com/radiateplus/icons/06.jpg) center no-repeat;
 	background-size:cover;	
}
html{
	background:none !important;
}
#demoSignUp{
	display:inline-block;
	position:fixed;
	right:0;
	top:0;
	width:50%;
	height:100%;
	z-index:5;
}
#demoSignUp>div{
	display:table;
	height:100%; width:100%;
}
#demoSignUp>div>div{
	display:table-cell;
	vertical-align:middle; text-align:center;
}
#demoBox{
	border-radius:20px;
	display:inline-block;
	padding:40px;
	color:#FFF;
	text-align:center;
}
#demoSignUpDot{
	background:#D3635A;
	display:inline-block;
	width:800px;
	height:800px;
	max-height:800px;
	max-width:800px;
	margin-top:-400px;
	margin-left:-400px;
	position:fixed;
	top:50%;
	left:75%;
	z-index:4;
	border-radius:100%;
	transition:all ease-in-out 0.3s;
}
#mce-success-response{
	font-size:0.5em;
}
.scrolling .content,.scrolling .goto,.scrolling #mouse,.scrolling .contentButton,.scrolling #dot,.scrolling #elements,.scrolling #elementDot,.scrolling #priceDot,.scrolling #priceClose,.scrolling #demoDot{
	opacity:0;
}
@media only screen 
and (max-width : 1000px) {
	.past2 #dot{
		max-height:400px;
		max-width:400px;
		margin-top:-200px;
		margin-left:-200px;
	}
	.past80 #dot{
		margin-left:-360px;
	}
	.past80 #demoDot{
		max-height:600px;
		max-width:600px;
		margin-top:-300px;
		margin-left:-40px;
	}
	.elementListing #elementDot{
		max-height:400px;
		max-width:400px;
		margin-top:-200px;
		margin-left:-200px;
	}
	.pricingListing #priceDot{
		max-height:400px;
		max-width:400px;
		margin-top:-200px;
		margin-right:-200px;
	}
	.elementDescription{
		width:320px;
		height:320px;
		max-height:320px;
		max-width:320px;
		margin-top:-200px;
		margin-left:-200px;
	}
	.elementDescription h2{
		font-size:2.67em;
	}
	.elementDescription h3{
		font-size:0.8em;
	}
	.content{
		width:360px;
		height:360px;
		margin-top:-200px;
		margin-left:-200px;
	}
	.content h1{
		font-size:2.67em;
	}
	.content h2{
		font-size:0.8em;
	}
	.past20 #ElementList{
		padding:20px;
		max-height:110px;
		max-width:110px;
		margin-top:-240px;
		margin-left:80px;
		font-size:0.7em;
	}
	.past35 #ElementList{
		padding:0px;
		max-height:0px;
		max-width:0px;
		margin-top:0;
		margin-left:0;
	}
	.past50 #SupportTrevor{
		padding:20px;
		max-height:110px;
		max-width:110px;
		margin-top:100px;
		margin-left:-60px;
	}
	.past65 #SupportTrevor{
		padding:0px;
		max-height:0px;
		max-width:0px;
		margin-top:0;
		margin-left:0;
	}
	.past50 #SupportJared{
		padding:20px;
		max-height:110px;
		max-width:110px;
		margin-top:-240px;
		margin-left:80px;
	}
	.past65 #SupportJared{
		padding:0px;
		max-height:0px;
		max-width:0px;
		margin-top:0;
		margin-left:0;
	}
	.past50 #SupportTeam{
		padding:20px;
		max-height:110px;
		max-width:110px;
		margin-top:-160px;
		margin-left:-280px;
	}
	.past65 #SupportTeam{
		padding:0px;
		max-height:0px;
		max-width:0px;
		margin-top:0;
		margin-left:0;
	}
	.past65 #PricingDetails{
		padding:20px;
		max-height:110px;
		max-width:110px;
		margin-top:90px;
		margin-left:67px;
		font-size:0.7em;
	}
	.past80 #PricingDetails{
		padding:0px;
		max-height:0px;
		max-width:0px;
		margin-top:0;
		margin-left:0;
	}
	#Demo{
		margin-left:-360px;
	}
	#mc_embed_signup label{
		font-size:1.1em;
	}
}
@media only screen 
and (max-width : 700px) {
	.past2 #dot{
		max-height:300px;
		max-width:300px;
		margin-top:-150px;
		margin-left:-150px;
	}
	.past80 #dot{
		margin-left:-2000px;
		margin-top:-3920px;
		top:0;
		width:4000px;
		max-width:4000px;
		max-height:4000px;
		height:4000px;
	}
	.past80 #demoDot{
		max-height:4000px;
		max-width:4000px;
		margin-top:-2000px;
		margin-left:-2000px;
		width:4000px;
		height:4000px;
	}
	.pricingListing #priceDot{
		max-height:300px;
		max-width:300px;
		margin-top:-150px;
		margin-right:-150px;
	}
	.elementListing #elementDot{
		max-height:300px;
		max-width:300px;
		margin-top:-150px;
		margin-left:-150px;
	}
	.content{
		width:260px;
		height:260px;
		margin-top:-150px;
		margin-left:-150px;
	}
	.content h1{
		font-size:1.8em;
	}
	.content h2{
		font-size:0.8em;
	}
	.contentButton{
		width:0;
		height:0;
		padding:0px !important;
	}
	#Demo{
		margin-left:-360px;
	}
	#mc_embed_signup label{
		font-size:0.6em;
	}
	#demoForm{
		margin-left:-150px;
	}
	.past2 #logo{
		width:100px;
		height:100px;
	}
	.past80 #logo{
		top:-200px;
	}
	.past80 #Demo{
		top:200%;
		
	}
	.past80 #DemoLabel{
		top:26px;
	}
	.past2 #signup{
		top:100%;
		right:50%;
		margin-right:-100px;
		margin-top:-60px;
	}
	.past80 #signup{
		margin-top:0;
	}
	#mc-embedded-subscribe{
		font-size:1.0em;
	}
	#demoSignUp{
		width:100%;
	}
}