/* You can add global styles to this file, and also import other style files */
@import url("//hello.myfonts.net/count/3597a1");
@font-face {
  font-family: 'NovelSansPro-Light';
  src: url("webfonts/3597A1_0_0.eot");
  src: url("webfonts/3597A1_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_0_0.woff2") format("woff2"), url("webfonts/3597A1_0_0.woff") format("woff"), url("webfonts/3597A1_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NovelSansPro-Regular';
  src: url("webfonts/3597A1_1_0.eot");
  src: url("webfonts/3597A1_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_1_0.woff2") format("woff2"), url("webfonts/3597A1_1_0.woff") format("woff"), url("webfonts/3597A1_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NovelSansPro-BoldIt';
  src: url("webfonts/3597A1_2_0.eot");
  src: url("webfonts/3597A1_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_2_0.woff2") format("woff2"), url("webfonts/3597A1_2_0.woff") format("woff"), url("webfonts/3597A1_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NovelSansPro-Bold';
  src: url("webfonts/3597A1_3_0.eot");
  src: url("webfonts/3597A1_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_3_0.woff2") format("woff2"), url("webfonts/3597A1_3_0.woff") format("woff"), url("webfonts/3597A1_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NovelSansPro-It';
  src: url("webfonts/3597A1_4_0.eot");
  src: url("webfonts/3597A1_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_4_0.woff2") format("woff2"), url("webfonts/3597A1_4_0.woff") format("woff"), url("webfonts/3597A1_4_0.ttf") format("truetype"); }
@font-face {
  font-family: 'SackersGothicStd-Heavy';
  src: url("webfonts/3597A1_5_0.eot");
  src: url("webfonts/3597A1_5_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_5_0.woff2") format("woff2"), url("webfonts/3597A1_5_0.woff") format("woff"), url("webfonts/3597A1_5_0.ttf") format("truetype"); }
@font-face {
  font-family: 'SackersGothicStd-Light';
  src: url("webfonts/3597A1_6_0.eot");
  src: url("webfonts/3597A1_6_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3597A1_6_0.woff2") format("woff2"), url("webfonts/3597A1_6_0.woff") format("woff"), url("webfonts/3597A1_6_0.ttf") format("truetype"); }
html {
  height: 100%;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  position: relative;
  margin: 0;
  min-height: 100%;
  font-family: "Helvetica"; }

.button-start {
  text-align: center;
  background-color: #933289;
  padding: .5em 1.25em;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  margin: auto;
  font-family: 'SackersGothicStd-Heavy';
  display: inline-block; }

.button-start:hover {
  background-color: #4d1a59;
  color: #ffffff;
  text-decoration: none; }

.button {
  text-align: center;
  background-color: #933289;
  padding: .5em 1.25em;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
  margin: auto;
  font-family: 'SackersGothicStd-Heavy'; }
  @media (min-width: 320px) {
    .button {
      display: block; } }
  @media (min-width: 768px) {
    .button {
      display: inline-block; } }
  @media (min-width: 1024px) {
    .button {
      display: inline-block; } }

.button:hover {
  background-color: #4d1a59;
  color: #ffffff;
  text-decoration: none; }

.button-end {
  text-align: center;
  background-color: #933289;
  padding: .5em 1.25em;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  margin: auto;
  font-family: "NovelSansPro-Regular";
  display: inline-block; }

.button-end:hover {
  background-color: #4d1a59;
  color: #ffffff;
  text-decoration: none; }

.main-wrapper {
  background-color: #00a8e1;
  background: linear-gradient(to bottom, #00a8e1 0%, #00a8e1 40%, white 40%, white 100%);
  /* W3C */ }
  @media (min-width: 320px) {
    .main-wrapper {
      padding: 0px; } }
  @media (min-width: 768px) {
    .main-wrapper {
      padding: 20px; } }
  @media (min-width: 1024px) {
    .main-wrapper {
      padding: 20px; } }

.main-container {
  padding-bottom: 40px; }
  @media (min-width: 320px) {
    .main-container {
      width: 100%;
      margin: auto; } }
  @media (min-width: 768px) {
    .main-container {
      width: 80%;
      margin: auto; } }
  @media (min-width: 1024px) {
    .main-container {
      width: 60%;
      margin: auto; } }

.nav-num {
  border-bottom: 6px solid #e5e5e5;
  text-align: center;
  font-family: 'SackersGothicStd-Heavy';
  font-size: 20px; }
  @media (min-width: 320px) {
    .nav-num span {
      display: none; } }
  @media (min-width: 480px) {
    .nav-num span {
      display: block; } }
  @media (min-width: 1024px) {
    .nav-num span {
      display: block; } }

@media (min-width: 320px) {
  .nav-num-icon {
    display: none; } }
@media (min-width: 768px) {
  .nav-num-icon {
    text-align: center;
    padding: 10px;
    display: inherit; }
    .nav-num-icon img {
      width: 30px; } }

.active {
  color: #00a9df;
  border-bottom: 6px solid #00a9df; }

.choice {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase; }
  .choice .choice-pad {
    border: 2px solid #979797;
    background-color: #fff;
    color: #979797;
    padding: 15px;
    text-transform: uppercase;
    font-family: 'SackersGothicStd-Heavy';
    height: 100%; }
    .choice .choice-pad div.choice-pad-left {
      text-align: left;
      display: table-cell;
      width: 5%;
      vertical-align: middle; }
      @media (min-width: 320px) {
        .choice .choice-pad div.choice-pad-left {
          font-size: 17px; } }
      @media (min-width: 768px) {
        .choice .choice-pad div.choice-pad-left {
          font-size: 17px; } }
      @media (min-width: 1024px) {
        .choice .choice-pad div.choice-pad-left {
          font-size: 20px; } }
    .choice .choice-pad div.choice-pad-right {
      text-align: center;
      display: table-cell;
      width: 95%;
      vertical-align: middle; }
      @media (min-width: 320px) {
        .choice .choice-pad div.choice-pad-right {
          font-size: 17px;
          line-height: 17px; } }
      @media (min-width: 768px) {
        .choice .choice-pad div.choice-pad-right {
          font-size: 17px;
          line-height: 17px; } }
      @media (min-width: 1024px) {
        .choice .choice-pad div.choice-pad-right {
          font-size: 20px;
          line-height: 22px; } }
  .choice .choice-pad:hover {
    border: 2px solid #979797;
    background-color: #979797;
    color: #fff; }

.question-choice-container .question-title {
  color: #213464;
  font-family: "NovelSansPro-Bold";
  padding-bottom: 20px; }
  @media (min-width: 320px) {
    .question-choice-container .question-title {
      font-size: 22px;
      line-height: 23px;
      padding-bottom: 20px;
      padding-top: 20px; } }
  @media (min-width: 768px) {
    .question-choice-container .question-title {
      font-size: 28px;
      line-height: 29px;
      padding-bottom: 20px;
      padding-top: 20px; } }
  @media (min-width: 1024px) {
    .question-choice-container .question-title {
      font-size: 32px;
      line-height: 34px;
      padding-bottom: 20px;
      padding-top: 0; } }

.main-container-content {
  background-color: #fff;
  box-shadow: 0px 3px 8px #e1e2e4; }
  @media (min-width: 320px) {
    .main-container-content {
      padding: 15px; } }
  @media (min-width: 768px) {
    .main-container-content {
      padding: 20px; } }
  @media (min-width: 1024px) {
    .main-container-content {
      padding: 40px; } }

.intro-screen {
  text-align: center; }
  .intro-screen .intro-screen-left-col {
    background-color: #00a8e1; }
    @media (min-width: 320px) {
      .intro-screen .intro-screen-left-col {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (min-width: 768px) {
      .intro-screen .intro-screen-left-col {
        padding-top: 60px;
        padding-bottom: 60px; } }
    @media (min-width: 1024px) {
      .intro-screen .intro-screen-left-col {
        padding-top: 100px;
        padding-bottom: 100px; } }
    @media (min-width: 320px) {
      .intro-screen .intro-screen-left-col img {
        max-width: 101px; } }
    @media (min-width: 768px) {
      .intro-screen .intro-screen-left-col img {
        max-width: 152px; } }
    @media (min-width: 1024px) {
      .intro-screen .intro-screen-left-col img {
        max-width: 152px; } }
    .intro-screen .intro-screen-left-col p {
      color: #fff;
      font-family: 'SackersGothicStd-Heavy'; }
      @media (min-width: 320px) {
        .intro-screen .intro-screen-left-col p {
          font-size: 31px;
          line-height: 49px;
          padding: 10px;
          padding-top: 30px; } }
      @media (min-width: 768px) {
        .intro-screen .intro-screen-left-col p {
          font-size: 31px;
          line-height: 49px;
          padding: 10px;
          padding-top: 30px; } }
      @media (min-width: 1024px) {
        .intro-screen .intro-screen-left-col p {
          font-size: 42px;
          line-height: 49px;
          padding: 20px;
          padding-top: 40px; } }
  @media (min-width: 320px) {
    .intro-screen .intro-screen-right-col {
      display: none; } }
  @media (min-width: 768px) {
    .intro-screen .intro-screen-right-col {
      background-image: url("../images/intro-background.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block; } }
  @media (min-width: 1024px) {
    .intro-screen .intro-screen-right-col {
      background-image: url("../images/intro-background.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block; } }
  @media (min-width: 320px) {
    .intro-screen {
      position: relative; } }
  @media (min-width: 768px) {
    .intro-screen {
      position: relative; } }
  @media (min-width: 1024px) {
    .intro-screen {
      position: relative; } }

@media (min-width: 320px) {
  .main-container-header {
    padding-bottom: 20px;
    padding-top: 20px; } }
@media (min-width: 768px) {
  .main-container-header {
    padding-bottom: 30px;
    padding-top: 30px; } }
@media (min-width: 1024px) {
  .main-container-header {
    padding-bottom: 40px;
    padding-top: 40px; } }
.main-container-header .question-container .question {
  color: #fff;
  font-family: 'SackersGothicStd-Heavy';
  vertical-align: middle;
  height: 100%;
  padding-top: 20px; }
  @media (min-width: 320px) {
    .main-container-header .question-container .question {
      text-align: center;
      font-size: 30px; } }
  @media (min-width: 768px) {
    .main-container-header .question-container .question {
      text-align: left;
      font-size: 30px; } }
  @media (min-width: 1024px) {
    .main-container-header .question-container .question {
      text-align: left;
      font-size: 42px; } }
@media (min-width: 320px) {
  .main-container-header .question-container .question-image-container {
    text-align: center; } }
@media (min-width: 768px) {
  .main-container-header .question-container .question-image-container {
    text-align: right; } }
@media (min-width: 1024px) {
  .main-container-header .question-container .question-image-container {
    text-align: right; } }
@media (min-width: 320px) {
  .main-container-header .question-container .question-image-container img {
    padding: 20px; } }
@media (min-width: 768px) {
  .main-container-header .question-container .question-image-container img {
    padding: 0; } }
@media (min-width: 1024px) {
  .main-container-header .question-container .question-image-container img {
    padding: 0; } }

.explanation .explanation-header {
  padding-bottom: 20px; }
  .explanation .explanation-header .explanation-img {
    font-size: 30px;
    font-family: "NovelSansPro-Bold"; }
    @media (min-width: 320px) {
      .explanation .explanation-header .explanation-img {
        text-align: center;
        display: block; } }
    @media (min-width: 768px) {
      .explanation .explanation-header .explanation-img {
        text-align: left;
        display: inline-block; } }
    @media (min-width: 1024px) {
      .explanation .explanation-header .explanation-img {
        text-align: left;
        display: inline-block; } }
    .explanation .explanation-header .explanation-img img {
      width: 68px;
      padding-right: 15px;
      margin: auto; }
      @media (min-width: 320px) {
        .explanation .explanation-header .explanation-img img {
          display: block;
          padding-bottom: 20px; } }
      @media (min-width: 768px) {
        .explanation .explanation-header .explanation-img img {
          display: inline-block;
          padding-bottom: 0; } }
      @media (min-width: 1024px) {
        .explanation .explanation-header .explanation-img img {
          display: inline-block;
          padding-bottom: 0; } }
  .explanation .explanation-header .explanation-title {
    font-size: 30px;
    font-family: "NovelSansPro-Bold";
    padding-top: 15px;
    padding-left: 5px; }
  .explanation .explanation-header .explanation-header-end-quiz-img {
    text-align: center;
    width: 100%; }
    @media (min-width: 320px) {
      .explanation .explanation-header .explanation-header-end-quiz-img {
        margin-top: -45px; } }
    @media (min-width: 768px) {
      .explanation .explanation-header .explanation-header-end-quiz-img {
        margin-top: -55px; } }
    @media (min-width: 1024px) {
      .explanation .explanation-header .explanation-header-end-quiz-img {
        margin-top: -75px; } }
.explanation .explanation-para {
  font-family: "NovelSansPro-Regular";
  font-size: 14px;
  line-height: 28px; }
  .explanation .explanation-para .explanation-para-score {
    text-align: center;
    font-size: 30px;
    font-family: "NovelSansPro-Regular";
    padding-top: 30px;
    padding-bottom: 30px; }
  .explanation .explanation-para .explanation-para-score-2 {
    text-align: center;
    font-size: 30px;
    font-family: "NovelSansPro-Regular"; }
  .explanation .explanation-para .explanation-para-score-text {
    text-align: center;
    font-size: 50px;
    font-family: "NovelSansPro-Bold";
    padding-top: 20px;
    padding-bottom: 10px; }
.explanation .explanation-text {
  padding-top: 7px; }
  @media (min-width: 320px) {
    .explanation .explanation-text {
      display: none; } }
  @media (min-width: 768px) {
    .explanation .explanation-text {
      display: inline-block; } }
  .explanation .explanation-text .explanation-text-correct-answer {
    color: #9ea7cd;
    font-size: 17px;
    font-family: 'SackersGothicStd-Heavy';
    text-align: center;
    text-transform: uppercase; }
  .explanation .explanation-text .explanation-text-correct {
    font-size: 17px;
    font-family: "NovelSansPro-Bold";
    text-align: center;
    padding-top: 5px; }
.explanation .explanation-text-2 {
  padding-top: 7px;
  padding-bottom: 20px; }
  @media (min-width: 320px) {
    .explanation .explanation-text-2 {
      display: inherit; } }
  @media (min-width: 768px) {
    .explanation .explanation-text-2 {
      display: none; } }
  .explanation .explanation-text-2 .explanation-text-correct-answer {
    color: #9ea7cd;
    font-size: 17px;
    font-family: 'SackersGothicStd-Heavy';
    text-align: center;
    text-transform: uppercase; }
  .explanation .explanation-text-2 .explanation-text-correct {
    font-size: 17px;
    font-family: "NovelSansPro-Bold";
    text-align: center;
    padding-top: 5px; }

.end-quiz-container-correct {
  background-color: #cbda09;
  padding: 15px;
  text-align: center;
  font-size: 30px;
  font-family: "NovelSansPro-Bold";
  color: #fff; }

.end-quiz-container-incorrect {
  background-color: #e24b2e;
  padding: 15px;
  text-align: center;
  font-size: 30px;
  font-family: "NovelSansPro-Bold";
  color: #fff; }
  .end-quiz-container-incorrect a {
    color: #fff;
    text-decoration: none; }

.leave-quiz {
  color: #203169;
  font-size: 24px;
  font-family: "NovelSansPro-Regular";
  text-align: center; }

.main-container-footer {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 320px) {
    .main-container-footer {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .main-container-footer {
      padding-left: 0px;
      padding-right: 0px; } }

.header-site {
  padding: 20px 20px;
  margin: 0 auto; }

.home-header-site {
  position: relative;
  width: 100%;
  background-color: #051d49;
  border-bottom: 6px solid #dc8633; }

.header-site-inner .align-logo-1 {
  text-align: left; }
  @media (min-width: 320px) {
    .header-site-inner .align-logo-1 img {
      width: 88px; } }
  @media (min-width: 768px) {
    .header-site-inner .align-logo-1 img {
      width: 126px; } }

.header-site-inner .align-logo-2 {
  text-align: right; }
  @media (min-width: 320px) {
    .header-site-inner .align-logo-2 img {
      width: 81px; } }
  @media (min-width: 768px) {
    .header-site-inner .align-logo-2 img {
      width: 119px; } }

#logo {
  cursor: pointer; }

@media (min-width: 48em) {
  .page_phase-1-home #homepage-footer {
    padding-bottom: 6em; } }
.page_phase-1-home #homepage-footer {
  padding-bottom: 1em; }

.wrap_foot {
  padding: 1.5em 0;
  background-color: #a7bcd6;
  font-family: 'NovelSansPro-Regular'; }
  @media (min-width: 320px) {
    .wrap_foot {
      position: relative; } }
  @media (min-width: 768px) {
    .wrap_foot {
      position: relative; } }
  @media (min-width: 1024px) {
    .wrap_foot {
      position: relative; } }

.menu-footer_menu-container .menu, .menu-user_footer_menu-container .menu {
  list-style-type: none;
  margin: 0;
  text-align: center;
  padding-left: 0; }

@media (min-width: 37.5em) {
  .menu-footer_menu-container .menu li, .menu-user_footer_menu-container .menu li {
    font-size: 1.1em; } }
.menu-footer_menu-container .menu li a, .menu-footer_menu-container .menu li a:visited, .menu-user_footer_menu-container .menu li a, .menu-user_footer_menu-container .menu li a:visited {
  color: #004288; }

.menu-footer_menu-container .menu li, .menu-user_footer_menu-container .menu li {
  color: #004288;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  padding-right: 0.75em;
  font-size: 1.1em;
  border-right: 2px solid #fff;
  line-height: 1.1em; }
  @media (min-width: 320px) {
    .menu-footer_menu-container .menu li, .menu-user_footer_menu-container .menu li {
      font-size: 14px; } }
  @media (min-width: 768px) {
    .menu-footer_menu-container .menu li, .menu-user_footer_menu-container .menu li {
      font-size: 17px; } }
  @media (min-width: 1024px) {
    .menu-footer_menu-container .menu li, .menu-user_footer_menu-container .menu li {
      font-size: 1.1em; } }

.menu-footer_menu-container .menu li:last-child, .menu-user_footer_menu-container .menu li:last-child {
  border: none; }

.fa-check-circle {
  color: #cbda09; }

.fa-times-circle {
  color: #e24b2e; }

.is-table-row {
  display: table; }

.is-table-row [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top; }

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