@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-family: 'Roboto', sans-serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: 300;
	overflow-x: hidden;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 62.5em;
	background-color: transparent;
	margin: 0 auto;
	overflow: hidden;
}
.content {
/*padding: 10px 2em;*/
}
.leftnav {
	float: left;
}
.pd65 {
	padding: 6.5em 1.5em;
	margin: 0 auto;
}
.pdt41 {
	padding-top: 65px;
}
.txt8 {
	font-size: 8em;
}
.txt3 {
	font-size: 3em;
	margin: 0 auto;
}
.txt2{
	font-size: 2em;
	margin: 0 auto;
}
.txt18 {
	font-size: 1.8em;
}
.pd75 {
	padding: 4.68em 2em;
}
.txtcenter {
	text-align: center;
}
.full_container {
	width: 100%;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.pd15 {
	padding: 0 1.5em;
}
.pd62 {
	padding: 6em 5.6em;
}
.menu {
	background-color: #fff;
	margin: 0;
	position: fixed;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	padding: 1em;
	z-index: 100;
	opacity: 0.95;
}
.menu a {
	font-size: 1.3em;
	color: #7d7d7d;
	text-decoration: none;
	margin: 0 2.5em 0 0;
}
.menu a:hover, .active {
	color: #ff442d !important;
}
.footer {
	min-height: 280px;
	color: #272727;
	background-color: #f6f6f6;
}
.twitter {
	background-image: url(../images/sprite.png);
	width: 50px;
	height: 48px;
	background-position: -70px -466px;
	margin: 30px;
	background-color: #272727;
}
.fb {
	background-image: url(../images/sprite.png);
	width: 50px;
	height: 48px;
	background-position: -123px -466px;
	margin: 30px;
	background-color: #272727;
}
.linkedin:hover, .fb:hover, .twitter:hover {
	background-color: #ff442d;
}
.footsocial {
	background-color: #3e3e3e;
	color: #fff;
	padding-top: 20px;
}
.footsocial a {
	color: #85c7ff;
	text-decoration: none;
}
.footsocial a:hover {
	color: #60b6ff;
}
::selection {
	background: #ff442d; /* Safari */
	color: #fff;
}
::-moz-selection {
 background: #ff442d; /* Firefox */
 color: #fff;
}
#download {
	background-color: #c9584b;
	color: #fff;
}
.secdim {
	width: 100%;
	height: 55em;
}
.devices {
	background-image: url(../images/sprite.png);
	background-position: -900px 0px;
	width: 807px;
	height: 626px;
	margin: 3.3em auto 0 auto;
}
#promote {
	background-color: #fff;
	color: #272727;
	width: 100%;
	padding: 50px 0 60px;
}
.ssac {
	width: 955px;
	height: 191px;
	background-image: url(../images/sprite.png);
	background-position: -5px -657px;
	margin: 0 auto;
}
.revgrid {
	width: 33%;
	float: left;
}
.revgrid p {
	font-size: 1em;
	text-align: left;
	padding: 0 10px;
}
.revgrid p span {
	font-weight: 400;
	font-size: 1em;
	padding: 0;
	color: #272727;
	float: none;
}
.revgrid span {
	font-size: 0.9em;
	color: #8f8f8f;
	float: right;
	padding: 0 20px;
}
.rev {
	color: #b3c833;
	padding: 2em 0 0.5em 0;
	border-bottom: 2px solid;
	margin: 0;
	font-weight: 400;
}
.star {
	width: 144px;
	height: 25px;
	background-image: url(../images/sprite.png);
	background-position: -5px -532px;
	margin: 20px auto 0 auto;
}
#home {
	background-color: #f4f4f4;
	color: #272727;
}
.jwlogo {
	width: 273px;
	height: 273px;
	background-image: url(../images/sprite.png);
	background-position: 0px 0px;
}
.dtjw {
	width: 337px;
	height: 200px;
	background-image: url(../images/sprite.png);
	background-position: -281px 0px;
	margin: 15px 0 0 70px;
}
.dwldappstbg {
	width: 295px;
	height: 85px;
	background-image: url(../images/sprite.png);
	background-position:  -379px -379px;
	/*opacity: 0.2 !important;*/
}
.dwldplaystbg {
	width: 258px;
	height: 86px;
	background-image: url(../images/sprite.png);
	background-position: -379px -467px;
}
.dwldsappbg {
	width: 303px;
	height: 85px;
	background-image: url(../images/sprite.png);
	background-position: -567px -284px; /*-1021px -657px*/
	margin: 0 25px;
}
.dwldappstsm {
	width: 166px;
	height: 48px;
	background-image: url(../images/sprite.png);
	background-position: -2px -328px;
	/*opacity: 0.2 !important;*/
	margin: 20px 0 0 20px;
}
.dwldplaystsm {
	width: 138px;
	height: 48px;
	background-image: url(../images/sprite.png);
	background-position: -2px -276px;
	margin: 20px 0 0 0;
}
.dwldsappsm {
	width: 173px;
	height: 48px;
	background-image: url(../images/sprite.png);
	background-position: -2px -566px; /*-688px -376px*/
	margin: 20px 0 0 20px;
}
.dwldappstsm:hover, .dwldplaystsm:hover, .dwldsappsm:hover, .dwldappstbg:hover, .dwldplaystbg:hover, .dwldsappbg:hover {
	/*filter: url("data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filterid….33330.33330.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);*/
	opacity: 0.8;
	cursor: pointer;
}
#features {
	background-color: #76ad00;
	color: #fff;
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	/*padding: 103px 0;*/
	width: 100%;
}
#selecircle, #selecircle1, #selecircle2, #selecircle3, #selecircle4{
	width: 174px;
	height: 174px;
	margin: 40px 10px 0;
}
.currentfeat{
	width: 174px;
	height: 174px;
	background-image: url(../images/sprite.png);
	background-position: -381px -200px;
	margin: 60px 10px;
}
#folder{
	width: 98px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -278px -202px;
	margin: 47px auto;
}
#note{
	width: 77px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -278px -288px;
	margin: 47px auto;
}
#reminder{
	width: 88px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -278px -373px;
	margin: 47px auto;
}
#share{
	width: 75px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -277px -454px;
	margin: 47px auto;
}
#star{
	width: 82px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -277px -544px;
	margin: 47px auto;
}
#themes{
	width: 82px;
	height: 80px;
	background-image: url(../images/sprite.png);
	background-position: -567px -200px;
	margin: 50px auto;
}
#appscreen{
	margin-top: 30px;
	width: 333px;
	height: 580px;
}
.folderscr{
	background-image: url(../images/sprite.png);
	background-position: -341px -857px;
}
.notescr{
	background-image: url(../images/sprite.png);
	background-position: -4px -857px;
}
.reminderscr{
	background-image: url(../images/sprite.png);
	background-position: -688px -857px;
}
.sharescr{
	background-image: url(../images/sprite.png);
	background-position: -1040px -857px;
}
.starscr{
	background-image: url(../images/sprite.png);
	background-position: -1377px -857px;
}
.folderscr:hover, .notescr:hover, .reminderscr:hover, .sharescr:hover, .starscr:hover{
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}
.folderscr, .notescr, .reminderscr, .sharescr, .starscr{
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}
#scrtitle{
	margin: 20px 40px;
}
.foldertitle:before {
   content: "Categorize and Prioritize";
}
.notetitle:before {
   content: "Jot Down Notes";
}
.remindertitle:before {
   content: "Set Reminders";
}
.sharetitle:before {
   content: "Share Anywhere";
}
.startitle:before {
   content: "Color Notes"; /*Star Notes*/
}
#scrinfo{
	text-align: left;
	margin: 50px 40px 0;
}
.folderinfo:before {
   content: "Just as on a notepad - categorize notes, set priority or strike them out when you are done.";
}
.noteinfo:before {
   content: "Write down notes quick and easy. Manage your life on the go!";
}
.reminderinfo:before {
   content: "Sticky notes stick no more to the wall. They jump right out of the smartphone to remind you.";
}
.shareinfo:before {
   content: "Email all your notes. Have some fun too and share your doodles with family and friends!";
}
.starinfo:before {
   content: "Sharp, suave or fun? Set a theme to match every whim."; /*Not all notes are equal. Star the special ones and stay on top.*/
}
.remtxt{
	display:none;
}
.change_version{width:100%;background:#fff;padding:1.5em 0;text-align:center}
.change_version a{font-size:2em;color:#85c7ff;display:block;text-decoration:none}