body {
	margin:0;
	padding:0;
	font-family:'Open Sans',sans-serif;
	overflow-x:hidden;  
	font-variant-ligatures:normal;
	font-variant-caps:normal;
	letter-spacing:normal;
	white-space:normal;	
}
a, a:hover, a:visited {
	font-weight:700;
	text-decoration:underline;
	color:#009900;		
}
/* page titles */
h1 {
	font-size:24px;
	color:#000000;	
	font-weight:600;	
}
/* sub-titles and body text */
h2 , h3 {
	margin:0;
	padding:0;
   padding-bottom:8px;
	font-size:18px;
	line-height:24px;	
	font-weight:600; 
	color:#000000;
}
/* body text */
h3 {	
	font-weight:400;
   font-size:16px;
	color:#333333;
}

.faq h2 {
   font-weight:600;
	cursor:pointer;
}
.faq h3 { 
	display:none;
   font-size:15px;
   font-weight:400;
}

.news h2 {
	color:#000000;
   font-size:16px;
   font-weight:500;
   line-height:24px;
   margin:0;
   padding:0;
}

.getstarted:empty:before {
  content:attr(data-placeholder);
  color:#cccccc;
  font-size:14px;
  font-weight:700;
  display:block;  /* For Firefox? */
}
.getstarted {
	position:relative;
	width:320px;
	padding:5px 3px 5px 2px;
	margin-bottom:6px; 
	color:#444444;
	font-size:14px;
	border:1px solid #57ad40;
	outline:none;
}
/* home page special header */
h4 {	
	margin:0;
	padding:0;
	padding-top:30px;
	font-size:20px;
	font-weight:800; 
	line-height:32px;
	color:#888888;	
}
sup {
	font-weight:400;
	font-size:12px;
}
#footer-banner {
	position:absolute;
	bottom:-6px;
	left:0;
	width:100%;	
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;	
	background-image:url(../_corpsiteimages/backgroundband.jpg);			
}
#footer-banner div   {
	margin:auto;	
	text-align:center;
}
#footer-banner div div {	
	color:#ffffff;	
	font-size:12px;
	font-weight:400px;	
}
#footer-banner div div:last-child {
	cursor:pointer;
}
#header-banner {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:70px;	
	background-image:url(../_corpsiteimages/backgroundband.jpg);
	box-shadow: -20px 10px 78px -3px rgba(0,0,0,0.75);
	z-index:1000;	
}
#header-banner #header-logos {
	margin-left:15px;
	float:left;	
}
#header-banner #header-logos a {	
	float:left;	
}
#header-banner #header-logos a:first-child img {
	height:50px;
	width:50px;
	padding-top:10px;
	margin-right:8px;	
}
#header-banner #header-logos a:nth-child(2) img   {	 
	padding-top:25px;
	margin-right:0px;
}
#header-icons-hor {
	position:fixed;
	left:0;
	right:0;
	width:80%;
	max-width:800px;
	margin:auto;
	height:70px;
	text-align:right;
	background-color:transparent;
	z-index:1001;
}
#header-icons-hor a {	
	margin-left:20px;
	float:right;	
}
#header-icons-hor a:first-child   {
	margin-right:-20px;
}
#header-icons-hor a img {
	height:35px;
	width:35px;
	padding-top:17px;	
}
#header-icons-ver { 	
	position:fixed; 
	left:20px;
	top:155px;
	width:30px;
	height:auto;
	transition-duration:.5s;
	transition-property:opacity;
	transition-timing-function:ease-in;
	opacity:1;
	display:none;
	z-index:1001;
}
#header-icons-ver a img {
	height:35px;
	width:35px;	
	margin-top:16px;	
}

#menu-button {
	position:fixed;
	top:100px;
	left:12px;
	width:47px;
	padding-left:10px;
	height:37px;
	padding-top:20px;
	border-radius:36px;	
	background-color:#f78f1e;
	font-size:12px;
	font-weight:700;
	color:white;
	transition-duration:.5s;
	transition-property:opacity;
	transition-timing-function:ease-out;
	opacity:1;
	z-index:1004;
	cursor:pointer;	
}
.menu-button-shadow { box-shadow: 10px 10px 25px -3px rgba(0,0,0,0.65); }
#menu-panel {
	position:fixed;
	top:70px;
	left:-275px;
	width:275px;
	height:100%;	
	color:white;
	background-color:#244521;
	opacity:.9;
	transition-duration:.35s;
	transition-property:left;
	transition-timing-function:ease-out;
	z-index:1005;
}
#menu-list {
	position:absolute;
	top:60px;
	left:55px;
	width:220px;
	padding:0;
	margin:0;
	color:white;
	font-size:14px;
	font-weight:600;
	list-style:none;
}
#menu-list li {
	padding:4px;
	letter-spacing:.25em;
	margin-bottom:8px;
	cursor:pointer;
}
#menu-list .dark {
	color:#9ebc96;
}
#menu-indicator-container {
	position:absolute;	
	top:60px;
	left:42px;
	width:5px;
	height:1px;
	background-color:transparent;	
}
#menu-indicator {
	position:absolute;
	top:40px;
	left:0;	
	height:19px;
	width:5px;
	background-color:#f78f1e;
}

#cover-box {
   position:absolute;
   top:295px;
   left:0;
   right:0;
   margin:auto;
   width:470px;
   height:305px;
   background-color:white;
   text-align:center;
   box-shadow: 10px 10px 25px -3px rgba(0,0,0,0.65); 
   z-Index:1010;
   display:none;
}
#cover {
   position:absolute;
   left:0;
   top:70px;
   width:100%;
   height:100%;
   background-color:#666666;
   opacity:.5;
   z-Index:1000;
   display:none;
}

#logical-page-display {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	overflow:hidden;
}
.logical-page {
	position:absolute;	
	top:70px;
	width:100%;
	height:auto;
	text-align:center;
	transform:translate3d(100%,0,0);
	background-color:#ffffff;	
}
.logical-header-image img {
	width:100%;
}
.logical-content-page {
	position:relative;
	width:100%; 
	height:auto;
	padding-bottom:100px;	
	text-align:center;
	transform-style:preserve-3d;
  	backface-visibility:hidden;
	transform-origin:0 0;	
}
.content-container {
	position:relative;
	top:20px;
	width:80%;
	max-width:800px;
	height:100%;
	margin:auto;
	text-align:center;
	background-color:#ffffff; 
}
.content-text {
	position:relative;
	top:8px;
	left:180px;
	width:70%;
	max-width:600px;	
	text-align:left;
}
.content-left-text {
	position:absolute; 
	top:7px;
	left:0;
	padding-right:30px;
	width:150px;	
	color:#57ad40;
	text-align:left;	
	font-weight:600; 
	font-size:12px;	
}
.content-left-text img {
	margin-top:20px;
	width:150px;
}
.content-left-text a, #content-left-text a:hover,  #content-left-text a:visited {
	color:#009900;
	font-size:13px;
	font-weight:800;	
}

#select-download {
	position:fixed;	
	width:170px;
	height:120px;
	z-index:1010;
	background-color:white;
	border:2px solid #f78f1e;
	border-radius:8px;
	display:none;
}
.select-download-left {	
	left:65px;
	top:100px;
}
.select-download-left:after, .select-download-left:before {
	right:100%;
	top:30%;
	border:solid transparent;
	content: " ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.select-download-left:after {
	border-color:rgba(255, 255, 255, 0);
	border-right-color:#ffffff;
	border-width:12px;
	margin-top:-10px;
}
.select-download-left:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color:#f78f1e;
	border-width:14px;
	margin-top: -12px;
}
.select-download-top {	
	left:100px;
	top:55px;	
}
.select-download-top:after, .select-download-top:before {
	bottom:100%;
	left:50%;
	border:solid transparent;
	content: " ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.select-download-top:after {
	border-color:rgba(255, 255, 255, 0);
	border-bottom-color:#ffffff;
	border-width:12px;
	margin-left:-68px;
}
.select-download-top:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color:#f78f1e;
	border-width:14px;
	margin-left: -70px;
}
#select-close {
	position:relative;
	top:1;
	width:20px;
	height:20px;
	left:147px;
	cursor:pointer;
}
#select-apple, #select-google  {
	position:absolute;
	top:6px;
	left:2px;
	width:150px;
	background-color:#ffffff;	
	cursor:pointer;
}
#select-google {
	top:60px;
}

.check-box {
	position:relative;
	margin-bottom:6px;
	margin-left:0;
	margin-right:8px;
	border:1px solid #57ad40;
	width:24px;
	height:24px;
	float:left;
	background-color:white;
	cursor:pointer;
}
.check-text { 
	float:left;	
}
.check-mark {
	position:absolute;
	top:2px;
	left:2px;
	height:20px;
	width:20px;
	background-image:url(../_corpsiteimages/check.png);
	background-size:contain;
}
.check-cover {
	position:absolute;
	top:1px;
	right:1px;
	height:22px;
	width:22px;
	background-color:#ffffff;
	transition-duration:.25s;
	transition-property:width;
}
.check-button {
	width:120px;
	height:50px;
	background-color:#57ad40;		
	text-align:center;
	margin-bottom:18px;
	cursor:pointer;
}
.check-button-text {		
	margin:auto;
	padding-top:16px;
	color:white;
	font-size:16px;
	font-weight:bold;
	font-family:Geneva, sans-serif;
	letter-spacing:.25em;	
}

@media screen and (max-width: 725px) {
#header-icons-hor {	
	width:auto; 
	float:left;
	height:100%;
}
#header-icons-hor a {	
	margin-left:16px;
	float:left;	
}
		
#header-icons-ver { display:block; } 
#header-icons-hor { display:none; }

.content-text {
	position:relative;
	top:0;
	left:180px;
	height:auto;
	width:65%;	
	text-align:left;
}	
}
@media screen and (max-width: 650px) {
#header-banner #header-logos a:nth-child(2) img   {
	margin-right:0; 
	padding-top:25px;	
}	
.content-container {
	position:relative;
	margin-left:85px;
	margin-right:2%;
	height:auto;
}
.content-text {	
	position:relative;
	left:0;	
	height:auto; 
	width:90%;
	text-align:left;	
}
.content-left-text {
	position:relative; 
	left:0;
	width:90%;
	margin-top:20px;
	padding-bottom:24px;
	color:#58ad40; 
	font-size:12px;	
}
}
@media screen and (max-width: 400px) {
#footer-banner div div:last-child {
	display:none;
}	
}
@media screen and (max-height: 540px) {
#menu-panel {
	position:fixed;
	top:70px;
	left:-275px;
	width:275px;	
	color:white;
	background-color:#244521;
	opacity:.9;
	transition-duration:.35s;
	transition-property:left;
	transition-timing-function:ease-out;
	z-index:1005;
}
#menu-list {
	position:absolute;
	top:10px;
	left:55px;
	width:220px;
	padding:0;
	margin:0;
	color:white;
	font-size:14px;
	font-weight:600;
	list-style:none;
}
#menu-list li {
	padding:3px;
	letter-spacing:.25em;
	margin-bottom:2px;
	cursor:pointer;
}
#menu-indicator-container {
	position:absolute;	
	top:10px;
	left:42px;
	width:5px;
	height:1px;
	background-color:transparent;	
}	
}

/* page transitions and animation */
.pageenterLeft {
	z-index:900;	display:block;	
	animation-name:enterLeft;
	animation-timing-function:ease-out;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-fill-mode:both;   
}
@keyframes enterLeft {
	from { transform:translate3d(100%,0,0); }
	to	  { transform:translate3d(0,0,0); }
}
.pageenterRight {
	z-index:900;		
	animation-name:enterRight;
	animation-duration:.3s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-fill-mode:both;  
}
@keyframes enterRight {
	from { transform:translate3d(-100%,0,0); }
	to	  { transform:translate3d(0,0,0); }
}
.pageexitLeft {
	z-index:901;
	animation-name:exitLeft;
	animation-timing-function:linear;
	animation-duration:.15s;
	animation-iteration-count:1;
	animation-fill-mode:both;
}
@keyframes exitLeft {
	from { transform:translate3d(0,0,0); }
	to   { transform:translate3d(-100%,0,0); }
}
.pageexitRight {
	z-index:901;
	animation-name:exitRight;
	animation-timing-function:linear;
	animation-duration:.15s;
	animation-iteration-count:1;
	animation-fill-mode:both;
}
@keyframes exitRight {
	from { transform:translate3d(0,0,0); }
	to   { transform:translate3d(100%,0,0); }
}
.bouncePage {
	animation-duration:.75s;
	animation-timing-function:ease-out;
	animation-property:all;	
	transform-origin:left 0;
	animation-name:bounce;
}
.bounceRight { transform-origin:left 0; }
.bounceLeft  { transform-origin:right 0; }
@keyframes bounce {
	from { transform: scale3d(1.00, 1, 1); }
	30%  { transform: scale3d(2.00, 1, 1); }
	40%  { transform: scale3d(0.95, 1, 1); }
	50%  { transform: scale3d(1.55, 1, 1); }
  	65%  { transform: scale3d(0.90, 1, 1); }
  	75%  { transform: scale3d(1.05, 1, 1); }
	to   { transform: scale3d(1.00, 1, 1); }
}