@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A200%2C300%2C400%2C600&ver=5.3.4");
:root,
:root.default,
:root.blue {
  --primary-color: #01008c;
  --primary-color__rgb: 51, 51, 51;
  --logo-stroke: #01008c;
  --logo-fill: #01008c;
  --header-bg-color: #00005a;
  --header-logo-fill: #fdc30b;
  --header-logo-stroke: #fdc30b;
  --header-nav-link-color: #fdc30b;
  --header-nav-link-color--hover: #fdc30b;
  --footer-bg-color: #00005a;
  --footer-text-color: #fff;
  --footer-logo-fill: #fdc30b;
  --footer-logo-stroke: #fdc30b;
  --section-bg-color: #fff;
  --section-text-color: #333;
  --section--hero-overlay: rgb(51, 51, 51);
  --section--hero-overlay__rgb: 51, 51, 51;
  --tagline-primary: #0200ff;
  --tagline-secondary: #fdc30b;
  --section--events-bg-color: #01008c;
  --section--events-text-color: #fdc30b;
  --section--membership-bg-color: #01008c;
  --section--membership-text-color: #fdc30b;
  --section--referral-bg-color: #fff;
  --section--referral-text-color: #01008c;
  --section--learn-more-bg-color: #fff;
  --section--learn-more-bg-color__rgb: 255, 255, 255;
  --section--learn-more-text-color: #fff;
  --section--learn-more-text-color__rgb: 255, 255, 255;
  --tile-bg-color: #01008c;
  --tile-border-color: #00005a;
  --tile-icon-color: #fdc30b;
  --tile-title-color: #fdc30b;
  --ribbon-bg-color: #333;
  --ribbon-text-color: #fff;
  --ribbon-bg-color__new: #b32d2d;
  --ribbon-text-color__new: #fff;
  --ribbon-bg-color__coming: rgb(136, 136, 136);
  --ribbon-text-color__coming: #fff;
  --btn--primary-bg-color: #fdc30b;
  --btn--primary-border-color: #fdc30b;
  --btn--primary-text-color: #00005a;
}

:root.black {
  --primary-color: #333;
  --primary-color__rgb: 51, 51, 51;
  --logo-stroke: #333;
  --logo-fill: #333;
  --header-bg-color: #333;
  --header-logo-fill: #fff;
  --header-logo-stroke: #fff;
  --header-nav-link-color: #fff;
  --header-nav-link-color--hover: #ccc;
  --footer-bg-color: #333;
  --footer-logo-fill: #fff;
  --footer-logo-stroke: #fff;
  --section-bg-color: #fff;
  --section-text-color: #333;
  --section--hero-overlay: rgb(51, 51, 51);
  --section--hero-overlay__rgb: 51, 51, 51;
  --tagline-primary: #fff;
  --tagline-secondary: #b32d2d;
  --section--events-bg-color: #333;
  --section--events-text-color: #fff;
  --section--membership-bg-color: #333;
  --section--membership-text-color: #fff;
  --section--referral-bg-color: #fff;
  --section--referral-text-color: #333;
  --section--learn-more-bg-color: #fff;
  --section--learn-more-bg-color__rgb: 255, 255, 255;
  --section--learn-more-text-color: #fff;
  --section--learn-more-text-color__rgb: 255, 255, 255;
  --tile-bg-color: #333;
  --tile-border-color: #333;
  --tile-icon-color: #fff;
  --tile-title-color: #fff;
  --btn--primary-bg-color: #b32d2d;
  --btn--primary-border-color: #5a0000;
  --btn--primary-text-color: #fff;
}

:root.red {
  --primary-color: #b32d2d;
  --logo-stroke: #333;
  --logo-fill: #b32d2d;
  --header-bg-color: #333;
  --header-logo-fill: #b32d2d;
  --header-logo-stroke: #333;
  --header-nav-link-color: #b32d2d;
  --header-nav-link-color--hover: #b32d2d;
  --footer-bg-color: #333;
  --footer-logo-fill: #b32d2d;
  --footer-logo-stroke: #333;
  --section--hero-overlay: rgb(179, 45, 45);
  --section--hero-overlay__rgb: 179, 45, 45;
  --tile-bg-color: #fff;
  --tile-border-color: #333;
  --tile-icon-color: #b32d2d;
  --tile-title-color: #b32d2d;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

.spacer {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.spacer--50 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}
.spacer--100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@-webkit-keyframes textDraw {
  0% {
    fill: transparent;
    stroke: var(--logo-stroke);
    stroke-dashoffset: 800;
    opacity: 1;
  }
  40% {
    stroke-dashoffset: 0;
  }
  100% {
    fill: var(--logo-fill);
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes textDraw {
  0% {
    fill: transparent;
    stroke: var(--logo-stroke);
    stroke-dashoffset: 800;
    opacity: 1;
  }
  40% {
    stroke-dashoffset: 0;
  }
  100% {
    fill: var(--logo-fill);
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
.btn--primary {
  background-color: var(--btn--primary-bg-color);
  border-color: var(--btn--primary-border-color);
  color: var(--btn--primary-text-color);
}

.fab-container {
  background-color: transparent;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 12rem;
  right: 1rem;
}
.fab-container .fab {
  background-color: grey;
  border-radius: 50%;
  font-size: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.8rem;
  width: 4.8rem;
}
.fab-container .fab-secondary {
  border-radius: 50%;
  font-size: 2.4rem;
  height: 0;
  width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fab-container:hover .fab-secondary {
  height: 3.6rem;
  width: 3.6rem;
  opacity: 1;
}

.intus-logo {
  font-family: NHaasGroteskDSPro-45Lt, Neue Haas Grotesk Display Pro;
  height: 5rem;
  opacity: 0;
  stroke-dasharray: 800;
  stroke-width: 0.01rem;
  -webkit-animation: textDraw 4s cubic-bezier(0.56, -0.04, 0.32, 0.7) forwards;
          animation: textDraw 4s cubic-bezier(0.56, -0.04, 0.32, 0.7) forwards;
}
.intus-logo__intus {
  font-weight: 700;
}
.intus-logo__technologies {
  font-weight: 400;
}

.ribbon {
  overflow: hidden;
  height: 6.5rem;
  width: 6.5rem;
  position: absolute;
  left: -0.5rem;
  top: -0.5rem;
  z-index: 1;
}
.ribbon__text {
  background: var(--ribbon-bg-color);
  color: var(--ribbon-text-color);
  text-transform: uppercase;
  text-align: center;
  display: block;
  -webkit-box-shadow: 0 3px 10px -5px black;
  box-shadow: 0 3px 10px -5px black;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  font-size: 1.125rem;
  line-height: 1.5;
  width: 7.75rem;
  top: 1.25rem;
  right: 0.5rem;
}
.ribbon--new .ribbon__text {
  background: var(--ribbon-bg-color__new);
  color: var(--ribbon-text-color__new);
}
.ribbon--coming .ribbon__text {
  background: var(--ribbon-bg-color__coming);
  color: var(--ribbon-text-color__coming);
}

a.tile {
  text-decoration: none;
}

.tile {
  background-color: var(--tile-bg-color);
  border: 1px solid var(--tile-border-color);
  position: relative;
}
.tile__icon {
  color: var(--tile-icon-color);
  font-size: calc(1.375rem + 3vw) !important;
}
.tile__title {
  color: var(--tile-title-color);
  font-size: 1.5rem;
}

.header {
  background-color: var(--header-bg-color);
  height: 6rem;
  overflow: hidden;
}
.header .intus-logo {
  fill: var(--header-logo-fill);
}
.header .intus-logo__intus, .header .intus-logo__bar, .header .intus-logo__technologies {
  fill: var(--header-logo-fill);
}
.header nav.navbar .nav-link {
  color: var(--header-nav-link-color);
  font-size: 1.4rem;
}
.header nav.navbar .nav-link:after {
  display: block;
  content: "";
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-bottom-color: var(--header-nav-link-color--hover);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.header nav.navbar .nav-link:hover {
  color: var(--header-nav-link-color--hover);
}
.header nav.navbar .nav-link:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.footer {
  background-color: var(--footer-bg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--footer-text-color);
}
.footer a {
  color: var(--footer-text-color);
}
.footer .intus-logo {
  fill: var(--footer-logo-fill);
}
.footer .intus-logo__intus, .footer .intus-logo__bar, .footer .intus-logo__technologies {
  fill: var(--footer-logo-fill);
}
.footer .revOne-logo {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer .revOne-logo > img {
  -webkit-filter: greyscale(100%);
          filter: greyscale(100%);
  height: 2.5rem;
}

.section {
  background-repeat: no-repeat;
  background-color: var(--section-bg-color);
  color: var(--section-text-color);
}
.section--hero {
  background-color: #333;
}
.section--hero .section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 574px) {
  .section--hero .section__content {
    background-attachment: fixed;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--section--hero-overlay__rgb), 0.5)), to(rgba(var(--section--hero-overlay__rgb), 0.5))), url(../img/img-2.jpg);
    background-image: linear-gradient(0deg, rgba(var(--section--hero-overlay__rgb), 0.5), rgba(var(--section--hero-overlay__rgb), 0.5)), url(../img/img-2.jpg);
  }
}
@media screen and (min-width: 992px) {
  .section--hero .section__content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.section--hero .section__content .tagline {
  color: #fff;
  font-size: 1.8rem;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (min-width: 574px) {
  .section--hero .section__content .tagline {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 992px) {
  .section--hero .section__content .tagline {
    font-size: 3rem;
    width: 65%;
  }
}
.section--hero .section__content .tagline__highlight--primary {
  color: var(--tagline-primary);
}
.section--hero .section__content .tagline__highlight--secondary {
  color: var(--tagline-secondary);
}
.section--membership {
  background-color: var(--section--membership-bg-color);
  color: var(--section--membership-text-color);
}
@media screen and (min-width: 574px) {
  .section--membership {
    background-image: url(../img/membership@2560x1126.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: 50vh;
  }
}
.section--membership .section__content {
  background-color: var(--section--membership-bg-color);
  color: var(--section--membership-text-color);
  background-size: cover;
  background-position: top;
  position: relative;
  opacity: 0.9;
}
@media screen and (min-width: 574px) {
  .section--membership .section__content {
    min-height: 50vh;
  }
}
@media screen and (min-width: 992px) {
  .section--membership .section__content {
    -webkit-clip-path: polygon(0 0, 75% 0, 85% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 85% 100%, 0 100%);
  }
}
@media screen and (min-width: 1200px) {
  .section--membership .section__content {
    -webkit-clip-path: polygon(0 0, 55% 0, 65% 100%, 0 100%);
    clip-path: polygon(0 0, 55% 0, 65% 100%, 0 100%);
  }
}
.section--membership .section__content .content-wrapper {
  height: 100%;
  padding: 1rem 0;
}
.section--membership .section__content .content-wrapper__content {
  width: 100%;
}
@media screen and (min-width: 574px) {
  .section--membership .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .section--membership .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 1200px) {
  .section--membership .section__content .content-wrapper__content {
    width: 50%;
  }
}
.section--events {
  background-image: url(../img/events@2560x1152.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.section--events .section__content {
  background-color: var(--section--events-bg-color);
  color: var(--section--events-text-color);
  background-size: cover;
  background-position: top;
  position: relative;
  opacity: 0.9;
}
@media screen and (min-width: 574px) {
  .section--events .section__content {
    min-height: 50vh;
  }
}
@media screen and (min-width: 992px) {
  .section--events .section__content {
    -webkit-clip-path: polygon(0 0, 75% 0, 85% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 85% 100%, 0 100%);
  }
}
@media screen and (min-width: 1200px) {
  .section--events .section__content {
    -webkit-clip-path: polygon(0 0, 55% 0, 65% 100%, 0 100%);
    clip-path: polygon(0 0, 65% 0, 55% 100%, 0 100%);
  }
}
.section--events .section__content .content-wrapper {
  height: 100%;
  padding: 1rem 0;
}
.section--events .section__content .content-wrapper__content {
  width: 100%;
}
@media screen and (min-width: 574px) {
  .section--events .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .section--events .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 1200px) {
  .section--events .section__content .content-wrapper__content {
    width: 50%;
  }
}
.section--referral {
  background-image: url(../img/referral@2560x1441.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.section--referral .section__content {
  background-color: var(--section--referral-bg-color);
  color: var(--section--referral-text-color);
  background-size: cover;
  background-position: top;
  position: relative;
  opacity: 0.9;
}
@media screen and (min-width: 574px) {
  .section--referral .section__content {
    min-height: 50vh;
  }
}
@media screen and (min-width: 992px) {
  .section--referral .section__content {
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 25% 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 25% 100%);
  }
}
@media screen and (min-width: 1200px) {
  .section--referral .section__content {
    -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 45% 100%);
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 45% 100%);
  }
}
.section--referral .section__content .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 1rem 0;
}
.section--referral .section__content .content-wrapper__content {
  width: 100%;
}
@media screen and (min-width: 574px) {
  .section--referral .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .section--referral .section__content .content-wrapper__content {
    width: 75%;
  }
}
@media screen and (min-width: 1200px) {
  .section--referral .section__content .content-wrapper__content {
    width: 50%;
  }
}
.section--learn-more {
  height: 60vh;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--section--learn-more-bg-color__rgb), 0.75)), to(rgba(var(--section--learn-more-bg-color__rgb), 0.75))), url(../img/form@2560x738.jpg);
  background-image: linear-gradient(0deg, rgba(var(--section--learn-more-bg-color__rgb), 0.75), rgba(var(--section--learn-more-bg-color__rgb), 0.75)), url(../img/form@2560x738.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.section--learn-more > .section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.learn-more__form-wrapper {
  background-color: rgba(var(--section--learn-more-bg-color__rgb), 0.75);
  color: --section--learn-more-text-color;
  padding: 2rem;
}

.check-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
}
.check-list__item {
  margin: 1.5rem 1rem;
}
.check-list__item::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "";
  padding: 1rem;
}/*# sourceMappingURL=main.css.map */