@charset "UTF-8";
/* HTML Tags */
@import url('https://fonts.googleapis.com/css?family=Abel');						/* Description: font-family: 'Abel', sans-serif;*/
body {font-family:'Abel',sans-serif;margin:0;font-size:17px;}
header nav {z-index:999;position:fixed;top:0;left:0;width:100%;text-align:center;background-color:#333;color:#FFF;margin:0;}
header nav ul {display:inline-block;margin:0 auto;list-style:none;padding:0;}
header nav ul li {display:inline-block;margin:10px;}
header nav ul li a {color:#FFF;text-decoration:none;}
main {max-width:1024px;margin: 0 auto;}
main h1 {font-size:30px;font-weight:bolder;margin-bottom:5px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
main h2 {font-size:24px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
section {position:relative;overflow:visible;padding-top:5px;padding-bottom:0px;margin: 30px 20px 0px 20px;border-bottom:1px solid #DDD;}
footer {clear:both;margin-top:30px;padding-top:50px;text-align:center;color:#333333;font-size:12px;}

/* Main Page Classes */
.tagLine {
	margin-top:96px;
	margin-left:20px;
	font-style:italic;
	font-size:20px;
}
.prodimage {
	position:relative;
	width:60%;
	float:left;
    clear:both;
}
.base {
  	position:relative;
	margin-bottom:0;
	top:0;
	left:0;
}
img.icon {
    float:left;
    border-radius:20px;
    margin-right:20px;
    margin-bottom:10px;
}
.ipadscreen, .ipadscreen9 {
  	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.base, .ipadscreen, .ipadscreen9 {
	margin: 0;
	width: 100%;
}
.ipadscreen {
	-webkit-animation: fadeInOut 20s ease-in-out infinite;
	-moz-animation: fadeInOut 20s ease-in-out infinite;
	-o-animation: fadeInOut 20s ease-in-out infinite;
	animation: fadeInOut 20s ease-in-out infinite;
}
.ipadscreen9 {
	-webkit-animation: fadeInOut 40s ease-in-out infinite;
	-moz-animation: fadeInOut 40s ease-in-out infinite;
	-o-animation: fadeInOut 40s ease-in-out infinite;
	animation: fadeInOut 40s ease-in-out infinite;
}
.desc {width:38%;float:right;margin-top:0;}
.appstore {clear:both;}
.appstore a img {position:absolute;top:55px;right:10px;}

/* Product Page Classes */
.poster{
  	position:relative;
	margin-left:6px;
	margin-bottom:10px;
	width:33%;
	float:left;
	top:0;
	left:0;
}
.posterDesc {width:63%;float:right;margin-top:0;}

/* Keyframes */
@keyframes fadeInOut {
  0% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  22% {
    opacity:0;
  }
  98% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  22% {
    opacity:0;
  }
  98% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  22% {
    opacity:0;
  }
  98% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-o-keyframes fadeInOut {
  0% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  22% {
    opacity:0;
  }
  98% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
.prodimage img:nth-of-type(10) {
  -webkit-animation-delay: 32s;
  -moz-animation-delay: 32s;
  -o-animation-delay: 32s;
  animation-delay: 32s;
}
.prodimage img:nth-of-type(9) {
  -webkit-animation-delay: 28s;
  -moz-animation-delay: 28s;
  -o-animation-delay: 28s;
  animation-delay: 28s;
}
.prodimage img:nth-of-type(8) {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  animation-delay: 24s;
}
.prodimage img:nth-of-type(7) {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}
.prodimage img:nth-of-type(6) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
.prodimage img:nth-of-type(5) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.prodimage img:nth-of-type(4) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
.prodimage img:nth-of-type(3) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
.prodimage img:nth-of-type(2) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

/* Form */
#pagetitle {
	text-align: center;
	margin-top: 80px;
}
#form {
	margin-top:0;
}
#form form {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	text-align:left; 
}
#form form p label {
	width: 70px;
	display: inline-block;
	margin-left: 0px;
	vertical-align:text-top;
}
#form form p input[type="text"], #form form p input[type="email"], #form form p textarea {
	width: 96%;
}
#form form p textarea {
	height:75px;
}
#form form p input[type="submit"] {
	margin: 10%;
}
.center {text-align: center;}

/* Page Not Found */
#pnf {text-align: center;margin-top:50px;}

/* Media Queries */
@media (max-width: 736px) {
	section {position:relative;overflow:visible;padding-top:80px;margin: 75px 8px 10px 8px;font-size:16px;}
	main h1 {font-size:30px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:24px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:95px;right:0px;}
}
@media (max-width: 667px) {
	section {position:relative;overflow:visible;padding-top:80px;margin: 75px 8px 10px 8px;font-size:16px;}
	main h1 {font-size:30px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:24px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:95px;right:0px;}
}
@media (max-width: 568px) {
	section {position:relative;overflow:visible;padding-top:70px;margin: 65px 8px 10px 8px;font-size:16px;}
	main h1 {font-size:28px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:22px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:95px;right:0px;}
}
@media (max-width: 480px) {
	section {position:relative;overflow:visible;padding-top:70px;margin: 65px 8px 10px 8px;font-size:16px;}
	main h1 {font-size:28px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:22px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:95px;right:0px;}
}
@media (max-width: 414px) {
	section {position:relative;overflow:visible;padding-top:60px;margin: 55px 8px 10px 8px;font-size:15px;}
	main h1 {font-size:26px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:20px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:75px;right:0px;}
}
@media (max-width: 375px) {
	section {position:relative;overflow:visible;padding-top:60px;margin: 55px 8px 10px 8px;font-size:14px;}
	main h1 {font-size:24px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:18px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	footer {margin-top:20px;font-size:11px;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:70px;right:0px;}
}
@media (max-width: 320px) {
	section {position:relative;overflow:visible;padding-top:65px;margin: 70px 8px 10px 8px;font-size:14px;}
	header nav ul li a {font-size:12px;}
	main h1 {font-size:22px;font-weight:bolder;margin-bottom:5px;}
	main h2 {font-size:16px;font-weight:normal;margin-top:5px;font-style:italic;color:#333333;}
	footer {margin-top:20px;font-size:10px;}
	.base {position:relative;top:0;left:0;}
	.prodimage {position:relative;width:100%;top:0;left:0;}
	.desc {width:100%;clear:both;margin-top:20px;}
	.appstore a img {position:absolute;top:70px;right:0px;}
}