.header-home {
  font-size: 32pt;
  font-weight: 700;
  line-height: 1.2em;
  color: #66C598;
  margin: 50px 0px 40px 0px;
}
@media (max-width: 1024px) {
  .header-home {
    font-size: 32pt;
    line-height: 1.2em;
    margin: 50px 0px 40px 0px;
  }
}
@media (max-width: 768px) {
  .header-home {
    font-size: 24pt;
    line-height: 1.5em;
    margin: 50px 100px 20px 100px;
  }
}
@media (max-width: 480px) {
  .header-home {
    font-size: 16pt;
    line-height: 1.5em;
    margin: 40px 10px 30px 10px;
  }
}
.header-about {
  font-size: 32pt;
  font-weight: 700;
  line-height: 1.2em;
  color: #66C598;
  text-align: center;
  margin: 50px 0px 40px 0px;
}
@media (max-width: 1024px) {
  .header-about {
    font-size: 32pt;
    line-height: 1.5em;
    margin: 50px 20px 20px 20px;
  }
}
@media (max-width: 768px) {
  .header-about {
    font-size: 24pt;
    line-height: 1.5em;
    margin: 50px 100px 20px 100px;
  }
}
@media (max-width: 480px) {
  .header-about {
    font-size: 16pt;
    line-height: 1.5em;
    margin: 40px 10px 30px 10px;
  }
}
.header-intro {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 480px) {
  .header-intro {
    text-align: left;
  }
}
.header-subpage {
  font-size: 24pt;
  font-weight: 300;
  color: #66C598;
  text-align: left;
  margin: 30px 0px;
}
@media (max-width: 480px) {
  .header-subpage {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 20px 20px;
    text-align: center;
  }
}
/* Utility */
.auto-img {
  width: auto;
  height: auto;
}
@media (max-width: 480px) {
}
.panel-authentication {
  margin-top: 50px;
}
/* Copy styles */
.home-header {
  font-size: 28pt;
  text-align: left;
}
@media (max-width: 1024px) {
  .home-header {
    font-size: 28pt;
    margin: 25px 0;
  }
}
@media (max-width: 768px) {
  .home-header {
    font-size: 24pt;
    margin: 25px 0;
  }
}
@media (max-width: 480px) {
  .home-header {
    text-align: center;
    font-size: 14pt;
  }
}
.home-header-bg {
  background: url('/img/home-header-bg.png') right 0px top 0px no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .home-header-bg {
    background: none;
  }
}
.home-step-title {
  font-size: 48px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .home-step-title {
    font-size: 28px;
    font-weight: 300;
    text-align: center;
  }
}
.home-step-title-right {
  text-align: right;
}
@media (max-width: 480px) {
  .home-step-title-right {
    text-align: center;
  }
}
.home-step-line {
  width: 44px;
  border-top: 1px solid #ccc;
}
@media (max-width: 480px) {
  .home-step-line {
    position: absolute;
    left: 50%;
    margin-left: -22px;
  }
}
.home-step-line-right {
  position: absolute;
  right: 65px;
}
.home-step-instruction {
  font-size: 16pt;
  font-weight: 300;
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  .home-step-instruction {
    font-size: 12pt;
    font-weight: 300;
    text-align: center;
    margin: 35px 0 15px 0;
  }
}
.home-step-instruction-right {
  text-align: right;
  margin-top: 35px;
}
@media (max-width: 480px) {
  .home-step-instruction-right {
    text-align: center;
  }
}
.home-disclaimer {
  text-align: left !important;
  margin-left: 0px !important;
}
.contact-subheader {
  margin-top: -15px;
}
@media (max-width: 480px) {
  .contact-subheader {
    margin-top: 20px;
  }
}
.copy-light-md {
  font-size: 14pt;
  line-height: 1.5em;
  margin-bottom: 25px;
  font-weight: 300;
  color: #666;
}
@media (max-width: 480px) {
  .copy-light-md {
    font-size: 16px;
    font-weight: 400;
    margin: 0px 10px;
  }
}
.copy-header-md {
  font-size: 14pt;
  color: #333;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  .copy-header-md {
    font-size: 16px;
    font-weight: 400;
    margin: 0px 10px;
  }
}
.copy-main-sm {
  font-size: 12pt;
  color: #333;
  line-height: 1.5em;
}
.copy-main-xs {
  font-size: 11pt;
  font-weight: 400;
  color: #333;
  line-height: 1.5em;
}
.copy-title-heavy {
  font-size: 24px;
  font-weight: 400;
}
.copy-title-normal {
  font-size: 24px;
  font-weight: 300;
}
/* Logo styles */
.col-center {
  text-align: center;
}
.home-logo {
  padding-top: 15px;
}
@media (max-width: 990px) {
  .home-logo {
    width: 70%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .home-logo {
    width: 60%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .home-logo {
    width: 70%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .home-logo-mac {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .home-logo-ont {
    margin-bottom: 30px;
  }
}
.home-step-1-list {
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .home-step-1-list {
    margin-bottom: 0px;
    margin-left: -5px;
    margin-right: -5px;
  }
}
.home-stepbar .topic-index {
  display: none;
}
@media (max-width: 768px) {
  .home-stepbar {
    margin: 0 -25px;
    color: #fff;
    padding: 15px;
  }
  .home-stepbar .topic-index {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-left: 87px;
  }
  .home-stepbar .topic-title {
    font-weight: 300;
    margin-left: 87px;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .stepbar-1 {
    background-color: #FF5F72;
    background-image: url('/img/home-icon-topic-1-mobile.png');
    background-position: 20px 21px;
    background-repeat: no-repeat;
  }
  .stepbar-2 {
    background: #FBB96B;
    background-image: url('/img/home-icon-topic-2-mobile.png');
    background-position: 18px 17px;
    background-repeat: no-repeat;
  }
  .stepbar-3 {
    background: #FF866A;
    background-image: url('/img/home-icon-topic-3-mobile.png');
    background-position: 17px 20px;
    background-repeat: no-repeat;
  }
  .stepbar-4 {
    background: #9E538E;
    background-image: url('/img/home-icon-topic-4-mobile.png');
    background-position: 20px 17px;
    background-repeat: no-repeat;
  }
  .stepbar-5 {
    background: #5CBAB4;
    background-image: url('/img/home-icon-topic-5-mobile.png');
    background-position: 20px 17px;
    background-repeat: no-repeat;
  }
}
.home-stepimg-1 {
  background: url('/img/home-step-1-topics.svg') right 140px bottom 10px no-repeat;
}
@media (max-width: 1200px) {
  .home-stepimg-1 {
    background: url('/img/home-step-1-topics.svg') right 70px bottom 20px no-repeat;
    background-size: 35%;
  }
}
@media (max-width: 991px) {
  .home-stepimg-1 {
    background: url('/img/home-step-1-topics.svg') right 60px bottom 50% no-repeat;
    background-size: 35%;
  }
}
@media (max-width: 768px) {
  .home-stepimg-1 {
    background: none;
  }
}
.home-stepimg-2 {
  margin: 40px 0 40px 20px;
}
.home-stepimg-2 img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .home-stepimg-2 {
    margin: 20px 0 40px 0;
    text-align: center;
  }
  .home-stepimg-2 img {
    width: auto;
    height: auto;
  }
}
@media (max-width: 480px) {
  .home-stepimg-2 {
    margin: 0 -10px 20px -10px;
    text-align: center;
  }
  .home-stepimg-2 img {
    width: 100%;
    height: auto;
  }
}
.step-3-icon img {
  width: 80%;
  height: auto;
}
@media (max-width: 480px) {
  .step-3-icon {
    text-align: center;
  }
  .step-3-icon img {
    width: 100%;
    height: auto;
  }
}
.home-stepimg-3 {
  background-position: 95% bottom;
  background-repeat: no-repeat;
  background-size: 40%;
}
@media (max-width: 767px) {
  .home-stepimg-3 {
    background-image: none !important;
  }
}
/* Margins */
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.btn-direction-white {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #fff;
  text-transform: uppercase;
  margin: 34px 0;
}
.btn-direction-white a {
  color: #fff;
  text-decoration: none;
}
.btn-direction-white a:hover {
  color: #f1f1f1;
  text-decoration: none;
}
.btn-direction-white a:visited {
  text-decoration: none;
}
.btn-terms {
  font-size: 16px;
  font-weight: 700;
  color: #2E7F84;
}
.copy-direction-white {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 2px;
}
/* Faq */
.faq-content {
  margin: 50px 0 0 0;
}
@media (max-width: 480px) {
  .faq-content {
    margin: 20px 0 0 0;
  }
}
.faq-item {
  margin-bottom: 25px;
  border-bottom: 1px solid #c7c7c7;
}
.faq-item.last {
  margin-bottom: 75px;
  border-bottom: none;
}
.faq-link {
  font-size: 12pt;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 15px;
  margin-right: 40px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .faq-link {
    font-size: 11pt;
    font-weight: 400;
    margin-right: 0;
  }
}
.faq-link a:link {
  color: #66C598;
  text-decoration: none;
}
.faq-link a:hover {
  color: #3FA572;
  text-decoration: none;
}
.faq-link a:active {
  color: #FF715F;
  text-decoration: none;
}
.faq-link.last {
  margin-bottom: 50px;
}
.faq-header {
  font-size: 16pt;
  font-weight: 600;
  margin-bottom: 20px;
  color: #474747;
  line-height: 1.5em;
}
@media (max-width: 480px) {
  .faq-header {
    font-size: 12pt;
  }
}
.faq-answer {
  font-size: 12pt;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  .faq-answer {
    font-size: 11pt;
  }
}
.faq-return {
  font-size: 11pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 0px;
  margin-bottom: 25px;
}
.faq-return a {
  color: #66C598;
}
/* Error pages */
.error-content {
  margin-top: 50px;
}
@media (max-width: 480px) {
  .error-content {
    margin-top: 30px;
  }
}
.error-404-img {
  background-image: url('/img/error-directions.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 203px;
}
#error-home-btn {
  font-family: "Lato";
  border: none;
  border-radius: 0px;
  background-color: #FF866A;
  color: #FFF;
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 25px;
}
#error-home-btn span {
  margin-left: 3px;
}
/* Session timeout */
.timeout-content {
  margin-top: 50px;
}
@media (max-width: 480px) {
  .timeout-content {
    margin-top: 0px;
  }
}
.timeout-img {
  background: url('/img/timeout-released.png') right 0px bottom 0px no-repeat;
  background-size: 100%;
  height: 200px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .timeout-img {
    height: 90px;
  }
}
.timeout-header {
  color: #FFAA57;
  font-weight: 700;
  font-size: 30pt;
  letter-spacing: 1px;
}
@media (max-width: 480px) {
  .timeout-header .title {
    font-size: 13pt;
  }
}
.timeout-message {
  color: #333333;
  font-weight: 400;
  font-size: 14pt;
  letter-spacing: 1px;
}
@media (max-width: 480px) {
  .timeout-message {
    font-size: 11pt;
  }
}
.timeout-home {
  margin-top: 28px;
}
@media (max-width: 480px) {
  .timeout-home {
    margin-top: 12px;
  }
}
#timeout-home-btn {
  font-family: "Lato";
  border: none;
  border-radius: 0px;
  background-color: #FFAA57;
  color: #FFF;
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 25px;
}
#timeout-home-btn span {
  margin-left: 3px;
}
/* About */
.about-phone-complete {
  margin-top: 40px;
  padding-top: 32px;
  padding-bottom: 40px;
  background-position: 95% bottom;
  background-repeat: no-repeat;
  background-size: 35%;
}
@media (max-width: 1200px) {
  .about-phone-complete {
    background-size: 40%;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .about-phone-complete {
    background-image: none  !important;
  }
}
@media (max-width: 480px) {
  .about-phone-complete {
    background-image: none  !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
}
.about-milestone {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url('/img/about-toddler-bg-x.png');
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .about-milestone {
    background-image: none;
  }
}
@media (max-width: 767px) {
  .about-mechanism {
    padding-top: 20px;
  }
}
.about-topic-areas {
  margin: 40px 0 40px 20px;
}
@media (max-width: 991px) {
  .about-topic-areas {
    margin: 20px 0 40px 0;
    text-align: center;
  }
  .about-topic-areas img {
    width: 50%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .about-topic-areas {
    margin: 20px 0 40px 0;
    text-align: center;
  }
  .about-topic-areas img {
    width: 50%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .about-topic-areas {
    margin: 20px 0 40px 0;
    text-align: center;
  }
  .about-topic-areas img {
    width: 50%;
    height: auto;
  }
}
.about-hear {
  margin: 0;
}
.share-megaphone {
  margin-top: 35px;
  text-align: center;
}
@media (max-width: 480px) {
  .share-megaphone {
    margin: 20px auto;
  }
  .share-megaphone img {
    width: 40%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .about-deli {
    padding: 20px 0;
  }
}
/* Professionals */
.header-professionals {
  font-size: 32pt;
  font-weight: 700;
  line-height: 1.2em;
  color: #66C598;
  text-align: center;
  margin: 50px 0px 40px 0px;
}
@media (max-width: 1024px) {
  .header-professionals {
    font-size: 32pt;
    line-height: 1.5em;
    margin: 50px 20px 20px 20px;
  }
}
@media (max-width: 768px) {
  .header-professionals {
    font-size: 24pt;
    line-height: 1.5em;
    margin: 50px 100px 20px 100px;
  }
}
@media (max-width: 480px) {
  .header-professionals {
    font-size: 16pt;
    line-height: 1.5em;
    margin: 40px 10px 30px 10px;
  }
}
.professional-topic-areas {
  text-align: center;
  margin: 0 0 50px 50px;
}
.professional-topic-areas img {
  width: 70%;
  height: auto;
}
@media (max-width: 768px) {
  .professional-topic-areas {
    margin: 0 0 25px 0;
  }
  .professional-topic-areas img {
    width: 70%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .professional-importance {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
  }
}
.professional-em {
  font-weight: 600;
}
.professional-design {
  margin-top: 50px;
}
@media (max-width: 480px) {
  .professional-design {
    margin-top: 25px;
  }
}
@media (max-width: 480px) {
  .professional-mechanism {
    margin-top: 25px;
  }
}
.professional-promote {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .professional-promote {
    margin-top: 25px;
  }
}
.professional-poster {
  padding: 20px 20px 20px 20px;
  background: #e6e6e6;
  margin-bottom: 35px;
}
@media (max-width: 480px) {
  .professional-download {
    text-align: center;
    margin-bottom: 25px;
  }
}
.btn-promo-poster {
  font-family: "Lato";
  border: none;
  border-radius: 0px;
  background-color: #703C6C;
  color: #FFF;
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 25px;
  margin-top: 5px;
}
.btn-promo-poster span {
  margin-left: 3px;
}
.btn-promo-poster:hover {
  color: #fff;
}
.btn-promo-selector {
  font-family: "Lato";
  border: none;
  border-radius: 0px;
  border: 3px solid #66C598;
  background-color: #FFF;
  color: #66C598;
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 20px;
}
.btn-promo-selector span {
  margin-left: 3px;
}
@media (max-width: 480px) {
  .btn-promo-selector {
    display: block;
  }
}
.btn-promo-selector:hover {
  border: 3px solid #66C598;
  background-color: #66C598;
  color: #fff;
}
.btn-promo-selector.active {
  border: 3px solid #66C598;
  background-color: #66C598;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125) !important;
}
#btn-professional {
  margin-top: 40px;
  margin-bottom: 55px;
}
@media (max-width: 1024px) {
  #btn-professional {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
#btn-public {
  margin-top: 40px;
  margin-bottom: 55px;
}
@media (max-width: 1024px) {
  #btn-public {
    margin-top: 20px;
    margin-bottom: 35px;
  }
}
.btn-pro-download {
  font-family: "Lato";
  border: none;
  border-radius: 0px;
  background-color: #66C598;
  color: #FFF;
  font-size: 11pt;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 25px;
}
.btn-pro-download span {
  margin-left: 3px;
}
@media (max-width: 480px) {
  .btn-pro-download {
    display: block;
  }
}
.btn-pro-download:hover {
  color: #fff;
}
@media (max-width: 480px) {
  .professional-print {
    margin-top: 25px;
  }
}
.share-balloon {
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 480px) {
  .share-balloon {
    margin: 20px auto;
  }
  .share-balloon img {
    width: 40%;
    height: auto;
  }
}
.terms-item {
  line-height: 18pt;
  margin-bottom: 20px;
}
.terms-item span {
  font-size: 11pt;
  font-weight: 600;
  text-transform: uppercase;
}
.terms-item a:link {
  color: #66C598;
  text-decoration: underline;
}
.terms-item a:hover {
  color: #66C598;
  text-decoration: none;
}
.terms-em {
  font-style: italic;
}
.metrics-tab {
  background: #fff;
  padding: 20px !important;
  margin-bottom: 35px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.metrics-tab .metrics-tab-header {
  margin: 0 0 20px 0;
  font-weight: 600;
}
.metrics-tab .metrics-single-title {
  font-size: 18px;
  color: #66C598;
}
.metrics-tab .metrics-single-data {
  margin-top: 5px;
  margin-bottom: 20px;
}
.metrics-table {
  background: #fff;
  color: #555;
  font-size: 13px;
}
.metrics-table .topic-cube {
  height: 16px;
  width: 16px;
  border: 1px solid #ccc;
  background: #e7e7e7;
  margin-right: 2px;
  float: left;
}
.metrics-table .topic-cube.visited {
  border: 1px solid #66C598;
  background: #66C598;
}
.contact-form {
  margin: 50px 0;
}
.contact-form ::-webkit-input-placeholder {
  font-style: italic;
  color: #b1b1b1 !important;
  font-weight: 400;
}
.contact-form :-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #b1b1b1 !important;
  font-weight: 400;
}
.contact-form ::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #b1b1b1 !important;
  font-weight: 400;
}
.contact-form :-ms-input-placeholder {
  font-style: italic;
  color: #b1b1b1 !important;
  font-weight: 400;
}
.contact-form .form-control {
  padding: 20px;
  height: auto;
  font-size: 14pt;
  border-radius: 0px;
  border-width: 0px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .contact-form .form-control {
    font-size: 11pt;
  }
}
.contact-form .btn {
  margin-bottom: 20px;
  padding: 13px 30px;
  color: #fff;
  font-size: 12pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #66C598;
}
.contact-form .btn:hover,
.contact-form .btn:active {
  background: #40AFAF;
}
.contact-form .btn:focus {
  color: #fff;
}
.contact-form .btn-contact {
  border-radius: 0px;
}
/*# sourceMappingURL=pages.css.map */