@charset "UTF-8";
@font-face {
  font-family: "CaviarDreams";
  src: url("../fonts/CaviarDreams.ttf") format("truetype"); }
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%;
  margin: 0px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  background-color: #4A4A4A; }

h1 {
  font-size: 2rem; }

h2, .card span {
  font-size: 1.7rem; }

h3 {
  font-size: 1rem; }

h1, h2, h3, h4, h5, h6, .headerHolder, .card span, .footer {
  font-family: "CaviarDreams"; }

h5 {
  font-weight: bold; }

.spacerTop {
  margin-top: 4rem; }

.app {
  background-color: white;
  position: relative;
  padding-bottom: 30px;
  z-index: 2; }

.centre {
  text-align: center; }

.br, .btn-primary, .btn-info, .btn-outline-info, .card, .profilePic {
  border-radius: 10px; }

.headerHolder {
  color: white;
  min-height: 10rem;
  position: relative;
  z-index: 100;
  transition: 1s; }

.headerHolder.home {
  background-color: #37E28C; }

.headerHolder .headerContent {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

.secondaryHeader {
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: rgba(255, 255, 255, 0.95); }

.secondaryHeader .headerContent {
  color: #37E28C;
  padding: 10px; }

.appBadge, .matchIcon {
  width: 180px; }

.homeColor {
  color: #37E28C; }

.learnMore {
  cursor: pointer; }

.learnMore p {
  margin-bottom: -10px; }

.btn-primary {
  letter-spacing: 2px; }

.btn-primary {
  text-transform: uppercase; }

.profilePic {
  transition: 0.3s;
  -webkit-transition: 0.3s; }

.profilePic:hover {
  border-radius: 50%; }

.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-info.linkedinBtn {
  color: #0077B5;
  border-color: #0077B5; }

.btn-outline-info.linkedinBtn:hover,
.btn-outline-info.linkedinBtn:active,
.btn-outline-info.linkedinBtn:focus,
.btn-outline-info.linkedinBtn:not(:disabled):not(.disabled):active {
  color: white;
  border-color: #0077B5;
  background-color: #0077B5; }

.btn-outline-info.twitterBtn {
  color: #2CAAE1;
  border-color: #2CAAE1; }

.btn-outline-info.twitterBtn:hover,
.btn-outline-info.twitterBtn:active,
.btn-outline-info.twitterBtn:focus,
.btn-outline-info.twitterBtn:not(:disabled):not(.disabled):active {
  color: white;
  border-color: #2CAAE1;
  background-color: #2CAAE1; }

.btn-outline-info.pinterestBtn {
  color: #E60019;
  border-color: #E60019; }

.btn-outline-info.pinterestBtn:hover,
.btn-outline-info.pinterestBtn:active,
.btn-outline-info.pinterestBtn:focus,
.btn-outline-info.pinterestBtn:not(:disabled):not(.disabled):active {
  color: white;
  border-color: #E60019;
  background-color: #E60019; }

.btn-outline-info.emailBtn {
  color: #37E28C;
  border-color: #37E28C; }

.btn-outline-info.emailBtn:hover,
.btn-outline-info.emailBtn:active,
.btn-outline-info.emailBtn:focus,
.btn-outline-info.emailBtn:not(:disabled):not(.disabled):active {
  color: white;
  border-color: #37E28C;
  background-color: #37E28C; }

.card {
  margin-top: 2rem;
  border: 1px solid white;
  transition: 0.3s;
  cursor: pointer; }

.card span {
  padding: 0px 4px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: white; }

.card span:not(.customCaps) {
  text-transform: capitalize; }

.card p:nth-of-type(1) {
  margin-top: 2rem;
  padding: 12px 24px 0px 24px; }

.card p {
  padding: 12px 24px; }

.card figure {
  padding: 0 20px; }

.card hr {
  margin-top: 0px; }

.bullet span:before {
  content: "•";
  padding: 0 6px;
  color: white;
  display: inline-block; }

.shadowImg {
  -webkit-filter: drop-shadow(2px 3px 5px rgba(74, 74, 74, 0.4));
  filter: drop-shadow(2px 3px 5px rgba(74, 74, 74, 0.4)); }

.maxSliderHeight {
  max-height: 300px; }

.videoWrapper {
  position: relative;
  padding-bottom: 54%;
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: 1s; }

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0); }

.footer {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
  color: white; }

.toBottom {
  position: absolute;
  bottom: 10px;
  margin-left: 0px; }

.btn-info {
  color: white;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0); }

.homeBtnState button:hover, .homeBtnState button:active, .homeBtnState button:focus {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-color: white !important; }

.carousel-control-next span,
.carousel-control-prev span {
  font-size: 40px;
  color: #4A4A4A; }

ul li {
  list-style: none; }

ul li:before {
  color: #4A4A4A;
  content: "•";
  font-size: 1em;
  padding-right: 1.1225em;
  margin-left: -1em;
  position: relative;
  top: 0em; }

a.ext {
  color: #AFF3D1;
  border-radius: 4px;
  padding: 0 4px;
  transition: 0.3s; }

a.ext:hover {
  color: white !important;
  background-color: #37E28C;
  text-decoration: none; }

.card.globus,
.card.globus hr {
  border-color: #AEE3F1; }

.card.globus:hover {
  border-color: #34BADB;
  box-shadow: 0 4px 8px 0 rgba(174, 227, 241, 0.2), 0 6px 20px 0 rgba(174, 227, 241, 0.19); }

.card.globus span,
.secondaryHeader .headerContent.globus,
.globus .bullet span:before,
.globus li::before {
  color: #34BADB; }

.card.globus button {
  background-color: #34BADB !important;
  border-color: #34BADB !important; }

.card.globus button:hover, .card.globus button:active, .card.globus button:focus {
  background-color: #AEE3F1 !important;
  border-color: #34BADB !important;
  color: white; }

.headerHolder.globus {
  background-color: #34BADB; }

.globus a.ext {
  color: #AEE3F1; }

.globus a.ext:hover {
  background-color: #34BADB; }

.card.nemonic,
.card.nemonic hr {
  border-color: #FFECA7; }

.card.nemonic:hover {
  border-color: #FECF23;
  box-shadow: 0 4px 8px 0 rgba(255, 236, 167, 0.2), 0 6px 20px 0 rgba(255, 236, 167, 0.19); }

.card.nemonic span,
.secondaryHeader .headerContent.nemonic,
.nemonic .bullet span:before,
.nemonic li::before {
  color: #FECF23; }

.card.nemonic button {
  background-color: #FECF23;
  border-color: #FECF23; }

.card.nemonic button:hover, .card.nemonic button:active, .card.nemonic button:focus {
  background-color: #FFECA7 !important;
  border-color: #FECF23 !important;
  color: white; }

.headerHolder.nemonic {
  background-color: #FECF23; }

.nemonic a.ext {
  color: #FFECA7; }

.nemonic a.ext:hover {
  background-color: #FECF23; }

.card.proRating,
.card.proRating hr {
  border-color: #C79BE0; }

.card.proRating:hover {
  border-color: #7304B2;
  box-shadow: 0 4px 8px 0 rgba(199, 155, 224, 0.2), 0 6px 20px 0 rgba(199, 155, 224, 0.19); }

.card.proRating span,
.secondaryHeader .headerContent.proRating,
.proRating .bullet span:before,
.proRating li::before {
  color: #7304B2; }

.card.proRating button {
  background-color: #7304B2;
  border-color: #7304B2; }

.card.proRating button:hover, .card.proRating button:active, .card.proRating button:focus {
  background-color: #C79BE0 !important;
  border-color: #7304B2 !important;
  color: white; }

.headerHolder.proRating {
  background-color: #7304B2; }

.proRating a.ext {
  color: #C79BE0; }

.proRating a.ext:hover {
  background-color: #7304B2; }

.card.quizit,
.card.quizit hr {
  border-color: #A2D9CD; }

.card.quizit:hover {
  border-color: #16A183;
  box-shadow: 0 4px 8px 0 rgba(162, 217, 205, 0.2), 0 6px 20px 0 rgba(162, 217, 205, 0.19); }

.card.quizit span,
.secondaryHeader .headerContent.quizit,
.quizit .bullet span:before,
.quizit li::before {
  color: #16A183; }

.card.quizit button {
  background-color: #16A183;
  border-color: #16A183; }

.card.quizit button:hover, .card.quizit button:active, .card.quizit button:focus {
  background-color: #A2D9CD !important;
  border-color: #16A183 !important;
  color: white; }

.headerHolder.quizit {
  background-color: #16A183; }

.quizit a.ext {
  color: #A2D9CD; }

.quizit a.ext:hover {
  background-color: #16A183; }

.card.pcs,
.card.pcs hr {
  border-color: #9AC4B9; }

.card.pcs:hover {
  border-color: #036B51;
  box-shadow: 0 4px 8px 0 rgba(154, 196, 185, 0.2), 0 6px 20px 0 rgba(154, 196, 185, 0.19); }

.card.pcs span,
.secondaryHeader .headerContent.pcs,
.pcs .bullet span:before,
.pcs li::before {
  color: #036B51; }

.card.pcs button {
  background-color: #036B51;
  border-color: #036B51; }

.card.pcs button:hover, .card.pcs button:active, .card.pcs button:focus {
  background-color: #9AC4B9 !important;
  border-color: #036B51 !important;
  color: white; }

.headerHolder.pcs {
  background-color: #036B51; }

.pcs a.ext {
  color: #9AC4B9; }

.pcs a.ext:hover {
  background-color: #036B51; }

.card.icare,
.card.icare hr {
  border-color: #E5A9AB; }

.card.icare:hover {
  border-color: #BD272D;
  box-shadow: 0 4px 8px 0 rgba(229, 169, 171, 0.2), 0 6px 20px 0 rgba(229, 169, 171, 0.19); }

.card.icare span,
.secondaryHeader .headerContent.icare,
.icare .bullet span:before,
.icare li::before {
  color: #BD272D; }

.card.icare button, .icareBtn {
  background-color: #BD272D;
  border-color: #BD272D; }

.card.icare button:hover, .card.icare button:active, .card.icare button:focus,
.icareBtn:hover, .icareBtn:active, .icareBtn:focus {
  background-color: #E5A9AB !important;
  border-color: #BD272D !important;
  color: white; }

.headerHolder.icare {
  background-color: #BD272D; }

.icare a.ext {
  color: #E5A9AB; }

.icare a.ext:hover {
  background-color: #BD272D; }

.card.jumpingGene,
.card.jumpingGene hr {
  border-color: #A4ADB7; }

.card.jumpingGene:hover {
  border-color: #1B324A;
  box-shadow: 0 4px 8px 0 rgba(164, 173, 183, 0.2), 0 6px 20px 0 rgba(164, 173, 183, 0.19); }

.card.jumpingGene span,
.secondaryHeader .headerContent.jumpingGene,
.jumpingGene .bullet span:before,
.jumpingGene li::before {
  color: #1B324A; }

.card.jumpingGene button, .jumpingGeneBtn {
  background-color: #1B324A;
  border-color: #1B324A; }

.card.jumpingGene button:hover, .card.jumpingGene button:active, .card.jumpingGene button:focus,
.jumpingGeneBtn:hover, .jumpingGeneBtn:active, .jumpingGeneBtn:focus {
  background-color: #A4ADB7 !important;
  border-color: #1B324A !important;
  color: white; }

.headerHolder.jumpingGene {
  background-color: #1B324A; }

.jumpingGene a.ext {
  color: #A4ADB7; }

.jumpingGene a.ext:hover {
  background-color: #1B324A; }

.card.interchange,
.card.interchange hr {
  border-color: #C3C8D1; }

.card.interchange:hover {
  border-color: #6A768B;
  box-shadow: 0 4px 8px 0 rgba(195, 200, 209, 0.2), 0 6px 20px 0 rgba(195, 200, 209, 0.19); }

.card.interchange span,
.secondaryHeader .headerContent.interchange,
.interchange .bullet span:before,
.interchange li::before {
  color: #6A768B; }

.card.interchange button, .interchangeBtn {
  background-color: #6A768B;
  border-color: #6A768B; }

.card.interchange button:hover, .card.interchange button:active, .card.interchange button:focus,
.interchangeBtn:hover, .interchangeBtn:active, .interchangeBtn:focus {
  background-color: #C3C8D1 !important;
  border-color: #6A768B !important;
  color: white; }

.headerHolder.interchange {
  background-color: #6A768B; }

.interchange a.ext {
  color: #C3C8D1; }

.interchange a.ext:hover {
  background-color: #6A768B; }

.card.ebook,
.card.ebook hr {
  border-color: #ABC3E0; }

.card.ebook:hover {
  border-color: #2C6AB2;
  box-shadow: 0 4px 8px 0 rgba(171, 195, 224, 0.2), 0 6px 20px 0 rgba(171, 195, 224, 0.19); }

.card.ebook span,
.secondaryHeader .headerContent.ebook,
.ebook .bullet span:before,
.ebook li::before {
  color: #2C6AB2; }

.card.ebook button {
  background-color: #2C6AB2;
  border-color: #2C6AB2; }

.card.ebook button:hover, .card.ebook button:active, .card.ebook button:focus {
  background-color: #ABC3E0 !important;
  border-color: #2C6AB2 !important;
  color: white; }

.headerHolder.ebook {
  background-color: #2C6AB2; }

.ebook a.ext {
  color: #ABC3E0; }

.ebook a.ext:hover {
  background-color: #2C6AB2; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 1; } }
@media (min-width: 768px) {
  .card-columns {
    column-count: 2; }

  .headerHolder {
    min-height: 20rem; }

  h1 {
    font-size: 3rem; }

  h3 {
    font-size: 1.6rem; } }
@media (min-width: 992px) {
  .card-columns {
    column-count: 3; } }

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