#topPanel {
  text-shadow: 0px 0px 2px #ededed; }

.page-block {
  position: relative;
  height: 100%;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 35px; }
  .page-block .block-content {
    position: relative;
    z-index: 3;
    margin-top: 50px; }
  .page-block.first {
    min-height: 670px;
    padding: 62px 0 0;
    text-align: center;
    background: url("../images/design/bg-nb.jpg") no-repeat bottom;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .page-block.first .text, .page-block.first .header, .page-block.first .subheader {
      color: #fff;
      text-shadow: 0px 0px 15px black; }
  .page-block.gray {
    background-color: #F0F0F0; }
  @media screen and (min-height: 670px) and (max-height: 690px) {
    .page-block.first {
      height: 675px;
      padding: 70px 0;
      i: 11; } }
  @media screen and (min-height: 680px) and (max-height: 700px) {
    .page-block.first {
      height: 685px;
      padding: 75px 0;
      i: 12; } }
  @media screen and (min-height: 690px) and (max-height: 710px) {
    .page-block.first {
      height: 695px;
      padding: 80px 0;
      i: 13; } }
  @media screen and (min-height: 700px) and (max-height: 720px) {
    .page-block.first {
      height: 705px;
      padding: 85px 0;
      i: 14; } }
  @media screen and (min-height: 710px) and (max-height: 730px) {
    .page-block.first {
      height: 715px;
      padding: 90px 0;
      i: 15; } }
  @media screen and (min-height: 720px) and (max-height: 740px) {
    .page-block.first {
      height: 725px;
      padding: 95px 0;
      i: 16; } }
  @media screen and (min-height: 730px) and (max-height: 750px) {
    .page-block.first {
      height: 735px;
      padding: 100px 0;
      i: 17; } }
  @media screen and (min-height: 740px) and (max-height: 760px) {
    .page-block.first {
      height: 745px;
      padding: 105px 0;
      i: 18; } }
  @media screen and (min-height: 750px) and (max-height: 770px) {
    .page-block.first {
      height: 755px;
      padding: 110px 0;
      i: 19; } }
  @media screen and (min-height: 760px) and (max-height: 780px) {
    .page-block.first {
      height: 765px;
      padding: 115px 0;
      i: 20; } }
  @media screen and (min-height: 770px) and (max-height: 790px) {
    .page-block.first {
      height: 775px;
      padding: 120px 0;
      i: 21; } }
  @media screen and (min-height: 780px) and (max-height: 800px) {
    .page-block.first {
      height: 785px;
      padding: 125px 0;
      i: 22; } }
  @media screen and (min-height: 790px) and (max-height: 810px) {
    .page-block.first {
      height: 795px;
      padding: 130px 0;
      i: 23; } }
  @media screen and (min-height: 800px) and (max-height: 820px) {
    .page-block.first {
      height: 805px;
      padding: 135px 0;
      i: 24; } }
  @media screen and (min-height: 810px) and (max-height: 830px) {
    .page-block.first {
      height: 815px;
      padding: 140px 0;
      i: 25; } }
  @media screen and (min-height: 820px) and (max-height: 840px) {
    .page-block.first {
      height: 825px;
      padding: 145px 0;
      i: 26; } }
  @media screen and (min-height: 830px) and (max-height: 850px) {
    .page-block.first {
      height: 835px;
      padding: 150px 0;
      i: 27; } }
  @media screen and (min-height: 840px) and (max-height: 860px) {
    .page-block.first {
      height: 845px;
      padding: 155px 0;
      i: 28; } }
  @media screen and (min-height: 850px) and (max-height: 870px) {
    .page-block.first {
      height: 855px;
      padding: 160px 0;
      i: 29; } }
  @media screen and (min-height: 860px) and (max-height: 880px) {
    .page-block.first {
      height: 865px;
      padding: 165px 0;
      i: 30; } }
  @media screen and (min-height: 870px) and (max-height: 890px) {
    .page-block.first {
      height: 875px;
      padding: 170px 0;
      i: 31; } }
  @media screen and (min-height: 880px) and (max-height: 900px) {
    .page-block.first {
      height: 885px;
      padding: 175px 0;
      i: 32; } }
  @media screen and (min-height: 890px) and (max-height: 910px) {
    .page-block.first {
      height: 895px;
      padding: 180px 0;
      i: 33; } }
  @media screen and (min-height: 900px) and (max-height: 920px) {
    .page-block.first {
      height: 905px;
      padding: 185px 0;
      i: 34; } }
  @media screen and (min-height: 910px) and (max-height: 930px) {
    .page-block.first {
      height: 915px;
      padding: 190px 0;
      i: 35; } }
  @media screen and (min-height: 920px) and (max-height: 940px) {
    .page-block.first {
      height: 925px;
      padding: 195px 0;
      i: 36; } }
  @media screen and (min-height: 930px) and (max-height: 950px) {
    .page-block.first {
      height: 935px;
      padding: 200px 0;
      i: 37; } }
  @media screen and (min-height: 940px) and (max-height: 960px) {
    .page-block.first {
      height: 945px;
      padding: 205px 0;
      i: 38; } }
  @media screen and (min-height: 950px) and (max-height: 970px) {
    .page-block.first {
      height: 955px;
      padding: 210px 0;
      i: 39; } }
  @media screen and (min-height: 960px) and (max-height: 980px) {
    .page-block.first {
      height: 965px;
      padding: 215px 0;
      i: 40; } }
  @media screen and (min-height: 970px) and (max-height: 990px) {
    .page-block.first {
      height: 975px;
      padding: 220px 0;
      i: 41; } }
  @media screen and (min-height: 980px) and (max-height: 1000px) {
    .page-block.first {
      height: 985px;
      padding: 225px 0;
      i: 42; } }
  @media screen and (min-height: 990px) and (max-height: 1010px) {
    .page-block.first {
      height: 995px;
      padding: 230px 0;
      i: 43; } }
  @media screen and (min-height: 1000px) and (max-height: 1020px) {
    .page-block.first {
      height: 1005px;
      padding: 235px 0;
      i: 44; } }
  @media screen and (min-height: 1010px) and (max-height: 1030px) {
    .page-block.first {
      height: 1015px;
      padding: 240px 0;
      i: 45; } }
  @media screen and (min-height: 1020px) and (max-height: 1040px) {
    .page-block.first {
      height: 1025px;
      padding: 245px 0;
      i: 46; } }
  @media screen and (min-height: 1030px) and (max-height: 1050px) {
    .page-block.first {
      height: 1035px;
      padding: 250px 0;
      i: 47; } }
  @media screen and (min-height: 1040px) and (max-height: 1060px) {
    .page-block.first {
      height: 1045px;
      padding: 255px 0;
      i: 48; } }
  @media screen and (min-height: 1050px) and (max-height: 1070px) {
    .page-block.first {
      height: 1055px;
      padding: 260px 0;
      i: 49; } }
  @media screen and (min-height: 1060px) and (max-height: 1080px) {
    .page-block.first {
      height: 1065px;
      padding: 265px 0;
      i: 50; } }
  @media screen and (min-height: 1070px) and (max-height: 1090px) {
    .page-block.first {
      height: 1075px;
      padding: 270px 0;
      i: 51; } }
  @media screen and (min-height: 1080px) and (max-height: 1100px) {
    .page-block.first {
      height: 1085px;
      padding: 275px 0;
      i: 52; } }
  @media screen and (min-height: 1090px) and (max-height: 1110px) {
    .page-block.first {
      height: 1095px;
      padding: 280px 0;
      i: 53; } }
  @media screen and (min-height: 1100px) and (max-height: 1120px) {
    .page-block.first {
      height: 1105px;
      padding: 285px 0;
      i: 54; } }
  @media screen and (min-height: 1110px) and (max-height: 1130px) {
    .page-block.first {
      height: 1115px;
      padding: 290px 0;
      i: 55; } }
  @media screen and (min-height: 1120px) and (max-height: 1140px) {
    .page-block.first {
      height: 1125px;
      padding: 295px 0;
      i: 56; } }
  @media screen and (min-height: 1130px) and (max-height: 1150px) {
    .page-block.first {
      height: 1135px;
      padding: 300px 0;
      i: 57; } }
  @media screen and (min-height: 1140px) and (max-height: 1160px) {
    .page-block.first {
      height: 1145px;
      padding: 305px 0;
      i: 58; } }
  @media screen and (min-height: 1150px) and (max-height: 1170px) {
    .page-block.first {
      height: 1155px;
      padding: 310px 0;
      i: 59; } }
  @media screen and (min-height: 1160px) and (max-height: 1180px) {
    .page-block.first {
      height: 1165px;
      padding: 315px 0;
      i: 60; } }
  @media screen and (min-height: 1170px) and (max-height: 1190px) {
    .page-block.first {
      height: 1175px;
      padding: 320px 0;
      i: 61; } }
  @media screen and (min-height: 1180px) and (max-height: 1200px) {
    .page-block.first {
      height: 1185px;
      padding: 325px 0;
      i: 62; } }
  @media screen and (min-height: 1190px) and (max-height: 1210px) {
    .page-block.first {
      height: 1195px;
      padding: 330px 0;
      i: 63; } }
  @media screen and (min-height: 1200px) and (max-height: 1220px) {
    .page-block.first {
      height: 1205px;
      padding: 335px 0;
      i: 64; } }
  @media screen and (min-height: 1210px) and (max-height: 1230px) {
    .page-block.first {
      height: 1215px;
      padding: 340px 0;
      i: 65; } }
  @media screen and (min-height: 1220px) and (max-height: 1240px) {
    .page-block.first {
      height: 1225px;
      padding: 345px 0;
      i: 66; } }
  @media screen and (min-height: 1230px) and (max-height: 1250px) {
    .page-block.first {
      height: 1235px;
      padding: 350px 0;
      i: 67; } }
  @media screen and (min-height: 1240px) and (max-height: 1260px) {
    .page-block.first {
      height: 1245px;
      padding: 355px 0;
      i: 68; } }
  @media screen and (min-height: 1250px) and (max-height: 1270px) {
    .page-block.first {
      height: 1255px;
      padding: 360px 0;
      i: 69; } }
  @media screen and (min-height: 1260px) and (max-height: 1280px) {
    .page-block.first {
      height: 1265px;
      padding: 365px 0;
      i: 70; } }
  @media screen and (min-height: 1270px) and (max-height: 1290px) {
    .page-block.first {
      height: 1275px;
      padding: 370px 0;
      i: 71; } }
  @media screen and (min-height: 1280px) and (max-height: 1300px) {
    .page-block.first {
      height: 1285px;
      padding: 375px 0;
      i: 72; } }
  @media screen and (min-height: 1290px) and (max-height: 1310px) {
    .page-block.first {
      height: 1295px;
      padding: 380px 0;
      i: 73; } }
  @media screen and (min-height: 1300px) and (max-height: 1320px) {
    .page-block.first {
      height: 1305px;
      padding: 385px 0;
      i: 74; } }
  @media screen and (min-height: 1310px) and (max-height: 1330px) {
    .page-block.first {
      height: 1315px;
      padding: 390px 0;
      i: 75; } }
  @media screen and (min-height: 1320px) and (max-height: 1340px) {
    .page-block.first {
      height: 1325px;
      padding: 395px 0;
      i: 76; } }
  @media screen and (min-height: 1330px) and (max-height: 1350px) {
    .page-block.first {
      height: 1335px;
      padding: 400px 0;
      i: 77; } }
  @media screen and (min-height: 1340px) and (max-height: 1360px) {
    .page-block.first {
      height: 1345px;
      padding: 405px 0;
      i: 78; } }
  @media screen and (min-height: 1350px) and (max-height: 1370px) {
    .page-block.first {
      height: 1355px;
      padding: 410px 0;
      i: 79; } }
  @media screen and (min-height: 1360px) and (max-height: 1380px) {
    .page-block.first {
      height: 1365px;
      padding: 415px 0;
      i: 80; } }
  @media screen and (min-height: 1370px) and (max-height: 1390px) {
    .page-block.first {
      height: 1375px;
      padding: 420px 0;
      i: 81; } }
  @media screen and (min-height: 1380px) and (max-height: 1400px) {
    .page-block.first {
      height: 1385px;
      padding: 425px 0;
      i: 82; } }
  @media screen and (min-height: 1390px) and (max-height: 1410px) {
    .page-block.first {
      height: 1395px;
      padding: 430px 0;
      i: 83; } }
  @media screen and (min-height: 1400px) and (max-height: 1420px) {
    .page-block.first {
      height: 1405px;
      padding: 435px 0;
      i: 84; } }
  .page-block .mobile-phone {
    display: inline-block;
    background: url("../images/design/iphone_horizontal.png") no-repeat center center;
    width: 900px;
    height: 440px;
    padding-top: 20px;
    margin-bottom: 20px;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .page-block .header {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 15px;
    text-align: center;
    color: #bababa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .page-block .header.with-logo:before {
      content: '';
      background: url("../images/design/logo_big.png") no-repeat center center;
      width: 113px;
      height: 86px;
      position: absolute;
      margin-left: -124px;
      margin-top: 6px; }
  .page-block .text {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 15px;
    max-width: 760px;
    margin: 0 auto; }
  .page-block .image-in-text {
    width: auto;
    height: auto;
    max-width: 760px;
    margin: 10px auto 80px; }
    .page-block .image-in-text img {
      max-width: 100%; }
    .page-block .image-in-text:last-child {
      margin: 10px auto 50px; }
  .page-block .subheader {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 15px;
    text-align: center;
    margin-top: 10px; }
  .page-block div.list {
    margin-top: 30px; }
    .page-block div.list blockquote {
      margin: 0 auto 65px;
      width: 760px;
      font-size: 20px;
      line-height: 30px; }
      .page-block div.list blockquote:last-of-type {
        margin: 0 auto 20px; }
      .page-block div.list blockquote .photo {
        float: left;
        margin: 4px 0 0 -148px;
        overflow: hidden;
        width: 86px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px; }
        .page-block div.list blockquote .photo img {
          width: 100%; }
      .page-block div.list blockquote p {
        margin: 0; }
      .page-block div.list blockquote footer {
        color: #969696;
        margin-top: 18px; }
        .page-block div.list blockquote footer a:hover {
          text-decoration: underline; }
  .page-block .how-it-looks-area {
    margin-top: 30px; }
    .page-block .how-it-looks-area ul.list {
      width: 750px;
      margin: 0 auto -29px;
      text-align: justify; }
      .page-block .how-it-looks-area ul.list:after {
        content: '';
        display: inline-block;
        width: 100%; }
      .page-block .how-it-looks-area ul.list .item {
        display: inline-block;
        width: 340px;
        height: 255px;
        margin-bottom: 40px; }
  .page-block .logos-container {
    text-align: center; }
    .page-block .logos-container img {
      margin: 20px; }
  .page-block .button-container {
    text-align: center; }
  .page-block div[data-role="button"][data-id="scrollDownPageButton"] {
    font-size: 30px;
    padding: 10px 30px; }
  .page-block div[data-role="button"][data-id="freeTrialButton"] {
    font-size: 30px;
    padding: 10px 30px; }
  .page-block div[data-role="button"][data-id="tryItNow"] {
    font-size: 30px;
    padding: 10px 30px; }
  .page-block .more-link {
    width: 750px;
    text-align: right;
    margin: 0 auto; }
    .page-block .more-link a:hover {
      text-decoration: underline; }

.text b {
  font-weight: bold; }

.strikethrough {
  position: relative; }

.strikethrough:before {
  position: absolute;
  content: "first";
  left: 0;
  /* top: 50%; */
  right: 35px;
  bottom: 44%;
  padding-bottom: 22px;
  border-bottom: 5px solid;
  border-color: #E86700;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  font-family: inherit;
  font-size: 70px;
  text-align: right;
  color: #E86700; }

/*# sourceMappingURL=pages.main.css.map */