body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.container {
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  body:not(.admin) .container {
    max-width: 767px;
  }
}
@media (max-width: 767px) {
  body:not(.admin) .container {
    max-width: 100%;
  }
}
body.admin .white-back {
  background-color: white;
  margin: 15px;
}
body.admin:not(.auth-screen) [ui-view="main"] {
  padding-top: 80px;
  padding-left: 220px;
  width: calc(100% - 220px);
  min-height: calc(100% - 80px);
  background-color: #ececec;
}
@media (max-width: 1170px) {
  body.admin .container {
    max-width: 960px;
  }
}
@media (max-width: 960px) {
  body.admin .container {
    max-width: 600px;
  }
  body.admin .white-back {
    margin-top: 0px;
  }
  body.admin h1 {
    font-size: 24px;
    line-height: 50px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  body.admin .container {
    max-width: 480px;
  }
}
@media (max-width: 480px) {
  body.admin .container {
    max-width: 100%;
  }
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}

md-toast[md-theme=warn] .md-toast-content {
  background-color: #F44336;
}

[ui-view].ng-enter,
[ui-view].ng-leave {
  transition: opacity ease-in-out 200ms;
}
[ui-view].ng-enter,
[ui-view].ng-leave.ng-leave-active {
  opacity: 0;
}
[ui-view].ng-enter.ng-enter-active {
  opacity: 1;
}
.Page.ng-leave.ng-leave-active {
  display: none;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.u-center {
  text-align: center;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.md-button,
.btn {
  border-radius: 0px !important;
  white-space: normal;
  font-weight: 700 !important;
  font-size: 20px;
  padding: 5px 15px;
  transition: all 0.25s ease-in-out;
  border: 0px;
}
.md-button span,
.btn span {
  font-weight: 700 !important;
  font-size: 20px;
}
.md-button.md-raised,
.btn.md-raised {
  box-shadow: none !important;
}
.md-button.md-primary,
.btn.md-primary,
.md-button.btn-primary,
.btn.btn-primary {
  background-color: #FF7200 !important;
  padding: 5px 15px;
}
.md-button.md-primary:hover,
.btn.md-primary:hover,
.md-button.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: #ff8e33 !important;
}
.slick-dots li {
  padding: 0px;
  margin: 4px;
  transition: all 0.25s ease-in-out;
}
.slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid white;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}
.slick-dots li button::before {
  display: none !important;
}
.slick-dots li.slick-active button {
  background-color: #0083B5;
}
.slick-dots li:hover {
  opacity: 0.5;
}
md-table-container .center-column {
  white-space: nowrap !important;
  text-align: center !important;
}
md-table-container .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
md-table-container .clickable:hover {
  background-color: #ececec;
}
md-table-container td {
  font-size: 15px !important;
  font-weight: 400 !important;
}
@media (max-width: 960px) {
  .md-button {
    margin: 0px;
    line-height: 20px;
  }
  .md-button span {
    font-size: 16px;
  }
}

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  background-color: transparent;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 80px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.125s;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 37px;
  left: 18px;
  right: 18px;
  height: 4px;
  background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}
.c-hamburger span::before {
  top: -10px;
}
.c-hamburger span::after {
  bottom: -10px;
}
/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx span {
  transition: background 0s 0.125s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.125s, 0.125s;
  transition-delay: 0.125s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.125s;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.popup {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.25s ease-in-out;
  top: 0px;
  left: 0px;
  z-index: 50;
}
.popup.show {
  visibility: visible;
  opacity: 1;
}
.popup .popup-box {
  height: 500px;
  position: relative;
  margin: 100px auto;
}
.popup .popup-box .text {
  overflow-y: scroll;
  height: 100%;
}
.popup img {
  width: 50%;
  margin: 30px auto;
  display: block;
}
.popup form,
.popup .popup-box {
  background-color: #0083B5;
  border-radius: 0px;
  width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  max-width: 585px;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
.popup form input[type='text'],
.popup .popup-box input[type='text'],
.popup form input[type='email'],
.popup .popup-box input[type='email'],
.popup form select,
.popup .popup-box select,
.popup form input[type='tel'],
.popup .popup-box input[type='tel'] {
  padding: 20px !important;
  height: 45px;
  line-height: 25px;
  background-color: white;
  font-size: 14px;
  border: 0px;
  box-sizing: border-box;
  font-family: "futura-pt";
  font-weight: 400;
  border-radius: 0px;
  width: 100%;
  margin-bottom: 30px;
}
.popup form .circle,
.popup .popup-box .circle {
  width: 28px;
  height: 28px;
  text-align: center;
  color: white;
  line-height: 22px;
  position: absolute;
  top: 15px;
  right: 15px;
  border: 3px solid white;
  border-radius: 30px;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.popup form .circle:hover,
.popup .popup-box .circle:hover {
  opacity: 0.5;
}
.popup form .btn,
.popup .popup-box .btn {
  width: 100%;
  font-weight: 300 !important;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
body:not(.admin) {
  font-family: "open-sans", sans-serif;
  color: #252A30;
}
body:not(.admin) h1,
body:not(.admin) h2,
body:not(.admin) h3,
body:not(.admin) h4,
body:not(.admin) h5 {
  margin-top: 0;
}
body:not(.admin) h1 {
  font-size: 32px;
  line-height: 41px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  color: #fff;
  padding: 35px;
  text-transform: uppercase;
  font-style: italic;
}
body:not(.admin) h2 {
  font-size: 64px;
  line-height: 55px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  font-style: italic;
  color: #fff;
}
body:not(.admin) h3 {
  font-size: 22px;
  line-height: 34px;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  color: #000000;
}
body:not(.admin) h4 {
  font-size: 24px;
  line-height: 28px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}
body:not(.admin) h5 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 30px;
}
body:not(.admin) h6 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 15px;
  margin-top: 0;
}
body:not(.admin) p,
body:not(.admin) li {
  font-size: 14px;
  line-height: 22px;
  color: #252A30;
  font-family: "open-sans", sans-serif;
}
body:not(.admin) p {
  margin-bottom: 20px;
}
body:not(.admin) li {
  font-weight: 600;
  margin-bottom: 15px;
}
body:not(.admin) ul {
  margin-bottom: 30px;
  padding-left: 15px;
}
body:not(.admin) img {
  max-width: 100%;
  float: none;
}
body:not(.admin) .primary-bg {
  background-color: #2186F6;
  color: #fff;
}
body:not(.admin) .primary {
  color: #2186F6 !important;
}
body:not(.admin) .secondary-bg {
  background-color: #F5F9FF;
  color: #fff;
}
body:not(.admin) .secondary {
  color: #F5F9FF;
}
body:not(.admin) .tertiary-bg {
  background-color: #7C7C7B;
  color: #fff;
}
body:not(.admin) .tertiary-color {
  color: #7C7C7B;
}
body:not(.admin) .grey-bg {
  background-color: #F5F9FF;
}
body:not(.admin) .dark-bg {
  background-color: #252A30;
  color: #fff;
}
body:not(.admin) hr.secondary-color {
  border-color: #F5F9FF;
}
body:not(.admin) .relative {
  position: relative;
}
body:not(.admin) .btn {
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 10px;
  transition: 0.3s background-color;
  margin-bottom: 10px;
  cursor: pointer;
}
body:not(.admin) .btn:hover {
  transition: 0.3s background-color;
}
body:not(.admin) .btn-main {
  background-color: #2186F6;
  font-size: 30px;
  line-height: 30px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  text-transform: none;
  vertical-align: middle;
  height: 85px;
  padding: 27px 30px 10px 30px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}
body:not(.admin) .btn-main:hover {
  background-color: #096ddb;
}
body:not(.admin) .btn-main span {
  font-size: inherit;
}
body:not(.admin) .btn-secondary {
  background-color: #DF2CBE;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  padding: 20px 30px;
  text-transform: uppercase;
  margin: 0px 0 20px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}
body:not(.admin) .btn-secondary:hover {
  background-color: #bc1c9e;
}
body:not(.admin) .display-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
body:not(.admin) .text-left {
  text-align: left;
}
.flex-item {
  display: -ms-flexbox;
  display: flex;
}
.align-center {
  -ms-flex-align: center;
      align-items: center;
}
.justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 991px) {
  body:not(.admin) h1 {
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 53px;
  }
  body:not(.admin) h2 {
    margin-bottom: 20px;
    font-size: 33px;
    line-height: 27px;
  }
  body:not(.admin) h3 {
    font-size: 25px;
    line-height: 27px;
  }
  body:not(.admin) h5 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  body:not(.admin) h1 {
    font-size: 34px;
    line-height: 39px;
  }
  body:not(.admin) h2 {
    font-size: 22px;
    line-height: 28px;
  }
  body:not(.admin) h3 {
    font-size: 18px;
    line-height: 22px;
  }
  body:not(.admin) h6 {
    font-size: 16px;
    line-height: 21px;
  }
  body:not(.admin) li {
    font-weight: 300;
  }
}
.svg-right-arrow {
  color: #fff;
  width: 30px;
  float: right;
  margin-left: 20px;
  position: relative;
  top: 1px;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
body:not(.admin) .footer {
  color: white !important;
}
body:not(.admin) .footer h1 {
  font-size: 24px;
  line-height: 31px;
  float: left;
  padding: 30px 0;
  margin-bottom: 0;
}
body:not(.admin) .footer .logo {
  float: left;
  margin-left: 40px;
  overflow: visible;
}
body:not(.admin) .footer .logo span {
  margin-top: 3px;
}
body:not(.admin) .footer .logo img {
  max-width: 165px;
}
body:not(.admin) .footer .social-icons {
  font-size: 25px;
  padding: 25px 0px;
  text-align: right;
  float: right;
}
body:not(.admin) .footer .social-icons a {
  color: #fff;
  padding-left: 5px;
}
@media (max-width: 992px) {
  body:not(.admin) .footer .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  body:not(.admin) .footer .row h1 {
    display: none;
  }
  body:not(.admin) .footer .row > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  body:not(.admin) .footer .row > div .logo {
    margin: 0px;
    padding: 27px 0;
    float: right;
    max-width: none;
  }
  body:not(.admin) .footer .row .social-icons {
    float: left;
  }
}
@media (max-width: 767px) {
  .top-links,
  .bottom-links {
    display: none;
  }
}
@media (max-width: 767px) {
  .social-links {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  body:not(.admin) footer .logo {
    max-width: 70px;
    margin-top: 5px;
    padding: 15px 0;
  }
  body:not(.admin) footer p {
    margin-bottom: 0;
  }
  body:not(.admin) .footer-wrapper {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.absolute-center {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.questions h1,
.results h1,
.questions h2,
.results h2 {
  margin: 0px;
}
.questions h1,
.results h1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  margin-top: 15px;
}
.questions h2,
.results h2 {
  margin-top: 5px;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  letter-spacing: 0px;
}
.questions-header,
.results-header {
  float: left;
  width: calc(100% - 160px);
  margin-left: 40px;
}
.header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 20;
}
.header .signup-banner {
  width: 100%;
  height: 40px;
  position: absolute;
  top: -40px;
  left: 0px;
  overflow: hidden;
  background-color: #FF7200;
  color: white;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.25s ease-in-out;
}
.header .signup-banner .get-started {
  border: 1px solid #FFFFFF;
  border-radius: 100px !important;
  font-weight: 700;
  margin-left: 20px;
  font-size: 14px;
  padding: 0 5px;
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease-in-out;
  min-height: 0px;
  height: 20px;
  line-height: 20px;
  font-size: 12px !important;
  margin-left: 10px !important;
  background-color: transparent;
}
.header .signup-banner .get-started span {
  font-size: 12px;
  line-height: 20px;
}
.header .signup-banner .get-started:hover {
  background-color: white;
  color: #FF7200;
}
.header .signup-banner .close-signup {
  border: 2px solid #FFFFFF;
  border-radius: 40px;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-left: 40px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  line-height: 15px;
}
.header .signup-banner .close-signup i {
  color: white;
  font-size: 12px;
  transition: all 0.25s ease-in-out;
  width: 17px;
  height: 18px;
  min-height: 0px;
  min-width: 0px;
}
.header .signup-banner .close-signup:hover {
  background-color: white;
}
.header .signup-banner .close-signup:hover i {
  color: #FF7200;
}
.header .navbar {
  width: 100%;
  height: 80px;
  background-color: #474747;
  color: white;
  transition: all 0.25s ease-in-out;
}
.header .navbar .logo {
  height: 80px;
  float: left;
  position: relative;
  z-index: 12;
}
.header .navbar .logo img {
  height: 60px;
  width: auto;
  margin-top: 10px;
}
.header .navbar .logo-mobile img {
  height: 20px;
  width: auto;
  margin-top: 30px;
}
.header .navbar ul {
  list-style: none;
  padding: 0 10%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0px;
}
.header .navbar ul li {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.89px;
  display: block;
}
.header .navbar ul a {
  color: white;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  line-height: 80px;
}
.header .navbar ul a:hover {
  color: #0083B5;
}
.header .nav-toggle {
  width: 80px;
  height: 80px;
  top: 0px;
  right: 0px;
  z-index: 11;
  padding-left: calc(100% - 80px);
  box-sizing: content-box;
  transition: all 0.25s ease-in-out;
}
.header .nav-toggle .c-hamburger {
  transition: all 0.25s ease-in-out;
}
.header .nav-toggle .c-hamburger:hover {
  opacity: 0.7;
}
.show-banner .header .signup-banner {
  top: 0px;
  transition: 0s linear;
}
.show-banner .navbar {
  margin-top: 40px;
  transition: 0s linear;
}
@media (max-width: 992px) {
  .header .signup-banner {
    display: none;
  }
  .header .navbar {
    background-color: transparent;
  }
  .header .navbar ul {
    margin-top: 100px;
    display: block;
  }
  .header .navbar ul li {
    text-align: center;
    margin-bottom: 20px;
    height: 40px;
  }
  .header .nav {
    opacity: 0;
    visibility: visible;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #474747;
    transition: all 0.25s ease-in-out;
    display: none;
  }
  .header.menu-open .nav {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .header.scrolled-mobile .navbar {
    background-color: rgba(71, 71, 71, 0.5);
  }
}
body:not(.admin) .logo {
  padding: 34px 0;
  overflow: hidden;
  text-align: right;
}
body:not(.admin) .logo span {
  color: #fff;
  margin-top: 10px;
  display: inline-block;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}
body:not(.admin) .logo img {
  max-width: 250px;
  float: right;
  margin-left: 15px;
}
body:not(.admin) header.primary {
  background-image: url('/img/home-bg-image-2x.jpg');
  background-size: cover;
}
body:not(.admin) header.primary .top-bar {
  background-color: #252A30;
}
body:not(.admin) header.primary .top-bar h1 {
  margin-bottom: 0px;
  font-size: 32px;
  line-height: 41px;
}
body:not(.admin) header.primary .campaign-headline-wrapper {
  position: relative;
  padding: 150px 0 80px;
}
body:not(.admin) header.primary .campaign-headline-wrapper .intro-text {
  position: relative;
}
body:not(.admin) header.primary .campaign-headline-wrapper .intro-text h2 {
  position: relative;
}
body:not(.admin) header.primary .campaign-headline-wrapper .intro-text img {
  position: absolute;
  top: -52px;
  max-width: 225px;
  left: 62px;
}
body:not(.admin) header.primary .campaign-headline-wrapper img {
  max-width: 650px;
}
body:not(.admin) header.primary .campaign-headline-wrapper h2 {
  margin-bottom: 0;
}
body:not(.admin) header.primary .campaign-headline-wrapper h3 {
  font-size: 36px;
  text-indent: 170px;
  line-height: 55px;
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  margin-bottom: 90px;
}
body:not(.admin) header.primary .campaign-headline-wrapper .start-test {
  width: 360px;
  text-transform: uppercase;
  margin-top: 10px;
}
body:not(.admin) header.primary .campaign-headline-wrapper .start-test svg {
  display: inline-block;
  vertical-align: top;
}
body:not(.admin) nav {
  float: right;
}
body:not(.admin) nav ul {
  margin-bottom: 0;
  list-style-type: none;
  padding-top: 40px;
}
body:not(.admin) nav ul li {
  display: inline-block;
}
body:not(.admin) nav ul li a {
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  padding: 0 20px;
}
body:not(.admin) nav ul li a:hover,
body:not(.admin) nav ul li a:active,
body:not(.admin) nav ul li a:focus {
  color: #F5F9FF;
  text-decoration: none;
}
.mobile-button {
  float: right;
  padding: 10px 0;
  margin-top: 25px;
}
.mobile-button__button {
  background-color: transparent;
  background-image: none;
  border-radius: 3px;
  outline: 0;
  border: none;
  cursor: pointer;
  width: 30px;
  position: relative;
  padding: 0;
  height: 22px;
  margin-right: 15px;
}
.mobile-button__button .mobile-button__line {
  position: absolute;
  height: 2px;
  width: 50%;
  background: #fff;
  margin: 0;
  display: block;
  transform: rotateZ(0deg);
  opacity: 1;
  transition: 0.25s all;
}
.mobile-button__button .mobile-button__line.one {
  top: 0;
  left: 0;
  border-radius: 9px 0 0 9px;
}
.mobile-button__button .mobile-button__line.two {
  top: 0;
  right: 0;
  border-radius: 0 9px 9px 0;
}
.mobile-button__button .mobile-button__line.three {
  top: 50%;
  margin-top: -1px;
  left: 0;
  border-radius: 9px 0 0 9px;
}
.mobile-button__button .mobile-button__line.four {
  top: 50%;
  margin-top: -1px;
  right: 0;
  border-radius: 0 9px 9px 0;
}
.mobile-button__button .mobile-button__line.five {
  bottom: 0;
  left: 0;
  border-radius: 9px 0 0 9px;
}
.mobile-button__button .mobile-button__line.six {
  bottom: 0;
  right: 0;
  border-radius: 0 9px 9px 0;
}
.mobile-button__button .mobile-button--sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.mobile-button__button .mobile-button__button:hover {
  background: transparent;
}
.open .mobile-button__button .mobile-button__line.one {
  top: 4px;
  left: 2px;
  border-radius: 9px 0 0 9px;
  transform: rotateZ(45deg);
}
.open .mobile-button__button .mobile-button__line.two {
  top: 4px;
  right: 2px;
  border-radius: 0 9px 9px 0;
  transform: rotateZ(-45deg);
}
.open .mobile-button__button .mobile-button__line.three {
  top: 11px;
  left: -50%;
  border-radius: 9px 0 0 9px;
  opacity: 0;
}
.open .mobile-button__button .mobile-button__line.four {
  top: 11px;
  right: -50%;
  border-radius: 0 9px 9px 0;
  opacity: 0;
}
.open .mobile-button__button .mobile-button__line.five {
  bottom: 5px;
  left: 2px;
  border-radius: 9px 0 0 9px;
  transform: rotateZ(-45deg);
}
.open .mobile-button__button .mobile-button__line.six {
  bottom: 5px;
  right: 2px;
  border-radius: 0 9px 9px 0;
  transform: rotateZ(45deg);
}
.inside-nav .mobile-button__button .mobile-button__line {
  background: #000;
}
nav a {
  line-height: 26px;
  display: block;
  margin: 11px 0;
}
nav a:hover,
nav a:focus,
nav a:active {
  color: #F5F9FF;
  text-decoration: none;
}
nav.nav-primary {
  position: fixed;
  width: 100%;
  background-color: #fff;
  left: 100%;
  z-index: 100;
  top: 0;
  opacity: 0;
  height: 100%;
  transition: 0.4s opacity;
  padding: 0 15px;
  overflow: scroll;
}
nav.nav-primary ul {
  padding: 10px 0;
  margin: 0;
  list-style-type: none;
}
nav.nav-primary ul li {
  display: block;
  overflow: hidden;
  position: relative;
}
nav.nav-primary ul li.fa:before {
  position: absolute;
  left: 60px;
  font-size: 26px;
  top: 5px;
}
.fade-one nav.nav-primary {
  left: 0;
}
.fade-two nav.nav-primary {
  opacity: 1;
  transition: 0.4s opacity;
}
nav.secondary {
  float: left;
  margin-top: 10px;
}
nav.secondary li {
  float: left;
}
nav.secondary li:first-child a {
  border-left: none;
}
nav.secondary li a {
  color: #39393A;
  display: block;
  border-left: 1px solid #39393A;
  padding: 0 5px;
  margin: 0;
  line-height: 14px;
}
nav.secondary li a:hover,
nav.secondary li a:active,
nav.secondary li a:focus {
  color: #39393A;
}
@media (min-width: 15000px) {
  .logged-in.admin-bar nav.nav-primary {
    padding-top: 35px;
  }
  nav.nav-primary {
    position: relative;
    background-color: transparent;
    left: 0;
    overflow: visible;
    opacity: 1;
    width: auto;
  }
  nav.nav-primary ul {
    overflow: hidden;
    float: right;
  }
  nav.nav-primary ul li {
    float: left;
  }
  nav.nav-primary ul li a {
    padding: 0 10px;
  }
  nav.nav-primary ul li a:hover,
  nav.nav-primary ul li a:focus,
  nav.nav-primary ul li a:active {
    text-decoration: underline;
  }
  nav.nav-primary ul li.fa {
    padding-right: 30px;
  }
  nav.nav-primary ul li.fa:before {
    left: 50px;
    font-size: 19px;
    top: 13px;
  }
  nav.secondary {
    float: right;
  }
}
@media (max-width: 15000px) {
  body:not(.admin) nav .logo {
    padding: 5px 10px 5px !important;
  }
  body:not(.admin) nav ul li {
    display: block;
  }
  body:not(.admin) nav ul li a {
    color: #252A30;
  }
}
@media (min-width: 992px) {
  body:not(.admin) header.primary .hide-for-tablet {
    display: block;
  }
  body:not(.admin) header.primary .hide-for-desktop {
    display: none;
  }
}
@media (max-width: 1200px) {
  body.home:not(.admin) header.primary .campaign-headline-wrapper .intro-text img {
    top: -40px;
    max-width: 200px;
    left: -20px;
  }
}
@media (max-width: 992px) {
  body:not(.admin) header.primary .logo {
    padding: 12px 0 !important;
  }
  body.home:not(.admin) header.primary .top-bar {
    background-color: transparent;
  }
  body.home:not(.admin) header.primary .hide-for-tablet {
    display: none;
  }
  body.home:not(.admin) header.primary .hide-for-desktop {
    display: block;
  }
  body.home:not(.admin) header.primary .hide-for-desktop .logo {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 70px;
  }
  body.home:not(.admin) header.primary .hide-for-desktop .logo img {
    float: none;
  }
  body.home:not(.admin) header.primary .hide-for-desktop h1 {
    text-align: center;
    font-size: 50px;
    padding-bottom: 20px;
  }
  body.home:not(.admin) header.primary .campaign-headline-wrapper {
    padding: 0px;
  }
  body.home:not(.admin) header.primary .campaign-headline-wrapper h3 {
    font-size: 22px !important;
    position: relative;
    top: -12px;
    text-indent: 0px;
    max-width: 320px;
    margin: 0 auto;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 90px;
  }
  body.home:not(.admin) header.primary .campaign-headline-wrapper .intro-text img {
    display: none;
  }
}
@media (max-width: 750px) {
  body.questions:not(.admin) header.primary .top-bar h1 {
    font-size: 14px;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  body.questions:not(.admin) header.primary .top-bar .logo {
    padding: 25px 0 !important;
  }
  body.questions:not(.admin) header.primary .top-bar .logo span {
    display: block;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: -4px;
  }
  body.questions:not(.admin) header.primary .top-bar .logo img {
    max-width: 145px;
  }
}
@media (max-height: 800px) and (max-width: 768px) {
  body:not(.admin).home header.primary {
    height: calc(100% - 85px);
  }
  body:not(.admin) header.primary .translateY {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  body:not(.admin) header.primary .translateY .top-bar .container .hide-for-desktop .col-xs-12 .logo {
    margin-bottom: 0px !important;
  }
  body:not(.admin) .sign-up-modal .validate button {
    margin-top: 10px;
  }
}
@media (max-height: 500px) and (max-width: 768px) {
  body:not(.admin) header.primary {
    height: calc(500px - 85px);
  }
  body:not(.admin) header.primary .translateY {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.home .landing-header {
  display: block;
}
.home section {
  padding: 50px 0;
  position: relative;
}
.home .banner {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('http://lorempixel.com/1000/1000');
  padding: 0px;
  padding-bottom: 120px;
}
.home .banner .container {
  height: calc(100% - 80px);
}
.home .banner h1 {
  color: white;
  margin-bottom: 10px;
  line-height: 48px;
  margin-top: 0px;
}
.home .banner .banner-text {
  height: calc(100vh - 330px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.home .banner .banner-text .btn {
  max-width: 450px;
}
.home .scorecard {
  background-color: #F1F1F1;
  padding-bottom: 100px;
}
.home .scorecard h2 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.home .scorecard .ipad {
  width: 735px;
  position: absolute;
  bottom: 50px;
  right: 0px;
}
.home .scorecard .ipad img {
  width: 735px;
  height: auto;
}
.home .service-method {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  background-color: #F4F4F4;
}
.home .service-method img {
  margin: 0 auto;
  display: block;
  width: 230px;
}
.home .cta-banner {
  background-color: #FF7200;
  padding: 30px 0;
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.home .cta-banner md-icon {
  line-height: 14px;
  color: white;
}
.home .cta-banner:hover {
  opacity: 0.8;
}
.home .measures {
  background-color: #F4F4F4;
}
.home .measures .container {
  background-color: white;
  margin-top: -100px;
  padding: 0px;
}
.home .measures .measures-banner {
  width: 100%;
  height: 300px;
  background-image: url('http://lorempixel.com/1000/500');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home .measures .measures-banner h2 {
  color: white;
  width: 330px;
  margin-left: 110px;
  padding-top: 40px;
  margin-top: 0px;
}
.home .measures h3 {
  font-weight: 300;
  font-size: 24px;
  color: #0083B5;
  letter-spacing: 0.8px;
  text-align: center;
}
.home .measures .measures-list {
  width: 70%;
  margin: 0 auto;
  padding: 50px 0;
}
.home .measures .measure .title {
  border-bottom: 1px dashed #FF7200;
  padding-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.home .measures .measure h3 {
  color: #0083B5;
  font-size: 22px;
  margin: 0px;
  font-weight: 700;
  margin-top: 35px;
}
.home .measures .measure img {
  width: auto;
  height: 50px;
}
.home .discover {
  background-color: white;
  padding-bottom: 50px;
}
.home .discover h2 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.home .discover p {
  margin-bottom: 70px;
}
.home .discover img {
  width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  .home body:not(.admin) .start-cta h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .home body:not(.admin) .final-cta-wrapper {
    min-height: 320px;
  }
}
@media (max-width: 992px) {
  .home .sign-up-modal .sign-up-modal__header h2 {
    line-height: 55px !important;
  }
}
@media (max-width: 992px) {
  .home body:not(.admin) .sign-up-modal .sign-up-modal__header h2 {
    line-height: 55px;
  }
  .home .banner {
    height: calc(100vh - 80px);
    padding-bottom: 0px;
  }
  .home .scorecard .ipad {
    width: 460px;
  }
  .home .scorecard .ipad img {
    width: 460px;
  }
  .home section {
    padding: 25px 0;
  }
  .home .banner {
    height: 100vh;
    text-align: center;
  }
  .home .banner .container {
    height: 100vh;
  }
  .home .banner h1 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .home .banner .mobile img {
    width: 120px;
  }
  .home .banner .mobile p {
    color: white;
    margin-top: 0px;
  }
  .home .banner .btn-tertiary {
    background-color: rgba(200, 200, 200, 0.5);
    color: white;
  }
  .home .banner .btn-tertiary:hover {
    background-color: rgba(150, 150, 150, 0.5);
  }
  .home .banner .mob-button {
    width: 100%;
    max-width: 300px;
  }
  .home .banner .fixed-to-banner {
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
  }
  .home .scorecard {
    padding-bottom: 25px;
    text-align: center;
  }
  .home .scorecard .ipad {
    display: none;
  }
  .home .info {
    text-align: center;
    padding-bottom: 0px;
  }
  .home .info .info-item {
    margin-bottom: 20px;
  }
  .home .info .circle {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .home .info h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .home .cta-banner {
    margin: 15px;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 18px;
  }
  .home .cta-banner md-icon {
    display: none;
  }
  .home .measures {
    background-color: white;
    text-align: center;
    padding-bottom: 0px;
  }
  .home .measures .container {
    background-color: white;
    margin-top: 0px;
    padding: 15px;
  }
  .home .measures .measures-banner {
    display: none;
  }
  .home .measures .star-tablet {
    max-width: 200px;
    margin-bottom: 30px;
  }
  .home .measures h2 {
    margin-top: 0px;
  }
  .home .measures h3 {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.6px;
    text-align: center;
  }
  .home .measures .measures-list {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }
  .home .measures .measure {
    margin-bottom: 30px;
  }
  .home .measures .measure .title {
    border-bottom: 1px dashed #FF7200;
    padding-bottom: 5px;
    display: block;
  }
  .home .measures .measure h3 {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
  }
  .home .measures .measure img {
    display: none;
  }
  .home .discover {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 25px;
  }
  .home .discover p {
    margin-bottom: 10px;
  }
}
body:not(.admin) {
  margin-top: 0 !important;
}
body:not(.admin) .color-white {
  color: white;
}
body:not(.admin) .color-white p {
  color: white;
}
body:not(.admin) .content-headline {
  margin-bottom: 50px;
  margin-top: 43px;
}
body:not(.admin) .questions-wrapper {
  position: relative;
  margin-top: 50px;
}
body:not(.admin) .questions-wrapper .pdf-cover {
  position: relative;
  left: 0;
  max-width: 189px;
  margin-right: 30px;
  top: -15px;
  float: left;
}
body:not(.admin) .questions-wrapper .content {
  margin-top: 20px;
  overflow: auto;
}
body:not(.admin) .questions-wrapper .content h4 {
  color: #2186F6;
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
  text-transform: uppercase;
}
body:not(.admin) .questions-wrapper .content p {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 19px;
}
body:not(.admin) .card {
  background-color: #FAFAFA;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
body:not(.admin) .card p {
  padding: 18px;
  margin-bottom: 0px;
}
body:not(.admin) .testimonial .test-img {
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
body:not(.admin) .testimonial span {
  color: #706F6F;
}
body:not(.admin) .success {
  padding-bottom: 100px;
  border-top: 1px solid #E7E7E7;
}
body:not(.admin) .success h3 {
  margin-bottom: 50px;
}
body:not(.admin) .strengths {
  padding-top: 85px;
}
body:not(.admin) .strengths .headline p {
  color: #2186F6;
  font-size: 22px;
  line-height: 29px;
  font-family: 'Futura';
  margin-bottom: 20px !important;
}
body:not(.admin) .strengths .headline h3 {
  margin-bottom: 50px;
  font-size: 36px;
}
body:not(.admin) .strengths .container {
  max-width: 950px;
}
body:not(.admin) .strengths .container > .row {
  margin-bottom: 35px;
}
body:not(.admin) .strengths .container > .row p {
  margin-bottom: 0px;
}
body:not(.admin) .strengths .success-item {
  position: relative;
}
body:not(.admin) .strengths .success-icon {
  background: #2186F6;
  max-width: 68px;
  position: absolute;
  padding: 7px;
  top: 7px;
  width: 100%;
}
body:not(.admin) .strengths .success-icon img {
  max-width: 100%;
  max-height: 54px;
}
body:not(.admin) .strengths .success-point-content {
  padding-left: 98px;
}
body:not(.admin) .strengths .success-point-content h4 {
  margin-bottom: 4px;
}
body:not(.admin) .strengths-banner {
  position: relative;
  z-index: 99;
}
body:not(.admin) .strengths-banner .btn {
  text-transform: uppercase;
  position: relative;
}
body:not(.admin) .start-cta {
  background-color: #2186F6;
  padding: 0;
}
body:not(.admin) .start-cta .btn {
  background: transparent;
  margin-bottom: 0;
}
body:not(.admin) .start-cta .btn:hover,
body:not(.admin) .start-cta .btn:focus,
body:not(.admin) .start-cta .btn:active {
  background-color: transparent;
}
body:not(.admin) .start-cta:hover,
body:not(.admin) .start-cta:focus,
body:not(.admin) .start-cta:active {
  background-color: #096ddb;
}
body:not(.admin) .final-cta {
  background-image: url('/img/footer-img.jpg');
  background-size: cover;
  padding-bottom: 0;
}
body:not(.admin) .final-cta .headline h4 {
  color: #fff;
  font-size: 24px;
}
body:not(.admin) .final-cta .headline p {
  color: #fff;
  margin-bottom: 15px;
}
body:not(.admin) .final-cta .headline span {
  font-style: italic;
  color: #fff;
  font-weight: 700;
}
body:not(.admin) .final-cta .col-sm-4:first-child .final-cta-wrapper {
  padding-top: 40px;
  text-align: center;
}
body:not(.admin) .final-cta .final-cta-wrapper {
  background-color: #114A89;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  padding: 25px;
  margin-top: 30px;
  height: 290px;
  text-align: center;
}
body:not(.admin) .final-cta .final-cta-wrapper .cta-svg.first {
  max-width: 160px;
  width: 100%;
  margin-bottom: 30px;
}
body:not(.admin) .final-cta .final-cta-wrapper .cta-svg.second,
body:not(.admin) .final-cta .final-cta-wrapper .cta-svg.third {
  max-width: 95px;
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
body:not(.admin) .final-cta .final-cta-wrapper h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 10px;
}
body:not(.admin) .final-cta .final-cta-wrapper p {
  color: #fff;
}
body:not(.admin) .final-cta .col-sm-4:nth-child(3) .final-cta-wrapper {
  padding-bottom: 10px;
}
body:not(.admin) .final-cta .next-arrow {
  background-color: #009688;
  border-radius: 50%;
  padding: 5px;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-15px);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  z-index: 999;
}
body:not(.admin) .final-cta .next-arrow .svg-right-arrow {
  margin: 0;
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
body:not(.admin) .final-cta .cta-bottom {
  padding-top: 70px;
}
body:not(.admin) .final-cta .cta-bottom p {
  color: #fff;
  font-size: 18px;
  font-family: 'open-sans';
  font-weight: bold;
}
body:not(.admin) .final-cta .cta-bottom p a {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 992px) {
  body:not(.admin) .hero-box {
    position: relative;
    bottom: -24px;
  }
  body:not(.admin) .hero-box h3 {
    color: #fff;
  }
  body:not(.admin) .hero-box:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 24px solid #8A0917;
    z-index: -1;
    bottom: 0;
  }
}
body:not(.admin) .phases h3 {
  margin-bottom: 30px;
  font-family: 'HelveticaNeueW01-Thin';
  font-weight: 100;
}
body:not(.admin) .phases h4 {
  color: #252A30;
  margin-left: 15px;
}
body:not(.admin) .phases p {
  margin-top: 20px;
}
body:not(.admin) .phases h4 {
  margin-bottom: 0;
}
body:not(.admin) .flex-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
body:not(.admin) .close-button {
  position: absolute;
  top: 15px;
  right: 15px;
}
body:not(.admin) .sign-up-modal {
  padding-bottom: 10px !important;
  background-color: #2186F6;
  width: 100%;
  max-width: 750px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  z-index: 999;
  padding: 40px 15px;
}
body:not(.admin) .sign-up-modal .sign-up-modal__header h2 {
  font-size: 50px !important;
  margin-bottom: 0px;
  font-style: normal;
}
body:not(.admin) .sign-up-modal .sign-up-modal__header span {
  font-family: 'futura-pt';
  font-style: italic;
  font-weight: 700;
  color: #fff;
  font-size: 22px;
}
body:not(.admin) .sign-up-modal .sign-up-modal__header p {
  font-family: 'futura-pt';
  font-size: 18px;
}
body:not(.admin) .sign-up-modal form {
  max-width: 575px;
  display: block;
  margin: 0 auto;
}
body:not(.admin) .sign-up-modal a {
  color: #fff;
}
body:not(.admin) .sign-up-modal a:hover,
body:not(.admin) .sign-up-modal a:focus,
body:not(.admin) .sign-up-modal a:active {
  color: #fff;
  text-decoration: underline;
}
body:not(.admin) .sign-up-modal img {
  max-height: 150px;
  margin: 0 auto 30px;
}
body:not(.admin) .sign-up-modal .close-button {
  color: #fff;
}
body:not(.admin) .sign-up-modal .form-item {
  width: calc(50% - 15px);
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
}
body:not(.admin) .sign-up-modal .form-item input {
  width: 100%;
  background-color: #E7E7E7;
  border: 2px solid transparent;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  height: 43px;
}
body:not(.admin) .sign-up-modal .form-item:nth-child(even) {
  margin-left: 15px;
  margin-right: 0;
}
body:not(.admin) .sign-up-modal .form-item ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #1F2A2F;
}
body:not(.admin) .sign-up-modal .form-item ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1F2A2F;
}
body:not(.admin) .sign-up-modal .form-item :-ms-input-placeholder {
  /* IE 10+ */
  color: #1F2A2F;
}
body:not(.admin) .sign-up-modal .form-item :-moz-placeholder {
  /* Firefox 18- */
  color: #1F2A2F;
}
body:not(.admin) .sign-up-modal select {
  width: 100%;
  background-color: #E7E7E7;
  border: 2px solid transparent;
  height: 43px;
  border-radius: 0px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  outline: 0;
  float: right;
}
body:not(.admin) .sign-up-modal input::-webkit-input-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal input:-moz-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal input::-moz-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal input:-ms-input-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal select::-webkit-input-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal select:-moz-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal select::-moz-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal select:-ms-input-placeholder {
  color: #434343 !important;
}
body:not(.admin) .sign-up-modal .validate {
  clear: both;
}
body:not(.admin) .sign-up-modal .validate button {
  background-color: #DF2CBE;
  font-size: 22px;
  font-family: "futura-pt";
  text-transform: uppercase;
  vertical-align: middle;
  margin-top: 40px;
  margin-bottom: 50px;
  height: 59px;
  padding: 0px 30px 0px 30px;
}
body:not(.admin) .sign-up-modal .validate button svg {
  display: inline-block;
  vertical-align: inherit;
}
body:not(.admin) .sign-up-modal .sign-up-modal__header {
  margin-bottom: 30px;
}
body:not(.admin) .sign-up-modal h2 {
  color: #fff;
  margin-bottom: 20px;
}
body:not(.admin) .sign-up-modal p {
  color: #fff;
}
body:not(.admin) .sign-up-modal .close-button {
  position: absolute;
  top: 15px;
  right: 15px;
}
body:not(.admin) .sign-up-modal .loader {
  display: none;
}
body:not(.admin) .sign-up-modal .loader img {
  height: 35px;
}
@media (max-width: 1200px) {
  body:not(.admin) .final-cta-wrapper {
    height: 320px !important;
  }
}
@media (max-width: 767px) {
  body:not(.admin) .sign-up-modal {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 15px;
  }
  body:not(.admin) .sign-up-modal img {
    max-width: 100px;
    margin-bottom: 20px;
  }
  body:not(.admin) .sign-up-modal .form-item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body:not(.admin) .sign-up-modal select {
    width: 100%;
    float: none;
  }
}
@media (max-width: 767px) {
  html {
    height: 100%;
  }
  body:not(.admin) {
    height: 100%;
  }
  body:not(.admin) header.primary > .container {
    position: relative;
  }
  body:not(.admin) header.primary > .container .absolute-row {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
  }
  body:not(.admin) header.primary .logo {
    padding-bottom: 20px;
  }
  body:not(.admin) header.primary .logo.small {
    max-width: 50px;
    float: right;
    padding-top: 10px;
  }
  body:not(.admin) .flex-wrap {
    display: block;
  }
  body:not(.admin) .start-cta h3 {
    font-size: 16px;
    line-height: 22px;
  }
  body:not(.admin) .start-cta .hero-box {
    padding: 10px 30px;
  }
  body:not(.admin) .start-cta .flex-item {
    display: block;
  }
  body:not(.admin) .start-cta .flex-item .col-sm-6 {
    padding: 0;
  }
  body:not(.admin) .start-cta .flex-item .btn {
    width: 100%;
    margin-bottom: 0;
  }
  body:not(.admin) .phases p {
    clear: both;
  }
  body:not(.admin) .phases img {
    margin-bottom: 10px;
  }
  body:not(.admin) .phases h4 {
    float: left;
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
  }
  body:not(.admin) .modal {
    overflow: hidden;
  }
  body:not(.admin) .modal .sign-up-modal hr {
    display: none;
  }
}
@media (max-width: 992px) {
  body:not(.admin) .content-headline {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  body:not(.admin) .content h3 {
    font-size: 16px;
  }
  body:not(.admin) .content .container .flex-item {
    display: block;
  }
  body:not(.admin) .content .container p {
    margin-bottom: 0px;
  }
  body:not(.admin) .content .container .left {
    padding-right: 15px;
  }
  body:not(.admin) .content .container .card {
    max-width: 352px;
    margin: 0 auto;
    margin-bottom: 100px;
  }
  body:not(.admin) .content .container .card img {
    position: relative;
    max-width: none;
    display: block;
    top: 0px;
    margin: 0 auto;
    max-height: 136px;
    width: 100%;
  }
  body:not(.admin) .content .half-column {
    width: 100% !important;
  }
  body:not(.admin) .questions-wrapper .content {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 15px;
  }
  body:not(.admin) .questions-wrapper .content h4 {
    text-align: center;
    margin-bottom: 15px;
  }
  body:not(.admin) .questions-wrapper .content p {
    display: inline;
  }
  body:not(.admin) .success h3 {
    font-size: 16px !important;
    margin-top: 10px;
    margin-bottom: 40px;
  }
  body:not(.admin) .success .testimonial span {
    margin-bottom: 40px;
    display: block;
  }
  body:not(.admin) .strengths-banner .text-center {
    padding: 0px;
  }
  body:not(.admin) .strengths-banner .btn-main {
    font-size: 22px;
    width: 100%;
    padding: 35px 30px 35px 30px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  body:not(.admin) .strengths-banner .btn-main span {
    font-size: inherit;
    -ms-flex: 1;
        flex: 1;
    text-align: left;
  }
  body:not(.admin) .strengths-banner .btn-main svg {
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
  }
  body:not(.admin) .strengths .headline {
    margin-bottom: 0px;
  }
  body:not(.admin) .strengths .headline p {
    font-size: 16px;
    margin-top: -20px;
    smargin-bottom: 15px !important;
  }
  body:not(.admin) .strengths .headline h3 {
    line-height: 35px;
    font-weight: 200;
    font-size: 24px;
    margin-bottom: 30px;
  }
  body:not(.admin) .strengths .success-item {
    margin-bottom: 22px;
  }
  body:not(.admin) .strengths .success-item .success-icon {
    max-width: 48px;
  }
  body:not(.admin) .strengths .success-item .success-point-content {
    padding-left: 85px;
  }
  body:not(.admin) .start-cta .btn-main {
    font-size: 22px;
    width: 100%;
    padding: 35px 30px 35px 30px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  body:not(.admin) .start-cta .btn-main span {
    font-size: inherit;
    -ms-flex: 1;
        flex: 1;
    text-align: left;
  }
  body:not(.admin) .start-cta .btn-main svg {
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
  }
  body:not(.admin) .final-cta .headline .col-sm-6 {
    width: 100%;
  }
  body:not(.admin) .final-cta .headline h4 {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
  }
  body:not(.admin) .final-cta .headline p {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 22px;
    margin-top: 18px;
    font-family: 'open-sans';
  }
  body:not(.admin) .final-cta .headline span {
    width: 100%;
    text-align: center;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-family: 'open-sans';
    font-weight: 400;
  }
  body:not(.admin) .final-cta .final-cta-items .final-cta-wrapper {
    text-align: center;
  }
  body:not(.admin) .final-cta .final-cta-items .col-sm-4:first-child .final-cta-wrapper {
    padding-top: 80px;
  }
  body:not(.admin) .final-cta .final-cta-items .col-sm-4 {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    float: none;
  }
  body:not(.admin) .final-cta .final-cta-items .next-arrow {
    position: absolute;
    top: 275px;
    left: 0;
    right: 0;
    transform: none;
    margin-left: auto;
    margin-right: auto;
  }
  body:not(.admin) .final-cta .final-cta-items .next-arrow svg {
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
  }
}
@media (max-width: 767px) {
  body:not(.admin) .questions-wrapper {
    text-align: center;
  }
  body:not(.admin) .questions-wrapper .pdf-cover {
    max-width: 140px !important;
    float: none !important;
    margin-top: -65px;
    margin-right: 0px;
  }
  body:not(.admin) .card img {
    max-height: 214px !important;
  }
  body:not(.admin) .cta-bottom {
    padding-top: 45px;
    padding-left: 0px;
    padding-right: 0px;
  }
  body:not(.admin) .cta-bottom .btn-secondary {
    font-size: 22px;
    width: 100%;
    padding: 35px 30px 35px 30px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0px !important;
  }
  body:not(.admin) .cta-bottom .btn-secondary span {
    font-size: inherit;
    -ms-flex: 1;
        flex: 1;
    text-align: left;
  }
  body:not(.admin) .cta-bottom .btn-secondary svg {
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
  }
  body:not(.admin) .cta-bottom p {
    color: #000 !important;
    background-color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    margin-bottom: 0px !important;
  }
}
.form-item {
  position: relative;
}
.form-item input,
.form-item select {
  transition: 0.3s border;
}
input.error,
select.error {
  border: 2px solid #ff0000 !important;
}
input.valid,
select.valid {
  border: 2px solid #35cd00 !important;
}
label.error {
  background: #ff0000;
  color: white;
  display: block;
  padding: 2px 0;
  clear: both;
  position: absolute;
  width: 100%;
  top: 40px;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.questions header.primary {
  background-image: none !important;
}
.questions header.primary {
  height: auto !important;
}
.questions .coloured-container {
  background-color: #F4F4F4;
  width: 100%;
}
.questions .row {
  max-width: 1050px;
  margin: 0 auto;
}
.questions .questions-container {
  padding: 40px 60px;
  padding-bottom: 120px;
  display: -ms-flexbox;
  display: flex;
}
.questions .questions-container .left {
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
}
.questions .questions-container .left h6 {
  font-family: 'futura-pt';
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 20px;
}
.questions .questions-container .left .question {
  display: none;
  min-height: 164px;
  font-size: 30px;
  font-family: 'open-sans';
  font-weight: 100;
  line-height: 41px;
}
.questions .questions-container .left .question.active {
  display: block;
}
.questions .questions-container .left .answer-box .answer {
  margin-right: 30px;
  width: 175px !important;
  display: inline-block;
  padding: 12px 30px 11px 30px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  height: 65px;
  cursor: pointer;
}
.questions .questions-container .left .answer-box .answer svg {
  width: 48px;
  vertical-align: inherit;
  display: inline-block;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.questions .questions-container .left .answer-box .yes {
  transition: all 0.2s;
}
.questions .questions-container .left .answer-box .yes:active {
  background-color: rgba(33, 134, 246, 0.7);
}
.questions .questions-container .left .answer-box .no {
  background-color: #DF2CBE;
  transition: all 0.2s;
}
.questions .questions-container .left .answer-box .no:hover {
  background-color: #c73290;
}
.questions .questions-container .left .answer-box .no:active {
  background-color: rgba(223, 44, 190, 0.7);
}
.questions .questions-container .left .answer-box .prev-question-btn {
  color: #333;
  text-decoration: underline;
  position: relative;
  display: block;
  margin-top: 20px;
}
.questions .questions-container .left .loader {
  display: none;
  position: relative;
  width: 100px;
  margin: 0 auto;
  top: 30px;
  margin-bottom: 35px;
}
.questions .questions-container .right {
  -ms-flex: 1 !important;
      flex: 1 !important;
  text-align: right;
}
.questions .questions-container .right .current-score {
  display: inline-block;
  position: relative;
}
.questions .questions-container .right .current-score svg {
  width: 360px;
}
.questions .questions-container .right .current-score p {
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 27px;
  font-family: 'futura-pt';
  color: #DF2CBE;
  font-weight: 700;
  text-align: center;
}
.questions .footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}
@media (max-width: 992px) {
  body.questions:not(.admin) .questions-footer {
    margin-bottom: 0px;
  }
  body.questions:not(.admin) .questions-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.questions:not(.admin) .questions-container .left h6 {
    font-size: 16px;
  }
  body.questions:not(.admin) .questions-container .left .question {
    font-size: 24px;
    line-height: 30px;
  }
  body.questions:not(.admin) .questions-container .left .answer {
    margin-right: 6px;
    width: 125px !important;
    padding: 11px 30px 11px 30px;
    font-size: 18px;
    height: 48px;
  }
  body.questions:not(.admin) .questions-container .left .answer svg {
    width: 30px;
  }
}
@media (max-width: 770px) {
  body.questions:not(.admin) .questions-footer .book-icon {
    display: none;
  }
  body.questions:not(.admin) .questions-footer p {
    font-size: 18px !important;
    font-family: 'open-sans' !important;
    line-height: 21px !important;
    margin-top: 17px;
    position: relative;
    left: 0px;
    font-weight: 700;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (max-width: 640px) {
  body.questions:not(.admin) .coloured-container {
    max-width: 95%;
    margin: 0 auto;
  }
  body.questions:not(.admin) .questions-container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  body.questions:not(.admin) .questions-container .left {
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 30px;
    max-width: 270px;
  }
  body.questions:not(.admin) .questions-container .right {
    max-width: 270px;
  }
  body.questions:not(.admin) .questions-container .right svg {
    width: 100%;
  }
}
@media screen and (max-height: 750px) {
  .questions .footer {
    position: relative;
    width: 100%;
    bottom: 0;
  }
}
.questions-footer {
  background-color: #E5E5E5 !important;
  width: 100%;
  margin-bottom: 0px;
}
.questions-footer .row {
  max-width: 1000px;
  margin: 0 auto;
}
.questions-footer p {
  font-size: 18px !important;
  font-family: 'open-sans' !important;
  line-height: 21px !important;
  margin-top: 49px;
  position: relative;
  left: -33px;
  font-weight: 700;
  -webkit-font-smoothing: subpixel-antialiased;
}
.questions-footer .book-icon {
  position: relative;
  top: -50px;
}
.questions-footer .book-icon img {
  max-height: 140px;
}
@media (min-height: 840px) {
  body.questions:not(.admin) header.primary {
    padding-bottom: 40px;
  }
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
.chart {
  position: relative;
}
.chart strong {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 35px;
}
.results header.primary {
  height: auto !important;
}
.results header.primary {
  background-image: none !important;
}
.results header.primary h1 {
  font-size: 24px !important;
  font-style: normal;
}
.results header.primary .logo {
  padding-bottom: 0px;
}
.results .container-total {
  margin-top: 60px;
}
.results .container-total .counter {
  position: relative;
  margin-bottom: 31px;
}
.results .container-total .counter img {
  position: relative;
}
.results .container-total .counter span {
  position: absolute;
  top: 35%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  font-family: 'futura-pt';
  font-weight: 700;
  font-size: 18px;
  font-style: normal;
  text-transform: uppercase;
}
.results .container-total .counter h1 {
  position: absolute;
  top: 53%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  font-family: 'futura-pt';
  font-weight: 700;
  font-size: 72px;
  color: #DF2CBE !important;
  font-style: normal;
}
.results .container-total h4 {
  font-family: 'futura-pt';
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.results .container-total h5 {
  font-family: 'open-sans';
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #2186F6;
  margin-bottom: 10px;
}
.results .container-total h5 a {
  color: #2186F6;
  text-decoration: underline;
  font-size: 14px;
}
.results .container-total p {
  line-height: 19px;
  margin-bottom: 10px;
}
.results .charts {
  margin-top: 54px;
}
.results .charts .score-chart {
  text-align: left;
}
.results .charts .score-chart .icon {
  background-color: #2186F6;
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}
.results .charts .score-chart .icon img {
  max-height: 55px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin: 0 auto;
}
.results .charts .score-chart h4 {
  font-size: 18px;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.results .charts .score-chart p {
  line-height: 19px;
  height: 70px;
  max-width: 185px;
}
.results .charts .score-chart .score {
  font-family: 'futura-pt';
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  height: auto;
  max-width: none;
}
.results .charts .score-chart .score span {
  font-size: 36px;
  color: #DF2CBE;
  margin-left: 20px;
}
.results .page-results {
  background-color: #0083B5;
  margin-bottom: 190px;
}
.results .page-results h6 {
  font-weight: 700;
  font-size: 18px;
  color: #1F2A2F;
  text-align: center;
  margin-top: 20px;
}
.results .page-results .social-links {
  width: 260px;
  margin: 20px auto;
}
.results .page-results .social-links .link {
  margin: 0 5px;
  float: left;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 40px;
  text-align: center;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.results .page-results .social-links .link.facebook {
  background-color: #3B5998;
}
.results .page-results .social-links .link.twitter {
  background-color: #55ACEE;
}
.results .page-results .social-links .link.linkedin {
  background-color: #0077B5;
}
.results .page-results .social-links .link.pinterest {
  background-color: #BD081C;
}
.results .page-results .social-links .link.google-plus {
  background-color: #DC4E41;
}
.results .page-results .social-links .link i {
  font-size: 24px;
  line-height: 40px;
  color: white;
  transition: all 0.25s ease-in-out;
}
.results .page-results .social-links .link:hover {
  background-color: white;
}
.results .page-results .social-links .link:hover i {
  color: #0083B5;
}
.results .results-box {
  background-color: #F4F4F4;
  padding: 100px 15px;
  padding-top: 15px;
  position: relative;
  bottom: -50px;
}
.results .results-box .section .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  color: #1F2A2F;
  letter-spacing: 0.66px;
}
.results .results-box h3 {
  font-weight: 400;
  font-size: 24px;
  color: #1F2A2F;
  letter-spacing: 0.34px;
  line-height: 33px;
}
.results .results-box h4 {
  font-weight: 400;
  font-size: 18px;
  color: #FF7200;
  letter-spacing: 0.2px;
  line-height: 26px;
}
.results .results-box .change-email {
  font-weight: 700;
  display: inline;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.results .results-box .change-email:hover {
  opacity: 0.5;
}
@media (max-width: 992px) {
  .results .page-results {
    padding-top: 80px;
  }
}
body:not(.admin) header.results {
  padding: 30px 0;
}
body:not(.admin) header.results h2 {
  margin-bottom: 0;
}
body:not(.admin) .results {
  margin-bottom: 50px;
}
body:not(.admin) .results h1 {
  font-size: 90px;
  line-height: 103px;
  font-family: 'HelveticaNeueETW01-75Bd';
  margin-bottom: 50px;
}
body:not(.admin) .score-chart {
  position: relative;
  text-align: center;
}
body:not(.admin) .score-chart h6 {
  font-size: 18px;
  line-height: 21px;
  font-family: 'HelveticaNeueETW01-45Lt';
  letter-spacing: -1px;
}
body:not(.admin) .chart-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body:not(.admin) .voucher {
  margin-top: 20px;
}
body:not(.admin) .tip {
  position: absolute;
  width: 230px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #2186F6;
  color: #FFFFFF;
  padding: 10px 20px 20px 20px;
  opacity: 0;
  z-index: -1;
  transition: 0.3s opacity;
  text-align: center;
}
body:not(.admin) .tip p {
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 17px;
}
body:not(.admin) .tip p b {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}
body:not(.admin) .tip.left {
  left: 63%;
  top: 85%;
}
body:not(.admin) .tip.left img {
  position: absolute;
  left: -27px;
  top: -27px;
  z-index: -1;
}
body:not(.admin) .tip.right {
  right: 63%;
  top: 85%;
}
body:not(.admin) .tip.right img {
  position: absolute;
  right: -27px;
  top: -27px;
  z-index: -1;
}
body:not(.admin) .score-chart {
  margin-bottom: 15px;
}
body:not(.admin) .score-chart:hover .tip {
  opacity: 1;
  margin-top: 0px;
  z-index: 10000;
  transition: 0.3s opacity;
}
body:not(.admin) .results-content {
  margin-bottom: 85px;
}
body:not(.admin) .results-content h5,
body:not(.admin) .results-content a {
  font-size: 20px;
  line-height: 22px;
  color: #252A30;
  margin-bottom: 15px;
}
body:not(.admin) .results-content a {
  text-decoration: underline;
}
body:not(.admin) .results-content a:hover {
  color: #252A30;
  text-decoration: none;
}
body:not(.admin) .results-content p {
  margin-bottom: 5px;
}
body:not(.admin) .social-share {
  padding: 15px 0 35px;
}
body:not(.admin) .social-share .mob-container {
  text-align: center;
}
body:not(.admin) .social-share .total-shares {
  display: inline-block;
  text-align: right;
  border-right: 3px solid #fff;
  padding-right: 25px;
  margin-right: 25px;
  margin-top: 20px;
}
body:not(.admin) .social-share .total-shares span {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-family: 'futura-pt';
  font-weight: 700;
}
body:not(.admin) .social-share .total-shares span.number {
  font-size: 64px;
  line-height: 75px;
}
body:not(.admin) .social-share .share-options {
  display: inline-block;
  margin-top: 20px;
  text-align: center;
}
body:not(.admin) .social-share .share-options .link {
  width: 68px;
  height: 68px;
  display: block;
  margin: 15px;
  float: left;
  color: #fff;
  margin-top: 8px;
}
body:not(.admin) .social-share .share-options .link:hover,
body:not(.admin) .social-share .share-options .link:active,
body:not(.admin) .social-share .share-options .link:focus {
  text-decoration: none;
}
body:not(.admin) .social-share .share-options .link .border {
  display: block;
  float: left;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}
body:not(.admin) .social-share .share-options .link .border i {
  font-size: 30px;
  line-height: 55px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
body:not(.admin) .social-share .share-options .share-number {
  font-family: 'futura-pt';
  font-weight: 700;
}
body:not(.admin) .sign-up-modal .email-only .form-item {
  width: 100%;
}
@media (max-width: 1199px) {
  body:not(.admin) .tip {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mob-container {
    overflow: hidden;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  body:not(.admin) header.primary .reverse-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  body:not(.admin) header.primary .reverse-flex h1 {
    font-size: 18px !important;
    line-height: 23px;
    padding-top: 20px;
  }
  body:not(.admin) header.primary .reverse-flex .logo {
    text-align: center;
    padding-bottom: 0px;
  }
  body:not(.admin) header.primary .reverse-flex .logo span {
    font-size: 12px;
  }
  body:not(.admin) header.primary .reverse-flex .logo img {
    float: none;
    max-width: 170px;
  }
  body:not(.admin) .results {
    margin-bottom: 20px;
  }
  body:not(.admin) .results h1 {
    font-size: 64px;
    line-height: 70px;
    margin-bottom: 20px;
  }
  body:not(.admin) .results .charts .score-chart {
    margin-bottom: 50px;
  }
  body:not(.admin) .results .charts .score-chart .icon {
    margin-bottom: 15px;
    float: left;
    margin-right: 20px;
  }
  body:not(.admin) .results .charts .score-chart p {
    overflow: auto;
    height: auto;
    max-width: 250px;
  }
  body:not(.admin) .results .charts .score-chart .score {
    overflow: initial;
    display: inline-block;
    margin-left: 90px;
    max-width: none;
  }
  body:not(.admin) .results-content {
    margin-bottom: 20px;
  }
  body:not(.admin) .results-content h5 {
    font-sie: 16px;
    line-height: 21px;
  }
  body:not(.admin) .social-share h4 {
    font-size: 16px;
    line-height: 20px;
  }
  body:not(.admin) .social-share .total-shares {
    margin-top: 0;
  }
  body:not(.admin) .social-share .total-shares span {
    font-size: 14px;
    line-height: 16px;
    font-family: 'futura-pt' !important;
  }
  body:not(.admin) .social-share .total-shares span.number {
    font-size: 30px;
    line-height: 35px;
  }
  body:not(.admin) .social-share .share-options {
    margin-top: 0;
  }
  body:not(.admin) .social-share .share-options .share-number {
    font-size: 11px;
  }
  body:not(.admin) .social-share .share-options .link {
    width: 27px;
    height: 27px;
    margin: 5px;
  }
  body:not(.admin) .social-share .share-options .link .border i {
    font-size: 14px;
    line-height: 27px;
  }
}
@media (max-width: 590px) {
  body:not(.admin) .mob-container {
    max-width: 280px;
  }
  body:not(.admin) .results-content h5 {
    font-size: 16px;
    line-height: 18px;
  }
  body:not(.admin) .score-chart h6 {
    font-size: 14px;
    line-height: 17px;
  }
}



.LoginForm-inputContainer {
  margin-top: 10px;
  margin-bottom: 0px;
  width: 80%;
  min-width: 300px;
}
.LoginForm-submit {
  margin-bottom: 40px;
  margin-left: 0;
  width: 100%;
  padding: 5px 0;
}

.ResetPassword-input {
  margin-bottom: 0;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 80px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 131, 181, 0.61);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.view-loading-cover.hidden {
  opacity: 0;
  visibility: hidden;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #474747;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #0083B5;
}
@media (max-width: 960px) {
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 50px);
  }
}



.ForgotPassword-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.admin .admin-header {
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0px;
  left: 0px;
  background-color: white;
  padding-left: 220px;
  box-sizing: border-box;
  z-index: 10;
  box-shadow: 0px 0px 10px 0px #5a5a5a;
}
.admin h1 {
  margin: 0px;
  line-height: 80px;
  padding-left: 15px;
  color: #3c3c3b;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
}
@media (max-width: 960px) {
  .admin .container {
    max-width: 600px;
  }
  .admin .admin-header {
    padding-left: 0px;
    height: 50px;
    z-index: 20;
    background-color: #3C3C3B;
  }
  .admin .admin-header .logo img {
    margin: 15px;
    height: 20px;
  }
  .admin .admin-header .nav-toggle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.25s ease-in-out;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .admin .admin-header .nav-toggle md-icon {
    color: white;
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 48px;
  }
  .admin .admin-header .nav-toggle:hover {
    opacity: 0.7;
  }
  .admin .fa-times,
  .admin .fa-bars {
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .admin .fa-times {
    opacity: 0;
    visibility: hidden;
  }
  .admin.nav-open {
    position: relative;
  }
  .admin.nav-open .fa-times {
    opacity: 1;
    visibility: visible;
  }
  .admin.nav-open .fa-bars {
    opacity: 0;
    visibility: hidden;
  }
}

.Login-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}

.ResetPassword-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}

body {
  font-family: "futura-pt";
  font-weight: 300;
  overflow-x: hidden;
}
body.show-banner {
  margin-top: 120px;
  transition: all 0.25s ease-in-out;
}
body.md-dialog-is-showing {
  overflow: visible !important;
}
body.auth-screen,
body.admin-screen {
  margin-top: 0px;
}
body.admin-screen {
  background-color: #ebebeb;
}
body.admin-screen [ui-view="main"] {
  padding-top: 80px;
  width: calc(100% - 220px);
  margin-left: 220px;
}
body.admin-screen [ui-view="main"] md-content {
  width: calc(100% - 60px);
  margin-left: 15px;
  background-color: white;
  box-shadow: 0px 0px 3px 2px #a3a3a3;
}
body:not(.admin) {
  margin-top: 80px;
}
md-content {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 48px;
  line-height: 48px;
}
h2 {
  font-size: 36px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 24px;
}
p {
  font-weight: 300;
  font-size: 18px;
  color: #706F6F;
  line-height: 24px;
}
[role="button"] {
  outline: none;
}
.auth-screen .header,
.auth-screen .footer {
  display: none;
}
.admin-screen .footer {
  display: none;
}
.display-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.align-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 992px) {
  body {
    margin-top: 0px !important;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }
  h2 {
    font-size: 24px;
    line-height: 24px;
  }
  h3 {
    font-size: 18px;
    line-height: 18px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  [ui-view="main"] {
    padding: 0px !important;
    padding-top: 50px !important;
    width: 100% !important;
    margin-left: 0px !important;
    min-height: calc(50%);
  }
}
.admin .admin-sidebar {
  position: fixed;
  width: 220px;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-color: #3C3C3B;
  box-sizing: border-box;
  z-index: 11;
}
.admin .admin-sidebar .logo-top {
  background-color: #0083B5;
  width: 100%;
  height: 80px;
}
.admin .admin-sidebar .logo-top img {
  height: 70px;
  margin: 0px auto;
  padding: 5px;
  display: block;
}
.admin .admin-sidebar .md-button {
  border-radius: 0 !important;
}
.admin .admin-sidebar ul {
  padding-left: 0px;
  margin-top: 0px;
}
.admin .admin-sidebar li a {
  text-decoration: none;
  height: 50px;
  padding: 0 15px;
  display: block;
  text-align: left;
  margin: 0px;
  line-height: 50px;
  color: #999999;
  margin: 0px !important;
}
.admin .admin-sidebar li a span {
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  font-weight: 500 !important;
  font-size: 16px;
}
.admin .admin-sidebar li md-icon {
  font-size: 14px !important;
  width: 25px;
  transition: all 0.25s ease-in-out;
  color: #0083B5;
  line-height: 20px;
}
.admin .admin-sidebar li:hover > a,
.admin .admin-sidebar li.current-view > a {
  color: white;
}
.admin .admin-sidebar li:hover > a i,
.admin .admin-sidebar li.current-view > a i {
  color: #0083B5;
}
.admin .admin-sidebar li ul {
  display: none;
}
.admin .admin-sidebar li ul li a {
  color: #999;
  line-height: 30px;
  height: 30px;
  min-height: 30px;
  padding-left: 20px;
}
.admin .admin-sidebar li ul li md-icon {
  font-size: 6px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  text-align: center;
}
.admin .admin-sidebar li.current-view ul {
  display: block;
}
.admin .admin-sidebar .user {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.admin .admin-sidebar .user .avatar {
  margin: auto;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.admin .admin-sidebar .user .signed-in-as {
  font-size: 12px;
  color: #CCCCCC;
  text-align: center;
  margin-bottom: 2px;
}
.admin .admin-sidebar .user .name {
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
}
.admin .admin-sidebar .user .md-button {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .admin .container {
    max-width: 600px;
  }
  .admin .admin-sidebar {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    padding-top: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
  }
  .admin.nav-open .admin-sidebar {
    opacity: 1;
    visibility: visible;
  }
}


/*# sourceMappingURL=app.css.map */