html {font-family:Helvetica Neue,Helvetica,sans-serif;height:100%}
/*html {background-image:url(img/bg2.jpg);background-attachment:fixed;background-size:cover;background-position:center;}*/
body {margin:0;padding:0;height:100%}

a {color:inherit}
a:active {color:inherit}
a:visited {color:inherit}

.page {}
.page1 {min-height:100%;position:relative}
@media screen and (min-height:1024px) {
  .page1 {min-height:1024px}
}
.page1 {background-size:cover;background-position:center}
.page1-bg1 {background-image:url(img/bg1.jpg)}
.page1-bg2 {background-image:url(img/bg2.jpg)}
.page.white {background-color:#fff}
.page.grey {background-color:#eee}
.page-content {max-width:1024px;margin:0 auto}
.page1 .page-content {padding:96px 0 48px 0}
.page1-button {background-color:#3399dd;border-radius:4px;display:inline-block;padding:16px;color:#fff;text-align:center;width:256px;margin:8px;box-shadow:8px 8px 48px rgba(0,0,0,.3)}
.page1-button-head {font-size:1.5em;font-weight:bold;margin-bottom:8px}
.page1-button-text {line-height:1.25;color:#bdf}

.page h1 {color:#777}
.page h2 {color:#39d}

.footer {background-color:#555;color:#999;font-size:.9em}
.footer-content {max-width:1024px;margin:0 auto;padding:32px 0}
.footer-col {display:inline-block;vertical-align:top;margin:0 32px}

.page1 .learnmore {position:absolute;bottom:0;left:0;right:0;width:400px;height:48px;margin:auto;line-height:48px;border-radius:8px 8px 0 0;background-color:#fff;color:#aaa;text-align:center;text-decoration:none}

/* Navigation */

.nav {position:fixed;left:0;top:0;width:100%;height:48px;background-color:#fff;z-index:2;box-shadow:0 0 16px rgba(0,0,0,.2)}
.nav-content {display:flex;align-items:center;height:48px;max-width:1024px;margin:0 auto}
.nav-title {color:#555;padding:0 8px;cursor:pointer;text-decoration:none;font-weight:bold}
.nav-item {padding:0 8px}
a.nav-item {text-decoration:none}

.nav-menu {}
.nav-menu-title {padding:0 8px;cursor:default}
.nav-menu-menu {position:relative;width:0;height:0}
/*.nav-menu:HOVER .nav-menu-menu {display:block}*/
.nav-menu-items {display:none}
.nav-menu:HOVER .nav-menu-items {display:block}
.nav-menu-items {xposition:relative;right:0;background-color:#fff;width:240px;height:auto;box-shadow:8px 8px 16px rgba(0,0,0,.2)}
.nav-menu-item {padding:16px;cursor:pointer;display:block;text-decoration:none}
.nav-menu-item:HOVER {background-color:#cef}
@media screen and (max-width:1111px) {
  .nav-menu-items {position:relative;right:140px}
}

/* Front Page */

.announce {display:inline-block;width:220px;height:220px;vertical-align:top;margin:4px;padding:20px 0 0 0;background-color:rgba(255,255,255,.9);border-radius:4px;text-decoration:none;text-shadow:none;background-repeat:no-repeat;background-position:center bottom}
.announce:HOVER {text-decoration:none;background-color:#fff}
.announce p {vertical-align:middle;margin:16px 0;padding:0;line-height:40px;text-shadow:none}

.ratings {margin-bottom:48px;white-space:nowrap;overflow:hidden;width:100%}
.rating {display:inline-block;vertical-align:top;width:256px;margin:0 16px;white-space:normal}
.rating-stars {}
.rating-title {font-size:.8em;font-weight:bold}
.rating-author {font-size:.8em;color:#777}
.rating-text {font-size:.8em;text-align:left}

/* Feature pages */

.feature {padding:64px 0 96px 0;text-align:center}
.feature h1 {text-align:center;margin:0;padding:0 0 48px 0}
.feature h2 {text-align:center;margin:-24px 0 0 0;padding:0 0 48px 0;color:#333;font-weight:normal}
.feature-content {/*display:flex*/;align-items:center}
.feature-content img {display:inline-block;width:640px;vertical-align:middle}
.feature-description {display:inline-block;width:280px;vertical-align:middle;text-align:left;color:#555;line-height:1.5}
.feature-description p {}
.feature-description ul {margin:0;padding:0 0 0 1.5em}
.feature-buttons {/*text-align:center;*/padding:16px 0}
/*.feature-button {padding:16px 32px;background-color:#39d;color:#fff;border-radius:8px;display:inline-block;text-decoration:none;cursor:pointer}*/
.feature-button {font-size:24px;color:#007AFF!important;text-decoration:none}

@media screen and (max-width:967px) {
  .feature-content img {max-width:100%;margin:0!important}
  .feature-description {display:block;width:auto;padding:0 16px}
}


/* Products */

.product-select {text-align:center;}
.product-page {color:#555;padding-top:96px;min-height:100%;background-color:#ccc}
.product-page h1 {color:#fff}
.product {padding:32px 0;text-align:center}
.product img {display:inline-block;vertical-align:middle;max-width:100%}
.product-description {display:inline-block;vertical-align:middle;max-width:320px;text-align:left;margin:0 32px}
.appstore-button {padding:16px 32px;background-color:#39d;color:#fff;border-radius:8px;display:block;text-decoration:none;cursor:pointer;background-image:linear-gradient(#444 0%, #111 100%);text-align:center}
.appstore-button:active, .appstore-button:HOVER, .appstore-button:visited {color:#fff}

/* FAQ */

.faq-page {color:#555;padding:96px 0;min-height:100%;background-color:#ccc}
.faq-page h1 {text-align:center}
.faq-page h2 {text-align:center}
.faq-item {max-width:600px;margin:8px auto;padding:32px;border-radius:8px;background-color:#eee}

/* Forms */

.form {background-color:#fff;padding:48px;border-radius:16px;max-width:600px;margin:auto}
.form-field {padding:8px 0}
.form-field label {display:block;color:#555;padding:2px 8px}
.form-field input, .form-field textarea {border:solid 1px #ddd;border-radius:4px;padding:8px;width:100%;box-sizing:border-box;font-size:14px;font-family:inherit}
.form-field textarea {height:200px}
.form input[type="submit"] {padding:8px 32px;background-color:#39d;color:#fff;font-size:1em;font-weight:bold;border:none;border-radius:4px;float:right;}

/* Feature Table */

.feature-page {}
.feature-table {border-spacing:0;border-collapse:collapse;margin:auto;background-color:#fff}
.feature-table td, .feature-table th {border:solid 1px #ddd;padding:8px;text-align:center;width:80px}
.feature-table td:first-child {text-align:left}
.feature-table td:first-child, .feature-table th:first-child {width:240px}
.feature-table th {color:#39d}
.feature-table h3 {margin:0;padding:0;font-weight:normal;font-size:1em}
.feature-table p {margin:0;padding:.2em 0 0 0;font-weight:normal;font-size:.8em;color:#777;}
.feature-table th a {text-decoration:none}
.feature-table th a:HOVER {text-decoration:underline}

/* Pricing Table */

h1.highlight {padding:16px 0;font-size:1.5em;font-weight:300;border-bottom:solid 1px #eee;color:#555;text-align:center}

.pricing {line-height:1.2;max-width:800px;margin:auto;border-spacing:0;border-collapse:collapse}
.pricing th {text-align:center;padding:1em 0;color:#000}
.pricing td {text-align:center;padding:1em 0}
.pricing h1 {margin:0;text-align:center}
.pricing h2 {margin:0;text-align:center;font-size:1.5em;color:#fff;}
.pricing p {font-size:.8em;font-weight:normal}
.pricing tbody td, .pricing tbody th {border-bottom:solid 1px #eee}
.pricing tfoot p {text-align:left}
.pricing tbody th {text-align:left}
.pricing .pricetag {border-radius:1em;background-color:#39d;color:#fff;margin:0 2em;padding:16px;text-shadow:0 1px 1px #000}
.pricing sup {font-size:.6em}
.pricing td.additional {text-align:left}
.pricing td.additional p {margin:0}
.pricing .availabletag {border-radius:4px;background-color:#ccc;color:#fff;margin:0 2em;padding:16px;text-shadow:0 1px 1px #000}
.pricing .availabletag.soon {background-color:#c00}
.pricing .downloadbutton {display:block;padding:8px;border-radius:4px;background-color:#000;color:#fff!important;margin:1px 16px;background-image:linear-gradient(#444 0%, #000 100%);text-decoration:none}
/* Helpers */

.space-flex {flex:1 0 8px}
.space-small {flex:0 0 8px}

.flex-column {display:flex;flex-direction:column;text-align:center}

.center {text-align:center}

.switch {display:inline-flex}
.switch-item {padding:16px 32px;color:#000!important;border-top:solid 1px #fff;border-bottom:solid 1px #fff;border-right:solid 1px #fff;text-decoration:none;cursor:pointer}
.switch-item.selected {background-color:#fff;color:#000}
.switch-item:first-child {border-radius:8px 0 0 8px;border-left:solid 1px #fff}
.switch-item:last-child {border-radius:0 8px 8px 0}