@font-face {
  font-family: 'StandardCT-Regular';
  src: url('/fonts/StandardCT-Regular.woff2') format('woff2'),
       url('/fonts/StandardCT-Regular.woff') format('woff');
       font-weight: normal;
}
@font-face {
  font-family: 'StandardCT-Light';
  src: url('/fonts/StandardCT-Light.woff2') format('woff2'),
       url('/fonts/StandardCT-Light.woff') format('woff');
       font-weight: lighter;
}
@font-face {
  font-family: 'StandardCT-Bold';
  src: url('/fonts/StandardCT-Bold.woff2') format('woff2'),
       url('/fonts/StandardCT-Bold.woff') format('woff');
       font-weight: bold;
}
@font-face {
  font-family: 'CooperBlackLTPro';
  src: url('/fonts/CooperBlackLTPro.woff2') format('woff2'),
       url('/fonts/CooperBlackLTPro.woff') format('woff');
       font-weight: bold;
}
html {
  height: 100%;
  font-family: 'StandardCT'
}
html.no-js body::before {
  content: 'You should probably enable or upgrade javascript';
}
body {
  height: 100%;
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: StandardCT-Regular;
  font-size: 20px;
}
ul {
  margin: 0;
  padding: 0;
}
header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
height: 5%;
width: 100%;
position: absolute;
z-index: 1;
margin-top: 20px;
}
section {
  display: block;
  position: relative;
}
footer {
  background-color: #83E5B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  font-size: 15px;
}
footer ul {
  list-style-type: none;
  text-align: center;
}
footer ul li {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
footer ul li img {
  height: 75px;
}
.content {
  margin: auto;
  background-color: white;
    -webkit-overflow-scrolling: touch;
}
#logo img {
  width: 84px;
}
#logo {
  margin-top: 30px;
}
#splash {
  height: 100vh;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
#logo .entry img {
width: 100px;
}
.text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 60px;
  width: 300px;
  margin-left: 24px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 768px) {

  .text-container {
    width: 300px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    font-size: 120px;
    margin-left: 40px;
  }

}
.callout {
  color: white;
  font-family: 'StandardCT-Regular';
  font-weight: normal;
}
.story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.story-container {
      max-width: 600px;
}
@media only screen and (min-width: 768px) {
  .story {
    text-align: left;
  }
}
.tall {
  height: 100vh;
}
.short {
  height: 350px;
  position: relative;
  margin: auto;
}
.story .header-text {
  color: #83E5B2;
  font-size: 70px;
  padding: 10px;
}
@media only screen and (max-width: 480px){
  .story .header-text {
    font-size: 70px;
  }

}
@media only screen and (min-width: 768px){
  .story .header-text {
    font-size: 70px;
    text-align: center;
  }

}
.story .description {
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.hidden {
  display: none;
}
.callout-container {
height: 100%;
width: 100%;
max-width: 821px;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
font-family: CooperBlackLTPro;
}
.callout-container .header-text {
  color: white;
  font-size: 40px;
  line-height: 40px;
  max-width: 400px;
}
.tab {
height: 115px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.tab:nth-child(1) {
  background: rgba(244, 232, 158, .6);
  background: -webkit-gradient(linear, left top, right top, from(#f4e89e),to(#ffbb4f));
  background: linear-gradient(to right, #f4e89e 0%,#ffbb4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e89e', endColorstr='#ffbb4f',GradientType=1 );
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.tab:nth-child(2) {
background: rgba(255, 187, 79, .6);
background: -webkit-gradient(linear, left top, right top, from(#ffbb4f),to(#f9c2ca));
background: linear-gradient(to right, #ffbb4f 0%,#f9c2ca 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb4f', endColorstr='#f9c2ca',GradientType=1 );
border-top: 0px solid black;
border-bottom: 1px solid black;
}
.tab:nth-child(3) {
background: rgba(249, 194, 202, .6);
background: -webkit-gradient(linear, left top, right top, from(#f9c2ca),to(#73e0a3));
background: linear-gradient(to right, #f9c2ca 0%,#73e0a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c2ca', endColorstr='#73e0a3',GradientType=1 );
border-top: 0px solid black;
border-bottom: 1px solid black;
}
.tab .title {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-item-align: start;
    align-self: flex-start;
font-size: 20px;
margin-left: 30px;
}
.pressure-circle {
  -webkit-transition: all .85s cubic-bezier(0.40,0,0.60,1);
  transition: all .85s cubic-bezier(0.40,0,0.60,1);
  height: 100%;
  max-height: 50px;
  width: 100%;
  max-width: 50px;
  border-radius: 50px;
  text-align: center;
  background-color: white;
  margin-right: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -webkit-box-pack: center;
  -ms-flex-pack: right;
      justify-content: right;
  -webkit-transform: scale(1);
          transform: scale(1);
  left: 0;
  top: 0;
}
.pressure-circle.item-1.active {
      background-color: #FFBB4F;
}
.pressure-circle.item-2.active {
      background-color: #F9C2CA;
}
.pressure-circle.item-3.active {
      background-color: #5B4974;
}
.pressure-circle::before {
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
-webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
content: ' ';
background-color: black;
width: 1px;
height: 50%;
font-size: 60px;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
margin: auto;
opacity: 1;
}
.pressure-circle::after {
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
-webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
content: ' ';
background-color: black;
width: 50%;
height: 1px;
font-size: 60px;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
margin: auto;
opacity: 1;
}
.pressure-circle.active::before {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pressure-circle.active::after {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.pressure-circle.active {
  z-index: 10;
  border: 0;
  -webkit-transform: scale(40);
          transform: scale(40);
  left: -50%;
  top: 50%;

}
.pressure-tab .description {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  font-size: 50px;
  opacity: 0;
  position: fixed;
  z-index: 10;
  height: 100%;
  width: 80%;
  max-width: 500px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  color: white;
}
.pressure-tab .show-description {
  opacity: 1;
}
.pressure-tab {
max-width: 819px;
margin: auto;
margin-top: 0px;
margin-bottom: 40px;
border-right: 1px solid black;
border-left: 1px solid black;
}
@media only screen and (min-width: 819px){
  .pressure-tab {
    width: 819px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px){
  .pressure-tab {
    margin-bottom: 0px;
  }
}
.product {
display: block;
}
.product-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1000px;
  margin: auto;

}
@media only screen and (max-width: 768px) {
  .product-wrapper {
    display: block;
  }


}
.product-container {
  margin: auto;
  margin-left: 10px;
  margin-right: 10px;
  width: 400px;
}
@media only screen and (min-width: 768px) {
  .product-container {
    margin: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px){
  .product-container {
    margin: auto;
    margin-right: 10px;
    width: 100%;
  }
}
.product-container .description {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.title-slide {
position: relative;
display: block;
margin: auto;
width: 100%;
height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: top;
min-width: 350px;
}
.title-slide .title {
  position: absolute;
  bottom: 20px;
  color: white;
  font-size: 12.49vw;
  width: 150px;
  left: 20px;
}
@media only screen and (min-width: 768px) {
.title-slide .title {
      font-size: 80px;
    }
}
@media only screen and (max-width: 480px) {
.title-slide .title {
      font-size: 60px;
    }
}
@media only screen and (max-width: 768px) {
  .product-container .description {
    padding: 20px;
    padding-bottom: 0;
    padding-top: 20px;
  }
}
.product-container .pricing {
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  border: 1px solid #83E5B2;
  border-radius: 5px;
  padding: 20px;
  color: #83E5B2;
}
.product-container .pricing ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.pricing hr {
width: 30px;
display: inline-block;
position: relative;
margin: 0;
margin-left: 5px;
margin-right: 5px;
border-color: #83E5B2;
border-style: solid;
top: -1px;
}
.launch-date {
margin: auto;
display: block;
text-align: center;
margin-top: 35px;
margin-bottom: 15px;
}
.signup {
  text-align: center;
  position: relative;
  width: 200px;
  margin: auto;
  height: 150px;
  margin-top: 40px;
  margin-bottom: 100px;
}
.signup input {
  border: 0;
  border-radius: 0;
  z-index: 1;
  background-color: #eaeaea;
  position: relative;
  font-size: 15px;
  width: 190px;
  padding: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 1px #000000;
}
.signup button {
  position: relative;
  font-size: 15px;
  background-color: white;
  top: 10px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid;
  width: 100%;
  z-index: 1;
  cursor: pointer;

}
.signup button.loader {
    background-size: 60%;
}
.signup button.loader i {
  border: 0px;
}
.done {
  opacity: 0;
  pointer-events: none;
}
.thanks {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 60px;
  background-color: #83E5B2;
  font-family: CooperBlackLTPro;
}
.thanks-container {
    max-width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
}
.input-container {
  display: block;
  width: 190px;
  margin: auto;
  position: relative;
}
.input-text {
  position: relative;
  z-index: 0;
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
  white-space: nowrap;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
}
label.error {
position: relative;
float: left;
padding-top: 10px;
color: red;
font-size: 15px;
font-style: italic;
text-align: left;
}
:focus {
  background-color: transparent;
  outline:0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 20px;
}
::-moz-placeholder { /* Firefox 19+ */
font-size: 20px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 20px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 20px;
}