@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300");

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #333;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 !important;
  padding: 0 !important;

  min-width: 620px;
}

a {
cursor: pointer;
color: #08C;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.more {
  white-space: nowrap;
  padding-right: 15px;
  background-image: url(images/morearrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 11px ;
  cursor: pointer;
  text-align: right;
}

img { 
border: 0px none currentColor;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

span.unwrap {
  white-space: nowrap;
}

.sectionMain {
  padding: 0em 1em;
}
@media (min-width: 768px) {
  .sectionMain {
    padding: 0em 5em;
  }
}

.nav {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1.1em;
  font-weight: 300;
  display: block;
  height: 4.5em;
}
/* equidistant css hack */
.globalnav {
  text-align: justify;
  width: 100%;
}
.globalnav div {
  display: inline-block;
}
.globalnav:before {
  content: '';
  width: 100%;
  display: inline-block;
}
.globalnav:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.globalnav a {
text-decoration: none;
color: white;
}
.globalnav a:hover {
  color: #d6d6d6;
}

.divider {
  background-color: transparent;
  border-top-color: #CCC;
  border-top-style: solid;
  border-top-width: 1px;
  color: #333;
  display: block;
  height: 0px;
}

.product {
  text-align:center;
  background-color: #F4F4F4;
  background-image: linear-gradient(to bottom, #fff 50%, #F4F4F4 90%);
  padding-top: 4em;
  padding-bottom: 6em;
}

.product .h1 {
  font-size: 6em;
  font-weight: 300;
}

.product .p1 {
  padding-top: 1em;
  font-size: 1.4em;
  font-weight: 300;
  max-width: 45em;
  margin: 0 auto;
}

.compare {
  padding-top: 3em;
  padding-bottom: 5em;
}
.compareSection{
  width:100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .compareSection {
    width:80%;
  }
}
.compareSection .h2 {
  font-size: 1.4em;
  padding-top: 1.5em;
  padding-bottom: 0.5em;
}

.xrow2 {
  display: table;
  width: 100%;
  table-layout: fixed;

  padding-top: 1.5em;
  padding-bottom: 1.8em;
}
.xrow2 > div {
  display: table-cell;
}
.xrow2 > div:first-child{
  padding-right:2em;
}

.xrow2 > div:last-child{
  padding-left:2em;
}

.xcell {
  max-width: 26em;
  margin-left: 0;
  margin-right: auto;
}
.xrow2 > div:last-child > .xcell {
  margin-left: auto;
  margin-right: 0;
}

.xcell .h1 {
  font-size: 2.5em;
  font-weight:300;

  background-repeat: no-repeat;
  background-position: center top;
  background-size: 194px ;
  padding-top: 270px;
  padding-bottom: 0px;
  min-width: 194px;
  margin-bottom: 1em;
}

/* -- Enterprise -- */

.ePrise {
  padding-top: 6em;
  padding-bottom: 0em;
  /* #f7f7f7 */
  background-color: #fafafa;
}
.ePrise > div {
  padding-bottom: 2.5em;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 194px;
  min-height: 291px;
  background-image: url(images/datamanEnBig.png);

  padding-right: 224px;
}
@media (min-width: 1024px) {
  .ePrise > div {
    padding-right: 291px;
  }
}

.ePrise .h1 {
  font-size: 2.5em;
  font-weight:300;
}

.ePrise .p1 {
  padding-top: 1.5em;
}


.reviews {
  padding-top: 4em;
  padding-bottom: 2em;
}

.reviews .h1 {
  font-size: 3.5em;
  font-weight:300;
  text-align: center;
}

.ytable {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0em 4em;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .ytable {
    width: 80%;
  }
}
.yrow {
  display: table-row;
}
.yrow > div {
  display: table-cell;
}
.yrow > div:nth-child(2n) {
  width:4em;
}

.ycol {
  max-width: 20em;
  margin:0 auto;
}
.ycol > div {
  padding-top: 1.2em;
}
.ycol > div:first-child {
  font-size: 1.4em;
}


.footy {
  padding-top: 6em;
  padding-bottom: 2em;
  background-color: #f2f2f2;
  color: #999;
  font-size: 0.7em;
  text-align: right;
}


/* -- apps page -- */


.allapps {
  padding-top: 4em;
  padding-bottom: 2em;
}

.allapps .h1 {
  font-size: 4em;
  font-weight:300;
  text-align: center;
}

.ptable {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0em 6em;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .ptable {
    width:80%;
  }
}
.prow {
  display: table-row;
}
.pcol{
  display: table-cell;
}
.prow > div:nth-child(2n){
  width:4em;
}

.pcol > div {
  padding-top: 1em;
  text-align: center;
}
.pcol > div:first-child {
  font-size: 1.5em;
  font-weight: 300;

  background-repeat: no-repeat;
  background-position: center top;
  background-size: 146px ;
  min-width: 146px;
  padding-top: 200px;
  padding-bottom: 0px;
}
.pcol > div:nth-child(2) {
  color: #666;
  max-width: 20em;
  margin: 0 auto;
}


/* -- support page -- */

.support {
  text-align:center;
  background-color: #F7F7F7;
  padding-top: 4em;
  padding-bottom: 6em;
}

.support .h1 {
  font-size: 4em;
  font-weight: 300;
}

.support .p1 {
  padding-top: 1em;
  font-size: 1.4em;
  font-weight: 300;
  max-width: 30em;
  margin: 0 auto;
}

.sectionFaq {
  padding-top: 2em;
  padding-bottom: 0em;
}
.faq {
  padding-top: 0em;
  padding-bottom: 6em;
}
.faq .h1 {
  font-size: 3em;
  font-weight: 300;
  padding-top: 1em;
  padding-bottom: 0.5em;
}
.qtn > div {
  padding-bottom: 1em;
}
.qtn > div:first-child{
  font-size: 1.4em;
  padding-top: 2em;
}
.qtn > div:last-child{
  color: #666;
}

/* -- Chinese text -- */

.zh {
  font-size: 90%;
  font-family: sans-serif;
  font-weight: lighter;
}