/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

strong {
  font-weight: bold; }

/* the basic container element for all base level objects */
/* the main section of element available */
/* responsive images */
img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

/* basic layout */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */ }

body {
  background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/bg-noise.jpg) repeat 50% 0;
  overflow-y: scroll; }

/* wrapper for the whole content */
#wrapper {
  padding: 10px 0;
  margin: 0 10px; }
  @media screen and (min-width:480px) {
    #wrapper {
      margin: 0 20px; } }
  @media screen and (min-width:720px) {
    #wrapper {
      margin: 0 30px; } }
  @media screen and (min-width:960px) {
    #wrapper {
      margin: 0 40px; } }
  @media screen and (min-width:1340px) {
    #wrapper {
      width: 1340px;
      margin: 0 auto; } }

#page {
  width: 100%;
  background: #fff;
  padding: 8px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.cf {
  zoom: 1; }
  .cf:before, .cf:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0; }
  .cf:after {
    clear: both; }

header {
  background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/header-bg-tile.png) repeat-x 50% 100%;
  height: 140px; }
  header a {
    width: 250px;
    display: block;
    margin: 0px auto 0 auto;
    padding: 20px 0 0 0;
    width: 250px;
    height: 107px;
    display: block;
    background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/tappyappco.png) 50% 25px no-repeat;
    overflow: hidden;
    text-indent: -999px;
    background-size: 250px 77px;
    /* image retina display */ }
    @media screen and (-webkit-min-device-pixel-ratio: 2) {
      header a {
        background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/tappyappco@2x.png) 50% 25px no-repeat; } }

nav {
  padding: 0 0px; }

/* nav */
nav {
  margin: 20px 10px;
  position: relative; }

nav ul {
  list-style: none;
  overflow: hidden;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #000; }

nav h3 {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #eaeaea;
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png");
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -moz-linear-gradient(bottom, #eaeaea 0, white 50%);
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaeaea), color-stop(50%, white));
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -webkit-linear-gradient(bottom, #eaeaea 0, white 50%);
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -o-linear-gradient(bottom, #eaeaea 0, white 50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid #eaeaea;
  height: 48px;
  padding: 0;
  margin: 0;
  width: 48px;
  text-indent: -999px;
  overflow: hidden;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  cursor: pointer; }
  nav h3:hover {
    background-color: #d6d6d6;
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png");
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -moz-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%);
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(50%, #f7f7f7));
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -webkit-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%);
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-up.png"), -o-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%); }

nav ul li {
  background-image: none;
  display: none; }

nav ul li.selected {
  display: block; }

nav.expanded ul li {
  display: block; }

nav.expanded h3 {
  -moz-border-radius: 0 4px 0 4px;
  -webkit-border-radius: 0 4px 0 4px;
  border-radius: 0 4px 0 4px;
  background-color: #eaeaea;
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png");
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -moz-linear-gradient(bottom, #eaeaea 0, white 50%);
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0, #eaeaea), color-stop(50%, white));
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -webkit-linear-gradient(bottom, #eaeaea 0, white 50%);
  background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -o-linear-gradient(bottom, #eaeaea 0, white 50%); }
  nav.expanded h3:hover {
    background-color: #d6d6d6;
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png");
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -moz-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%);
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(50%, #f7f7f7));
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -webkit-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%);
    background-image: url("http://media.tappyappco.com.s3.amazonaws.com/core/images/nav-disclosure-down.png"), -o-linear-gradient(bottom, #d6d6d6 0, #f7f7f7 50%); }

nav ul li a {
  display: block;
  float: left;
  width: 100%;
  padding: 16px 10px;
  /*background: #444;*/
  background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/mini-icon.png) no-repeat 10px 50%;
  /* border-right: 1px solid #fff; */
  color: #fff;
  font: 400 13px/1.4 Helvetica, Verdana, Arial, sans-serif;
  letter-spacing: 0.05em;
  text-align: left;
  text-indent: 30px;
  text-decoration: none;
  text-transform: uppercase;
  /*TRANSISTIONS*/
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  transition: background 0.5s ease; }

@media only screen and (min-width : 480px) {
  nav h3 {
    display: none; }

  nav ul li {
    display: block; }

  nav ul li a {
    padding: 11px 10px;
    width: 50%; } }
@media only screen and (min-width : 720px) {
  nav ul li a {
    width: 25%;
    padding: 72px 10px 10px 10px;
    background-position: 50% 10px;
    text-align: center;
    text-indent: 0;
    background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/app-shelf-icon-default.png);
    font-size: 11px;
    font-size: 0.688rem; } }
/* main nav icons */
nav ul li a.home {
  background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/mini-icon-home.png); }
  @media only screen and (min-width : 720px) {
    nav ul li a.home {
      background-image: url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fprimary%2Fhome-icon.png); } }

nav ul li a.contact {
  background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/mini-icon-contact.png); }
  @media only screen and (min-width : 720px) {
    nav ul li a.contact {
      background-image: url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fprimary%2Fcontact_1.png); } }

nav ul li a.apps {
  background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/mini-icon-app.png); }
  @media only screen and (min-width : 720px) {
    nav ul li a.apps {
      background-image: url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fprimary%2Fapps-icon_2.png); } }

nav ul li a.news {
  background-image: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/mini-icon-news.png); }
  @media only screen and (min-width : 720px) {
    nav ul li a.news {
      background-image: url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fprimary%2Fblog.png); } }

/*


ul.sub-nav li a.airluminate {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fsecondary%2Fairluminate.png);	
}




ul.sub-nav li a.fitness-test {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fsecondary%2Ffitness-test.png);	
}




ul.sub-nav li a.true-love {
	background-image:url(http://media.tappyappco.com.s3.amazonaws.com/navigation%2Fsecondary%2Ftrue-love-icon.png);	
}

*/
body.alert {
  margin-top: 90px; }
  @media screen and (min-width:480px) {
    body.alert {
      margin-top: 70px; } }

#cookies {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 85px;
  background: #4a4a4a url(http://media.tappyappco.com.s3.amazonaws.com/core/images/bg-noise-alert.jpg) repeat 50% 0;
  border-bottom: 1px #fff solid; }
  @media screen and (min-width:480px) {
    #cookies {
      height: 65px; } }
  #cookies p {
    padding: 5px 60px 10px 10px;
    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    width: auto;
    position: relative;
    margin: 0 10px; }
    @media screen and (min-width:480px) {
      #cookies p {
        margin: 0 20px;
        padding: 3px 60px 10px 10px;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.2; } }
    @media screen and (min-width:720px) {
      #cookies p {
        margin: 0 30px;
        padding: 7px 60px 10px 10px;
        font-size: 13px;
        font-size: 0.813rem;
        line-height: 1.3; } }
    @media screen and (min-width:960px) {
      #cookies p {
        margin: 0 40px;
        padding: 14px 60px 10px 10px;
        font-size: 13px;
        font-size: 0.813rem;
        line-height: 1.3; } }
    @media screen and (min-width:1340px) {
      #cookies p {
        width: 1340px;
        margin: 0 auto;
        padding: 13px 60px 10px 10px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4; } }
    #cookies p a {
      text-decoration: none;
      color: #bbb; }
      #cookies p a:hover {
        text-decoration: underline; }
    #cookies p span.dismiss {
      position: absolute;
      top: 10px;
      right: 10px;
      display: block;
      width: 40px;
      height: 40px;
      background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/ok-btn.png) no-repeat 0 0;
      overflow: hidden;
      text-indent: -200px;
      cursor: pointer; }
      #cookies p span.dismiss:hover {
        background-position: -80px 0; }

#privacy {
  position: relative;
  height: auto;
  background: #4a4a4a url(http://media.tappyappco.com.s3.amazonaws.com/core/images/bg-noise-alert.jpg) repeat 50% 0;
  border-top: 1px #000 solid;
  display: block; }
  #privacy.hide {
    display: none;
    padding-top: 15px; }
  #privacy p, #privacy ul {
    padding: 0px 10px 10px 10px;
    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3;
    margin: 0; }
  #privacy p:first-child {
    padding: 0px 60px 10px 10px; }
  #privacy span {
    color: #e9356e; }
  #privacy span.dismiss {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/ok-btn.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -200px;
    cursor: pointer; }
    #privacy span.dismiss:hover {
      background-position: -80px 0; }
  #privacy ul li {
    padding: 10px 0;
    font-size: 14px;
    font-size: 0.875rem; }
    #privacy ul li span {
      cursor: pointer;
      display: inline-block;
      height: 20px;
      padding-left: 40px; }
      #privacy ul li span:before {
        content: '.';
        display: block;
        height: 20px;
        width: 20px;
        text-indent: -250px;
        background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/ok-btn.png) no-repeat -10px -50px;
        display: inline-block;
        margin-right: 10px; }
      #privacy ul li span.selected:before {
        background-position: -90px -50px; }

#content {
  padding: 0 0px; }

footer {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #fff;
  display: block;
  width: 100%;
  padding-top: 10px;
  background: url(http://media.tappyappco.com.s3.amazonaws.com/core/images/footer-bg.png) repeat bottom center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden; }
  @media screen and (min-width:480px) {
    footer {
      display: table; } }
  footer a {
    text-decoration: none;
    color: #e9356e; }
    footer a:hover {
      text-decoration: underline; }
  footer .footerElement {
    padding: 10px;
    display: block;
    width: 100%; }
    @media screen and (min-width:480px) {
      footer .footerElement {
        display: table-cell;
        width: 50%;
        float: left; } }
    @media screen and (min-width:960px) {
      footer .footerElement {
        width: 25%;
        float: left; } }
  footer #foot {
    clear: both;
    text-align: center;
    font-size: 11px;
    font-size: 0.688rem;
    padding: 10px 0;
    color: #616161; }

section {
  padding: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  float: none; }
  section section {
    margin: 0;
    padding: 0; }
  section h1 {
    font-size: 22px;
    font-size: 1.375rem;
    color: black;
    padding-bottom: 12px; }
  section h2 {
    font-size: 19px;
    font-size: 1.188rem;
    color: black;
    padding-bottom: 15px; }
  section h3 {
    font-size: 17px;
    font-size: 1.063rem;
    color: black;
    padding-bottom: 8px; }
  section p {
    font-size: 15px;
    font-size: 0.938rem;
    color: #666766;
    line-height: 1.4;
    padding-bottom: 16px; }
    @media screen and (min-width:640px) {
      section p {
        font-size: 13px;
        font-size: 0.813rem; } }
  section ul {
    font-size: 15px;
    font-size: 0.938rem;
    color: #666766;
    line-height: 1.3;
    padding-bottom: 20px; }
    @media screen and (min-width:640px) {
      section ul {
        font-size: 13px;
        font-size: 0.813rem; } }
  section a {
    text-decoration: none;
    color: #e9356e; }
    section a:hover {
      text-decoration: underline; }
  section p.more a {
    padding: 15px 0 5px 0;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    color: #f391b0; }

#content section {
  width: 100%; }
#content.tri section#c1 {
  width: 100%; }
  @media screen and (min-width:960px) {
    #content.tri section#c1 {
      float: left;
      width: 70%; } }
  @media screen and (min-width:1280px) {
    #content.tri section#c1 {
      float: left;
      width: 70%; } }
#content.tri section#c2 {
  width: 100%; }
  @media screen and (min-width:480px) {
    #content.tri section#c2 {
      float: left;
      width: 70%; } }
  @media screen and (min-width:960px) {
    #content.tri section#c2 {
      width: 30%;
      float: left; } }
  @media screen and (min-width:1280px) {
    #content.tri section#c2 {
      width: 30%;
      float: left; } }
#content.tri section.c2-pair {
  width: 100%; }
  @media screen and (min-width:480px) {
    #content.tri section.c2-pair {
      float: left;
      width: 50%; } }
  @media screen and (min-width:960px) {
    #content.tri section.c2-pair {
      width: 30%;
      float: right;
      clear: right; } }
  @media screen and (min-width:1280px) {
    #content.tri section.c2-pair {
      width: 30%;
      float: right;
      clear: right; } }
#content.tri section#c3 {
  width: 100%; }
  @media screen and (min-width:480px) {
    #content.tri section#c3 {
      float: right;
      width: 30%; } }
  @media screen and (min-width:960px) {
    #content.tri section#c3 {
      width: 30%; } }
  @media screen and (min-width:1280px) {
    #content.tri section#c3 {
      width: 30%; } }
#content.duo section#c1 {
  width: 100%; }
  @media screen and (min-width:960px) {
    #content.duo section#c1 {
      float: left;
      width: 70%; } }
  @media screen and (min-width:1280px) {
    #content.duo section#c1 {
      float: left;
      width: 70%; } }
#content.duo section#c2 {
  width: 100%; }
  @media screen and (min-width:960px) {
    #content.duo section#c2 {
      float: left;
      width: 30%; } }
  @media screen and (min-width:1280px) {
    #content.duo section#c2 {
      width: 30%;
      float: left; } }

.apps #c1 ul {
  border-bottom: 1px solid #F6F6F6; }
  .apps #c1 ul li {
    padding-top: 20px;
    border-top: 1px solid #F6F6F6;
    width: 100%;
    display: block; }
    .apps #c1 ul li a.icon {
      display: block;
      float: none; }
      @media screen and (min-width:960px) {
        .apps #c1 ul li a.icon {
          float: left;
          width: 20%;
          min-height: 140px; } }
      .apps #c1 ul li a.icon img {
        display: block;
        margin: 10px auto; }
    .apps #c1 ul li h2 {
      text-align: center; }
      @media screen and (min-width:960px) {
        .apps #c1 ul li h2 {
          text-align: left; } }
    .apps #c1 ul li a.more {
      padding: 15px 0;
      text-align: center;
      font-size: 12px;
      font-size: 0.75rem;
      display: block;
      color: #f391b0; }
      @media screen and (min-width:960px) {
        .apps #c1 ul li a.more {
          text-align: left;
          margin-left: 20%; } }

.app #c1 ul {
  list-style-type: disc;
  margin-left: 23px; }
  .app #c1 ul li {
    padding: 3px 0;
    color: #7f817f; }
.app #c1 h3 {
  margin-top: 20px; }
.app #c1 h2.gallery {
  margin-top: 40px; }
.app #c1 ul.gallery {
  list-style-type: none;
  margin: 0 auto;
  padding: 10px;
  display: table;
  width: 100%; }
  .app #c1 ul.gallery li {
    display: table-cell;
    width: 33.33333%;
    height: 100px;
    float: left; }
    @media screen and (min-width:480px) {
      .app #c1 ul.gallery li {
        width: 25%; } }
    @media screen and (min-width:720px) {
      .app #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:960px) {
      .app #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:1080px) {
      .app #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:1280px) {
      .app #c1 ul.gallery li {
        width: 14.2857142857143%; } }
    .app #c1 ul.gallery li a img {
      display: block;
      margin: 0 auto;
      width: 94px;
      height: 94px;
      border: 1px solid #cecece; }

.blog #c1 ul {
  padding: 0; }
  .blog #c1 ul li {
    border: 1px solid #F6F6F6;
    padding: 10px;
    margin-bottom: 15px;
    padding-top: 20px; }
    @media screen and (min-width:1280px) {
      .blog #c1 ul li {
        border-right: 1px solid #F6F6F6; } }
    .blog #c1 ul li.new {
      position: relative; }
      .blog #c1 ul li.new::before {
        content: "New!";
        font: bold 11px/1.3 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        display: block;
        position: absolute;
        top: 15px;
        right: -10px;
        background: #00f;
        color: #fff;
        border: 2px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        background-color: #b6e997;
        background-image: -moz-linear-gradient(top, #b6e997 0, #61bf28 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b6e997), color-stop(100%, #61bf28));
        background-image: -webkit-linear-gradient(top, #b6e997 0, #61bf28 100%);
        background-image: -o-linear-gradient(top, #b6e997 0, #61bf28 100%);
        text-shadow: 0px 2px 2px #4c951f;
        letter-spacing: 0.1em;
        padding: 3px 6px 3px 8px; }
.blog #c1 ul.gallery {
  list-style-type: none;
  margin: 0 auto;
  padding: 10px;
  display: table;
  width: 100%; }
  .blog #c1 ul.gallery li {
    padding: 3px 0;
    color: #999a99;
    display: table-cell;
    width: 33.33333%;
    border: none;
    height: 100px;
    float: left; }
    @media screen and (min-width:480px) {
      .blog #c1 ul.gallery li {
        width: 25%; } }
    @media screen and (min-width:720px) {
      .blog #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:960px) {
      .blog #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:1080px) {
      .blog #c1 ul.gallery li {
        width: 16.6666666666667%; } }
    @media screen and (min-width:1280px) {
      .blog #c1 ul.gallery li {
        width: 14.2857142857143%; } }
    .blog #c1 ul.gallery li a img {
      display: block;
      margin: 0 auto;
      width: 94px;
      height: 94px;
      border: 1px solid #cecece; }
.blog article:first-child {
  margin-bottom: 15px;
  padding-bottom: 10px; }
.blog .category {
  text-align: right;
  margin-bottom: 5px; }
  .blog .category span {
    font-size: 12px;
    font-size: 0.75rem;
    color: #ccc; }
  .blog .category a {
    display: inline-block;
    font-size: 12px;
    padding: 3px 5px;
    margin: 2px;
    background-color: #d4d4d4;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .blog .category a:hover {
      background-color: #b9b9b9;
      text-decoration: none; }
.blog .tags {
  text-align: right;
  margin-bottom: 0px; }
  .blog .tags span {
    font-size: 12px;
    font-size: 0.75rem;
    color: #ccc; }
  .blog .tags a {
    display: inline-block;
    font-size: 12px;
    padding: 3px 5px;
    margin: 2px;
    background-color: #e5e5e5;
    color: #3c3c3c;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .blog .tags a:hover {
      background-color: #b9b9b9;
      text-decoration: none; }
.blog .comments {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
  padding: 0 0 10px 0;
  display: block; }
  @media screen and (min-width:820px) {
    .blog .comments {
      display: table;
      max-width: auto; } }
  .blog .comments #commentFormPanel {
    display: block;
    width: 100%; }
    @media screen and (min-width:820px) {
      .blog .comments #commentFormPanel {
        display: table-cell;
        width: 49%;
        float: left; } }
  .blog .comments #commentFeed {
    display: block;
    width: 100%;
    margin-top: 10px; }
    @media screen and (min-width:820px) {
      .blog .comments #commentFeed {
        display: table-cell;
        width: 49%;
        float: right;
        margin-top: 0; } }
  .blog .comments h1 {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 10px 20px;
    text-align: center; }
  .blog .comments h2 {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 10px 20px 0 20px;
    text-align: center; }
.blog #commentFormPanel {
  -moz-box-shadow: inset 0 3px 5px rgba(96, 96, 96, 0.1);
  -o-box-shadow: inset 0 3px 5px rgba(96, 96, 96, 0.1);
  -webkit-box-shadow: inset 0 3px 5px rgba(96, 96, 96, 0.1);
  box-shadow: inset 0 3px 5px rgba(96, 96, 96, 0.1);
  border: 1px solid #bbb;
  background: #c9cbd0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .blog #commentFormPanel #comment_form {
    margin: 0 10px 0 10px;
    padding: 0 10px 10px 10px;
    font-size: 12px;
    font-size: 0.75rem; }
    .blog #commentFormPanel #comment_form p {
      margin: 0 0 10px 0;
      padding: 0;
      clear: both; }
      .blog #commentFormPanel #comment_form p.submit {
        text-align: center; }
      .blog #commentFormPanel #comment_form p.error label {
        color: #e9356e; }
        .blog #commentFormPanel #comment_form p.error label[for="id_comment"] {
          border-top: none;
          padding-top: 0px;
          margin-top: 0px; }
      .blog #commentFormPanel #comment_form p.error input, .blog #commentFormPanel #comment_form p.error textarea {
        border: 1px solid #e9356e; }
    .blog #commentFormPanel #comment_form h1 {
      font-size: 16px;
      font-size: 1rem;
      font-weight: bold;
      padding: 0 0 10px 0;
      color: #e9356e; }
    .blog #commentFormPanel #comment_form ul.errorlist {
      clear: both;
      color: #e9356e;
      padding-top: 15px; }
      .blog #commentFormPanel #comment_form ul.errorlist li {
        border-top: 1px solid #aaaaaa;
        padding-top: 15px; }
    .blog #commentFormPanel #comment_form label {
      display: inline-block;
      width: 40%;
      float: left;
      text-align: right;
      padding: 5px; }
      .blog #commentFormPanel #comment_form label[for="id_name"], .blog #commentFormPanel #comment_form label[for="id_email"] {
        position: relative; }
        .blog #commentFormPanel #comment_form label[for="id_name"]:after, .blog #commentFormPanel #comment_form label[for="id_email"]:after {
          content: '*';
          position: relative;
          top: -3px;
          color: #e9356e; }
      .blog #commentFormPanel #comment_form label[for="id_comment"] {
        text-align: left;
        width: 100%;
        border-top: 1px solid #aaaaaa;
        padding-top: 10px;
        margin-top: 15px; }
        .blog #commentFormPanel #comment_form label[for="id_comment"]:after {
          content: '*';
          position: relative;
          top: -3px;
          color: #e9356e; }
    .blog #commentFormPanel #comment_form input {
      width: 57%;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      padding: 5px;
      border: 1px solid #c4c4c4;
      float: right; }
      .blog #commentFormPanel #comment_form input:focus {
        outline: none;
        -moz-box-shadow: 0 0 8px white;
        -o-box-shadow: 0 0 8px white;
        -webkit-box-shadow: 0 0 8px white;
        box-shadow: 0 0 8px white; }
    .blog #commentFormPanel #comment_form textarea {
      display: block;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      padding: 5px;
      border: 1px solid #c4c4c4; }
      .blog #commentFormPanel #comment_form textarea:focus {
        outline: none;
        -moz-box-shadow: 0 0 8px white;
        -o-box-shadow: 0 0 8px white;
        -webkit-box-shadow: 0 0 8px white;
        box-shadow: 0 0 8px white; }
    .blog #commentFormPanel #comment_form input[type='submit'] {
      text-align: center;
      width: 204px;
      padding: 10px;
      float: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #bbb;
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      background-color: #f3f3f3;
      background-image: -moz-linear-gradient(bottom, #f3f3f3 0, white 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, white));
      background-image: -webkit-linear-gradient(bottom, #f3f3f3 0, white 100%);
      background-image: -o-linear-gradient(bottom, #f3f3f3 0, white 100%); }
      .blog #commentFormPanel #comment_form input[type='submit']:hover {
        background-color: #e1dfdf;
        background-image: -moz-linear-gradient(bottom, #e1dfdf 0, white 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1dfdf), color-stop(100%, white));
        background-image: -webkit-linear-gradient(bottom, #e1dfdf 0, white 100%);
        background-image: -o-linear-gradient(bottom, #e1dfdf 0, white 100%);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.blog #commentFeed {
  background: #f7f7f7;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .blog #commentFeed ul {
    margin-top: 10px; }
    .blog #commentFeed ul li {
      border-top: 1px solid #eaeaea;
      margin: 0 4px;
      padding: 10px; }
      .blog #commentFeed ul li h3 {
        padding-bottom: 5px; }
      .blog #commentFeed ul li h4 {
        padding-bottom: 5px;
        margin-bottom: 8px; }
      .blog #commentFeed ul li p {
        background: #f3f3f3;
        border: 1px solid #eaeaea;
        padding: 10px;
        line-height: 1.4;
        margin-bottom: 5px; }
.blog ul#pages {
  text-align: center; }
  .blog ul#pages li {
    display: inline-block;
    border: none;
    display: none; }
    .blog ul#pages li.earlier, .blog ul#pages li.next {
      display: inline-block; }
    .blog ul#pages li.later, .blog ul#pages li.prev {
      display: inline-block; }
    @media screen and (min-width:480px) {
      .blog ul#pages li.earlier, .blog ul#pages li.next {
        float: right; }
      .blog ul#pages li.later, .blog ul#pages li.prev {
        float: left; } }
    @media screen and (min-width:480px) {
      .blog ul#pages li {
        display: inline-block; }
        .blog ul#pages li.earlier, .blog ul#pages li.next {
          float: right;
          display: inline-block; }
        .blog ul#pages li.later, .blog ul#pages li.prev {
          float: left;
          display: inline-block; } }
.blog .socialUtils {
  padding-top: 20px;
  margin-bottom: 15px; }
  @media screen and (min-width:600px) {
    .blog .socialUtils {
      border: none;
      padding-top: 10px;
      display: table;
      border-top: 1px solid #bbb;
      border-bottom: 1px solid #bbb;
      text-align: center; } }
  .blog .socialUtils h2 {
    display: block;
    text-align: center; }
    @media screen and (min-width:600px) {
      .blog .socialUtils h2 {
        display: table-cell;
        width: 25%;
        text-align: left; } }
  .blog .socialUtils .social-item {
    width: 100%;
    overflow: hidden;
    padding: 2px 0 15px 0;
    display: block; }
    @media screen and (min-width:600px) {
      .blog .socialUtils .social-item {
        display: table-cell;
        width: 25%; } }

.faq #c1 h2 {
  margin-top: 30px;
  margin-bottom: 5px; }
.faq #c1 article li {
  border: 1px solid #eaeaea;
  margin: 0 0 20px 0;
  padding: 10px; }
  .faq #c1 article li h3 {
    padding-bottom: 5px; }
  .faq #c1 article li h4 {
    padding-bottom: 5px;
    margin-bottom: 8px; }
  .faq #c1 article li p {
    background: #f3f3f3;
    border: 1px solid #eaeaea;
    padding: 10px;
    line-height: 1.4;
    margin-bottom: 5px; }
    @media screen and (min-width:640px) {
      .faq #c1 article li p {
        font-size: 13px;
        font-size: 0.813rem; } }

#c2 h1 {
  text-align: center; }
  @media screen and (min-width:720px) {
    #c2 h1 {
      text-align: left; } }
  @media screen and (min-width:1280px) {
    #c2 h1 {
      text-align: center; } }
#c2 h2 {
  text-align: center; }
  @media screen and (min-width:720px) {
    #c2 h2 {
      text-align: left; } }
  @media screen and (min-width:1280px) {
    #c2 h2 {
      text-align: center; } }
#c2 h3 {
  text-align: center; }
  @media screen and (min-width:720px) {
    #c2 h3 {
      text-align: left; } }
  @media screen and (min-width:1280px) {
    #c2 h3 {
      text-align: center; } }
#c2 p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5; }
  @media screen and (min-width:640px) {
    #c2 p {
      font-size: 13px;
      font-size: 0.813rem; } }

.blogFeed {
  border-bottom: 1px solid #F6F6F6;
  border-top: 1px solid #F6F6F6;
  padding-top: 20px; }
  @media screen and (min-width:480px) {
    .blogFeed {
      border-bottom: none; } }
  @media screen and (min-width:960px) {
    .blogFeed {
      border: none; } }
  .blogFeed article.blog {
    border: 1px solid #eaeaea;
    border-bottom: none;
    padding: 10px 10px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(bottom, #f3f3f3 0, white 40px);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(40px, white));
    background-image: -webkit-linear-gradient(bottom, #f3f3f3 0, white 40px);
    background-image: -o-linear-gradient(bottom, #f3f3f3 0, white 40px); }
    .blogFeed article.blog:first-of-type {
      -moz-border-radius: 10px 10px 0 0;
      -webkit-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0; }
    .blogFeed article.blog:last-of-type {
      border-bottom: 1px solid #eaeaea;
      -moz-border-radius: 0 0 10px 10px;
      -webkit-border-radius: 0 0 10px 10px;
      border-radius: 0 0 10px 10px; }
    .blogFeed article.blog p {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.3; }
      @media screen and (min-width:640px) {
        .blogFeed article.blog p {
          font-size: 13px;
          font-size: 0.813rem; } }
    .blogFeed article.blog.mini {
      min-height: 90px;
      background-color: #f3f3f3;
      background-image: -moz-linear-gradient(bottom, #f3f3f3 0, white 40px);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(40px, white));
      background-image: -webkit-linear-gradient(bottom, #f3f3f3 0, white 40px);
      background-image: -o-linear-gradient(bottom, #f3f3f3 0, white 40px); }
    .blogFeed article.blog.new {
      position: relative; }
      .blogFeed article.blog.new::before {
        content: "New!";
        font: bold 11px/1.3 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        display: block;
        position: absolute;
        top: 15px;
        right: -10px;
        background: #00f;
        color: #fff;
        border: 2px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
        background-color: #b6e997;
        background-image: -moz-linear-gradient(top, #b6e997 0, #61bf28 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b6e997), color-stop(100%, #61bf28));
        background-image: -webkit-linear-gradient(top, #b6e997 0, #61bf28 100%);
        background-image: -o-linear-gradient(top, #b6e997 0, #61bf28 100%);
        text-shadow: 0px 2px 2px #4c951f;
        letter-spacing: 0.1em;
        padding: 3px 6px 3px 8px; }

.appPanel {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #eaeaea;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(50%, white));
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0, white 50%);
  border: 1px solid #eaeaea;
  padding: 10px;
  margin-bottom: 20px; }
  .appPanel .appStore img {
    margin-bottom: 20px; }
    @media screen and (min-width:480px) {
      .appPanel .appStore img {
        margin-left: 0; } }
    @media screen and (min-width:1280px) {
      .appPanel .appStore img {
        margin-left: auto; } }

.blogArchive section {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #eaeaea;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(50%, white));
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0, white 50%);
  border: 1px solid #eaeaea;
  padding: 10px; }

.blogSide section {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #eaeaea;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(50%, white));
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0, white 50%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0, white 50%);
  border: 1px solid #eaeaea;
  padding: 10px;
  margin-bottom: 20px; }

#c3.socialUtils {
  border: none;
  padding-top: 20px; }
  @media screen and (min-width:480px) {
    #c3.socialUtils {
      border-top: 1px solid #F6F6F6;
      padding-top: 20px; } }
  @media screen and (min-width:1280px) {
    #c3.socialUtils {
      border: none;
      padding-top: 10px; } }
  #c3.socialUtils section {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    padding: 10px 10px 0 10px; }
    @media screen and (min-width:480px) {
      #c3.socialUtils section {
        padding: 10px 5px 0 5px; } }
    @media screen and (min-width:720px) {
      #c3.socialUtils section {
        padding: 10px 10px 0 10px; } }
    #c3.socialUtils section h2 {
      text-align: center; }
    #c3.socialUtils section .social-item {
      width: 100%;
      overflow: hidden;
      padding: 0 0 20px 0; }

.home #c3.socialUtils {
  padding-top: 20px; }
  @media screen and (min-width:480px) {
    .home #c3.socialUtils {
      padding-top: 50px; } }
  @media screen and (min-width:1280px) {
    .home #c3.socialUtils {
      padding-top: 10px; } }