/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

h1, h2, h3, h4, h5, h6,
p, img {
  margin-bottom: 1.2rem; }

/* 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,
q:before, q:after {
  content: '';
  content: none; }

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

html, body {
  margin: 0;
  padding: 0;
  font-family: "pt-serif", serif;
  font-size: 62.5%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

#page-container {
  display: flex;
  flex-flow: column;
  min-height: 100%; }

title {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 7.5rem;
  line-height: 9.75rem;
  margin-bottom: 0; }

h1 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 5.5rem;
  line-height: 7.15rem;
  margin-bottom: 0; }

h2 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 5.85rem;
  margin-bottom: 0; }

h3 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  font-size: 3rem;
  line-height: 3.9rem;
  margin-bottom: 0; }

p.copy {
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.12rem;
  margin-bottom: 0; }

p.read {
  font-family: "pt-serif", serif;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 3.5rem;
  margin-bottom: 0; }

strong {
  font-weight: 700; }

.font-weight-medium {
  font-weight: 500; }

em {
  font-style: italic; }

.large-bottom-margin {
  margin-bottom: 3.6rem; }

.standard-bottom-margin {
  margin-bottom: 1.8rem; }

.small-bottom-margin {
  margin-bottom: 0.9rem; }

.text-link {
  color: inherit;
  margin-bottom: 0;
  text-decoration: none; }
  .text-link:hover {
    text-decoration: underline; }

.button-link {
  webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: inline-block;
  padding: 1rem 1.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0;
  box-shadow: 0 0.1rem 2.5rem rgba(255, 255, 255, 0.1);
  text-decoration: none; }
  .button-link:hover {
    cursor: pointer;
    box-shadow: 0 0.2rem 3rem rgba(255, 255, 255, 0.2);
    color: black;
    background-color: white; }
  .button-link:active {
    transform: translate(0, 0.15rem); }

.right-carat::after {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 0.8rem;
  vertical-align: top; }

img {
  max-width: 100%;
  margin-bottom: 0; }

#nav {
  flex: 0 1 auto; }
  #nav .row {
    max-width: 100%; }
  #nav img {
    webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 4.5rem;
    padding: 0.5rem 1.5rem 0.5rem 1.35rem;
    border-radius: 0.4rem;
    margin-top: 0.55rem;
    margin-bottom: 0.35rem; }
    #nav img:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1); }
    #nav img:active {
      transform: translate(0, 0.15rem); }
  #nav a {
    text-decoration: none; }
  #nav #active {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1); }
  #nav p {
    webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 1.9rem;
    line-height: inherit;
    display: inline-block;
    border-radius: 0.4rem;
    padding: 1rem 1.5rem;
    margin-bottom: 0; }
    #nav p:not(#active):hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1); }
    #nav p:active {
      transform: translate(0, 0.15rem); }

#nav.white-on-blackish img:hover {
  background-color: transparent;
  box-shadow: 0 0.1rem 1rem transparent;
  opacity: 0.6; }

#nav.white-on-blackish #active {
  background-color: transparent;
  box-shadow: 0 0.1rem 1rem transparent; }

#nav.white-on-blackish p:not(#active):hover {
  background-color: transparent;
  box-shadow: 0 0.1rem 1rem transparent;
  opacity: 0.6; }

.white-on-blackish {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  background-color: #0d0d0d; }

.white-on-gray {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  background-color: #262626; }

.white-on-purple {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  background-color: #6d44ae; }

.black-on-foam {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  color: black;
  background-color: #eceaf1; }

.black-on-purple-foam {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  color: black;
  background-color: #e8e0ef; }

.content-section .subsection {
  padding-top: 3.6rem;
  padding-bottom: 3.6rem; }

.content-section .h-centered {
  display: flex;
  justify-content: center; }

.content-width-narrow {
  width: 60%;
  margin-left: auto;
  margin-right: auto; }

.content-width-wide {
  width: 85%;
  margin-left: auto;
  margin-right: auto; }

.content-width-full {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.content-pad-large {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.content-pad-small {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.content-pad-sml {
  padding-top: 3rem;
  padding-bottom: 3rem; }

#time-title-inline img {
  width: 8rem;
  border-radius: 2rem;
  vertical-align: middle;
  margin-right: 2.5rem; }

#time-title-inline title {
  display: inline;
  vertical-align: middle; }

#homepg-welcome {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #homepg-welcome .content-width-wide {
    margin-bottom: 10.8rem; }
  #homepg-welcome #time-title-inline img {
    box-shadow: 0 0.1rem 3rem rgba(255, 255, 255, 0.25); }
  #homepg-welcome p.copy {
    display: inline; }
    #homepg-welcome p.copy:first-of-type {
      margin-right: 2rem; }

#timepg-welcome {
  flex: 1 1 55rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #timepg-welcome h2.impact {
    font-weight: 700; }

#timepg-purpose {
  flex: 1;
  padding-top: 7rem;
  padding-bottom: 7rem; }
  #timepg-purpose h3 {
    font-size: 3.5rem;
    line-height: 4.95rem; }

.timepg-ratings {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .timepg-ratings p.fancy {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    letter-spacing: 0.2rem; }
    .timepg-ratings p.fancy:last-of-type {
      margin-bottom: 2.7rem; }
  .timepg-ratings img.review {
    border-radius: 1.4rem;
    width: 75%;
    box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, 0.22); }

#timepg-howitworks {
  flex: 1; }
  #timepg-howitworks h2.title {
    margin-bottom: 2.5rem; }
  #timepg-howitworks video {
    width: 40rem;
    margin: 2.8rem auto 0 auto;
    display: block; }
  #timepg-howitworks .faded-phone-img {
    width: 40rem;
    display: block;
    margin: 2.8rem auto 0 auto; }
  #timepg-howitworks .content-pad-sml:last-of-type {
    padding-bottom: 1rem; }

#timepg-final {
  flex: 1; }
  #timepg-final .col-xs-12 {
    text-align: center; }
    #timepg-final .col-xs-12 #content {
      text-align: left;
      display: inline-block;
      margin-left: auto;
      margin-right: auto; }

#contactpg-time {
  flex: 1 1 45rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }

#contactpg-else {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

@media (max-width: 1200px) and (min-width: 1140px) {
  html, body {
    font-size: 56%; } }

@media (max-width: 1139px) and (min-width: 808px) {
  html, body {
    font-size: 44%; }
  h2 {
    font-size: 4.5rem;
    line-height: 5rem; }
  #nav p {
    font-size: 2.8rem; }
  .content-width-narrow {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .content-width-wide {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .content-pad-large {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .content-pad-small {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .content-pad-sml {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  #timepg-welcome h2.standard-bottom-margin {
    margin-bottom: 0.9rem; }
  #timepg-welcome h2.large-bottom-margin {
    margin-bottom: 2.52rem; }
  #timepg-purpose {
    padding-top: 5rem;
    padding-bottom: 5rem; }
    #timepg-purpose h3 {
      font-size: 3.5rem;
      line-height: 4.55rem; }
  #timepg-howitworks video {
    margin: 2rem auto 0 auto; }
  #timepg-howitworks .faded-phone-img {
    margin: 2rem auto 0 auto; } }

@media (max-width: 807px) {
  html, body {
    font-size: 42%; }
  h2 {
    font-size: 4.5rem;
    line-height: 5rem; }
  #nav p {
    font-size: 2.8rem; }
  .content-width-narrow {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .content-width-wide {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .content-pad-large {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .content-pad-small {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .content-pad-sml {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  #timepg-welcome h2.standard-bottom-margin {
    margin-bottom: 0.9rem; }
  #timepg-welcome h2.large-bottom-margin {
    margin-bottom: 2.52rem; }
  #timepg-purpose {
    padding-top: 5rem;
    padding-bottom: 5rem; }
    #timepg-purpose h3 {
      font-size: 3.5rem;
      line-height: 4.55rem; }
  #timepg-howitworks video {
    margin: 2rem auto 0 auto; }
  #timepg-howitworks .faded-phone-img {
    margin: 2rem auto 0 auto; } }

@media (max-width: 568px) {
  h2 {
    font-size: 4.2rem;
    line-height: 4.3rem; }
  h3 {
    font-size: 3.4rem; }
  p.copy {
    font-size: 3rem;
    line-height: 3.9rem; }
  #nav p {
    font-size: 2.5rem;
    line-height: 2.6rem; }
  .small-bottom-margin {
    margin-bottom: 0.45rem; }
  .content-width-narrow {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .content-width-wide {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .button-link {
    padding: 1rem 2rem; }
  #homepg-welcome h2 {
    font-size: 4.5rem; }
  #homepg-welcome p.copy {
    font-size: 3.2rem;
    line-height: 4.16rem;
    display: block; }
    #homepg-welcome p.copy:first-of-type {
      margin-right: 0;
      margin-bottom: 0.2rem; }
  #timepg-welcome h2.standard-bottom-margin {
    margin-bottom: 1.44rem; }
  #timepg-welcome h2.large-bottom-margin {
    margin-bottom: 2.7rem; }
  #timepg-purpose {
    padding-top: 5rem;
    padding-bottom: 5rem; }
    #timepg-purpose h3 {
      font-size: 3.4rem;
      line-height: 4rem; }
  .timepg-ratings p.fancy {
    font-size: 2.8rem;
    line-height: 3.64rem; }
  .timepg-ratings .col-sm {
    margin-bottom: 3.6rem; }
    .timepg-ratings .col-sm p.copy {
      line-height: 3rem; }
    .timepg-ratings .col-sm img {
      width: 90%; }
    .timepg-ratings .col-sm img.review {
      width: 100%; }
    .timepg-ratings .col-sm:last-of-type {
      margin-bottom: 0; }
  #timepg-howitworks video {
    width: 100%; }
  #timepg-final h3 {
    font-size: 3.1rem;
    line-height: 4rem; }
  #timepg-final .col-xs-12 #content {
    text-align: center; }
  #contactpg-time h3 {
    font-size: 3rem;
    line-height: 3.8rem; }
  #contactpg-else #shaan {
    margin-bottom: 3.6rem; }
  #contactpg-else h3 {
    font-size: 3rem;
    line-height: 3.8rem; } }