@import url("https://use.typekit.net/mvc3cdb.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:800,900&display=swap");
@media (min-width: 40.063em) {
  .small-only {
    display: none !important; } }

@media (max-width: 40em) {
  .medium-up {
    display: none !important; } }

@media (max-width: 64em) {
  .large-only {
    display: none !important; } }

@media (min-width: 64.063em) {
  .touch-only {
    display: none !important; } }

.clear-divider {
  border: 0;
  height: 48px;
  background: none; }

.d-inline-block {
  display: inline-block; }

.img-wrapper img {
  max-width: 100%; }

.missing-content {
  outline: 2px solid red; }

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

html {
  font-family: sans-serif;
  line-height: 1.62;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  color: #0D4365;
  font-family: "proxima-nova", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@-ms-viewport {
  width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #36559C;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:hover {
  color: #466bbf;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

.fade_out {
    opacity: 1;
    -webkit-transition: opacity 1000ms linear;
    transition: opacity 1000ms linear;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

[v-cloak] {
  display: none;
}

/* LOADER CSS*/
.image{position:relative}
/* .loader_font:after {
  content: "...";
text-align: left;
vertical-align: bottom;
-webkit-animation: animation: ellipsis-dot 1s infinite .3s;
   -moz-animation: animation: ellipsis-dot 1s infinite .3s;
animation: ellipsis-dot 1s infinite .3s;

-webkit-animation-fill-mode: fowards;
   -moz-animation-fill-mode: fowards;
animation-fill-mode: fowards;
width: 1.25em;

} */

.loader_font:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1em;
  }
}


.load_outer{
width: 100%; text-align: center; margin-top:40px;
}
.load_inner{
display: inline-block; margin: 0 auto; padding: 3px;
}
.png_over{
  position:absolute;
  top:0;
  left:0
}


  .grecaptcha-badge{
  	visibility: collapse !important;
  }

  .g-recaptcha
  {
    z-index: 300;
  }

.app-body {
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 64.063em) {
    .app-body {
      margin-left: auto;
      margin-right: auto;
      max-width: 960px; } }
  @media (min-width: 64.063em) {
    .app-body--large {
      max-width: 960px; } }
  @media (min-width: 85.374em) {
    .app-body--large {
      max-width: 1366px; } }
  .app-body-wrapper {
    background-color: #E7F0F7;
    padding-bottom: 32px; }
  .app-body-highlight {
    background-color: #0D4365; }

hr {
  margin: 64px 0 12px 0;
  height: 1px;
  border: 0;
  background-color: rgba(13, 67, 101, 0.1); }

.button {
  display: inline-block;
  cursor: pointer;
  font-size: 1.125em;
  font-weight: 600;
  background-color: #FFFFFF;
  text-transform: uppercase;
  padding: 16px 126px 18px 126px;
  box-shadow: 0 3px 35px rgba(0, 0, 0, 0.16);
  text-align: center;
  color: #022840;
  transition: background-color 0.13s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (max-width: 40em) {
    .button {
      padding: 16px 64px 18px 64px; } }
  .button--small {
    padding: 16px 48px 18px 48px; }
  .button--shadowless {
    box-shadow: none; }
  .button:hover {
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none; }
  .button:disabled {
    pointer-events: none;
    opacity: 0.67; }
  .button--alt {
    border-radius: 4px;
    font-size: 0.9em;
    padding: 18px 64px 18px 64px;
    box-shadow: none; }
  .button--block {
    display: block; }
    .button--block-on-touch {
      margin-left: auto;}
  @media (max-width: 64em) {
    .button--block-on-touch {
      display: block;
      width: 100%; } }
  .button--grey {
      background-color: #d6d6d6;
      color: #fff; }
      .button--grey:hover {
        color: #fff;
        background-color: #d6d6d6; }
  .button--white {
    background-color: #FFFFFF;
    color: #0D4365; }
    .button--white:hover {
      color: #0D4365;
      background-color: white; }
  .button--white-alt {
    background-color: #E7F0F7;
    color: #022840; }
    .button--white-alt:hover {
      color: #022840;
      background-color: #fafcfd; }
  .button--green {
    background-color: #01B472;
    color: #FFFFFF; }
    .button--green:hover {
      color: #FFFFFF;
      background-color: #01cd82; }
  .button--bright-green-alt {
    background-color: #8EBE6B;
    color: #FFFFFF; }
    .button--bright-green-alt:hover {
      color: #FFFFFF;
      background-color: #9cc67d; }
  .button--pink {
    background-color: #E80D62;
    color: #FFFFFF; }
    .button--pink:hover {
      color: #FFFFFF;
      background-color: #f21c6f; }
  .button--red {
    background-color: #FF0D2F;
    color: #FFFFFF; }
    .button--red:hover {
      color: #FFFFFF;
      background-color: #ff2745; }
  .button--red-alt {
    background-color: #E50C2A;
    color: #E7F0F7; }
    .button--red-alt:hover {
      color: #E7F0F7;
      background-color: #f31836; }
  .button--red-alt-2 {
    background-color: #EB3B3B;
    color: #FFFFFF; }
    .button--red-alt-2:hover {
      color: #FFFFFF;
      background-color: #ed5252; }
  .button--purple {
    background-color: #6D33B8;
    color: #FFFFFF; }
    .button--purple:hover {
      color: #FFFFFF;
      background-color: #793cc9; }
  .button--dark-yellow {
    background-color: #E0B207;
    color: #FFFFFF; }
    .button--dark-yellow:hover {
      color: #FFFFFF;
      background-color: #f7c509; }
  .button--cyan {
    background-color: #39B7CE;
    color: #FFFFFF; }
    .button--cyan:hover {
      color: #FFFFFF;
      background-color: #4dbed3; }
  .button--bright-green {
    background-color: #9FD378;
    color: #FFFFFF; }
    .button--bright-green:hover {
      color: #FFFFFF;
      background-color: #add98b; }
  .button--green-alt {
    background-color: #00A367;
    color: #FFFFFF; }
    .button--green-alt:hover {
      color: #FFFFFF;
      background-color: #00bd77; }
  .button--tomato {
    background-color: #DB4C2E;
    color: #FFFFFF; }
    .button--tomato:hover {
      color: #FFFFFF;
      background-color: #df5f44; }
  .button--salmon {
    background-color: #FA5E3D;
    color: #FFFFFF; }
    .button--salmon:hover {
      color: #FFFFFF;
      background-color: #fb7356; }
  .button--blue {
    background-color: #36559C;
    color: #FFFFFF; }
    .button--blue:hover {
      color: #FFFFFF;
      background-color: #3d5faf; }
  .button--yellow-alt {
    background-color: #EBBF1A;
    color: #022840; }
    .button--yellow-alt:hover {
      color: #022840;
      background-color: #edc631; }
  .button--yellow {
    background-color: #FFCD13;
    color: #022840; }
    .button--yellow:hover {
      color: #022840;
      background-color: #ffd22d; }
      .button--yellow:hover {
        color: #022840;
        background-color: #ffd22d; }

button.button {
  border: 0;
  cursor: pointer; }

.header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #0D4365;
  padding: 40px 20px;
  height: 90vh;
  max-height: 768px; }
  @media (max-width: 40em) {
    .header {
      height: auto;
      min-height: 140vh;
      max-height: auto; } }
  @media (min-width: 64.063em) {
    .header {
      height: auto;
      max-height: 768px;
      padding: 170px 0; } }
  .header--white {
    background-color: #FFFFFF;
    color: #0D4365; }
    .header--white .header-text {
      color: #0D4365; }
  .header--white-alt {
    background-color: #E7F0F7;
    color: #022840; }
    .header--white-alt .header-text {
      color: #022840; }
  .header--green {
    background-color: #01B472;
    color: #FFFFFF; }
    .header--green .header-text {
      color: #FFFFFF; }
  .header--bright-green-alt {
    background-color: #8EBE6B;
    color: #FFFFFF; }
    .header--bright-green-alt .header-text {
      color: #FFFFFF; }
  .header--pink {
    background-color: #E80D62;
    color: #FFFFFF; }
    .header--pink .header-text {
      color: #FFFFFF; }
  .header--red {
    background-color: #FF0D2F;
    color: #FFFFFF; }
    .header--red .header-text {
      color: #FFFFFF; }
  .header--red-alt {
    background-color: #E50C2A;
    color: #E7F0F7; }
    .header--red-alt .header-text {
      color: #E7F0F7; }
  .header--red-alt-2 {
    background-color: #EB3B3B;
    color: #FFFFFF; }
    .header--red-alt-2 .header-text {
      color: #FFFFFF; }
  .header--purple {
    background-color: #6D33B8;
    color: #FFFFFF; }
    .header--purple .header-text {
      color: #FFFFFF; }
  .header--dark-yellow {
    background-color: #E0B207;
    color: #FFFFFF; }
    .header--dark-yellow .header-text {
      color: #FFFFFF; }
  .header--cyan {
    background-color: #39B7CE;
    color: #FFFFFF; }
    .header--cyan .header-text {
      color: #FFFFFF; }
  .header--bright-green {
    background-color: #9FD378;
    color: #FFFFFF; }
    .header--bright-green .header-text {
      color: #FFFFFF; }
  .header--green-alt {
    background-color: #00A367;
    color: #FFFFFF; }
    .header--green-alt .header-text {
      color: #FFFFFF; }
  .header--tomato {
    background-color: #DB4C2E;
    color: #FFFFFF; }
    .header--tomato .header-text {
      color: #FFFFFF; }
  .header--salmon {
    background-color: #FA5E3D;
    color: #FFFFFF; }
    .header--salmon .header-text {
      color: #FFFFFF; }
  .header--blue {
    background-color: #36559C;
    color: #FFFFFF; }
    .header--blue .header-text {
      color: #FFFFFF; }
  .header--yellow-alt {
    background-color: #EBBF1A;
    color: #022840; }
    .header--yellow-alt .header-text {
      color: #022840; }
  .header--yellow {
    background-color: #FFCD13;
    color: #022840; }
    .header--yellow .header-text {
      color: #022840; }
  .header--domain {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0 0 0; }
    @media (min-width: 64.063em) {
      .header--domain {
        padding: 64px 0 0 0; } }
  .header-title {
    position: relative;
    font-family: "Proxima Nova Black", "Montserrat", "proxima-nova", sans-serif;
    color: #E7F0F7;
    text-transform: uppercase;
    font-size: 2.5em;
    text-align: center;
    font-weight: 900;
    padding-top: 110px; }
    @media (min-width: 64.063em) {
      .header-title {
        font-size: 3em;
        margin-right: 10%;
        margin-left: 10%; } }
    .header-title::before {
      position: absolute;
      content: '';
      background-color: #E5A50F;
      width: 4px;
      height: 90px;
      top: 0;
      left: calc(50% - 2px); }
  .header-text {
    color: #64869F;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    }
    .header-text a {
  color: currentColor;
  text-decoration: underline;
}
    @media (min-width: 64.063em) {
      .header-text {
        margin: 0 20%; } }
  .header__image {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-top: 32px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); }
    .header__image img, .header__image .missing-content {
      max-width: 100%;
      margin: 0 20px; }
  .header + .app-body {
    margin-top: -24px; }

.quote-card {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
  border-radius: 10px;
  padding: 90px 64px; }
  @media (min-width: 64.063em) {
    .quote-card {
      padding: 90px 16.67%;
      flex-direction: row; } }
  .quote-card__portrait {
    flex: 1;
    text-align: center; }
    .quote-card__portrait img {
      width: 176px;
      height: 176px;
      border-radius: 50%; }
    @media (min-width: 64.063em) {
      .quote-card__portrait {
        flex: 0; } }
  .quote-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 48px 0 0 0; }
    @media (min-width: 64.063em) {
      .quote-card__content {
        margin: 0 0 0 48px; }
        .quote-card__content p {
          font-size: 1.5em; }
        .quote-card__content h4, .quote-card__content h5 {
          display: inline-block;
          margin: 0; }
        .quote-card__content h5 {
          margin-left: 16px; } }
    .quote-card__content p {
      position: relative;
      font-size: 1.125em;
      color: rgba(13, 67, 101, 0.5); }
      .quote-card__content p::before {
        font-family: Georgia, serif;
        position: absolute;
        content: '\201C';
        color: rgba(13, 67, 101, 0.1);
        font-size: 5em;
        top: -32px;
        left: -56px;
        font-weight: bolder; }
        @media (min-width: 64.063em) {
          .quote-card__content p::before {
            top: -90px;
            left: 0; } }
    .quote-card__content h4 {
      color: #36559C; }
    .quote-card__content h5 {
      color: #6D33B8; }


/*
New Quote Card
*/

.quote-card-out {
     background-color: #FFFFFF;
     box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
     border-radius: 10px;
     padding: 64px 64px 48px 64px;
}
 @media (min-width: 64.063em) {
     .quote-card-out {
         padding: 64px 16.67% 48px 16.67%;
    }
}
 .quote-card-in {
     display: flex;
     flex-direction: column;
}
 @media (min-width: 64.063em) {
     .quote-card-in {
         flex-direction: row;
    }
}
 .quote-card {
     display: flex;
     flex-direction: column;
     background-color: #FFFFFF;
     box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
     border-radius: 10px;
     padding: 90px 64px;
}
 @media (min-width: 64.063em) {
     .quote-card {
         padding: 90px 16.67%;
         flex-direction: row;
    }
}
 .quote-card__portrait {
     flex: 1;
     text-align: center;
}
 .quote-card__portrait img {
     width: 176px;
     height: 176px;
     border-radius: 50%;
}
 @media (min-width: 64.063em) {
     .quote-card__portrait {
         flex: 0;
    }
}
 .quote-card__content {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin: 48px 0 0 0;
}
 @media (min-width: 64.063em) {
     .quote-card__content {
         margin: 0 0 0 48px;
    }
     .quote-card__content p {
         font-size: 1.5em;
    }
     .quote-card__content h4, .quote-card__content h5 {
         display: inline-block;
         margin: 0;
    }
     .quote-card__content h5 {
         margin-left: 16px;
    }
}
 .quote-card__content p {
     position: relative;
     font-size: 1.125em;
     color: rgba(13, 67, 101, 0.5);
}
 .quote-card__content p::before {
     font-family: Georgia, serif;
     position: absolute;
     content: '\201C';
     color: rgba(13, 67, 101, 0.1);
     font-size: 5em;
     top: -32px;
     left: -56px;
     font-weight: bolder;
}
 @media (min-width: 64.063em) {
     .quote-card__content p::before {
         top: -90px;
         left: 0;
    }
}
 .quote-card__content h4 {
     color: #36559C;
}
 .quote-card__content h5 {
     color: #6D33B8;
}
 .testimonials .VueCarousel-dot {
     background-color: #E7F0F7 !important;
}
 .testimonials .VueCarousel-dot--active {
     background-color: #36559C !important;
}

/*
In the News
*/

.in-the-news-wrapper {
     background-color: #022840;
}
 .in-the-news {
     max-width: 1366px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     padding: 32px 20px;
}
 @media (min-width: 64.063em) {
     .in-the-news {
         flex-direction: row;
         padding: 64px 20px;
    }
}
 .in-the-news__title {
     margin: 0;
     text-transform: uppercase;
     text-align: center;
     font-size: 2em;
     color: #FFFFFF;
     font-weight: 400;
}
 @media (min-width: 64.063em) {
     .in-the-news__title {
         margin: 0 0 0 64px;
         text-align: left;
    }
}
 .in-the-news__title strong {
     font-weight: 600;
}
 .in-the-news__showcase {
     padding: 0;
     margin: 16px 0 0 0;
}
 @media (min-width: 64.063em) {
     .in-the-news__showcase {
         margin: 0;
    }
}
 .in-the-news__showcase .VueCarousel-slide {
     text-align: center;
}
 .in-the-news__showcase .VueCarousel-navigation-button {
     color: #FFFFFF !important;
}
 .in-the-news__showcase .VueCarousel-navigation--disabled {
     display: none;
}
 .in-the-news__showcase a, .in-the-news__showcase .VueCarousel-navigation-button {
     opacity: 0.2;
     transition: opacity 0.13s ease-in-out;
}
 .in-the-news__showcase a:hover, .in-the-news__showcase .VueCarousel-navigation-button:hover {
     opacity: 1;
}


.profile-cards {
  list-style: none;
  padding: 0;
  display: grid;
  grid-row-gap: 48px;
  grid-template-columns: repeat(auto-fit, 192px);
  grid-column-gap: 32px;
  grid-auto-rows: 1fr;
  justify-content: center; }

.profile-card {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
  padding: 0 32px 40px 32px;
  justify-self: center;
  text-align: center;
  margin-top: 40px;
  cursor: pointer; }
  @media (min-width: 64.063em) {
    .profile-card {
      max-width: 256px; } }
  .profile-card img {
    margin-top: -40px;
    border-radius: 50%;
    width: 128px;
    height: 128px; }
  .profile-card h4 {
    color: #36559C;
    margin: 18px 0; }
  .profile-card h5 {
    color: #6D33B8;
    margin: 0;
    font-weight: 500; }

.footer {
  position: relative;
  background-color: #022840;
  padding: 112px 0 160px 0; }
  .footer::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: #001E31; }
  .footer__content {
    display: flex;
    flex-direction: column; }
    @media (min-width: 64.063em) {
      .footer__content {
        flex-direction: row; } }
    .footer__content h4 {
      color: rgba(255, 255, 255, 0.2);
      text-transform: uppercase;
      margin: 0 0 48px 0;
      font-size: 1.125em; }
    .footer__content p {
      color: rgba(255, 255, 255, 0.26); }
  .footer__brought-by {
    list-style: none;
    padding: 0 0 48px 0; }
    .footer__brought-by li {
      padding: 0 0 24px 0; }
    .footer__brought-by img {
      max-width: 100%; }
    @media (min-width: 64.063em) {
      .footer__brought-by {
        padding: 0; } }
  .footer__column {
    flex: 1; }
    @media (min-width: 64.063em) {
      .footer__column + .footer__column {
        margin-left: 40px; } }

.accordion {
  list-style: none;
  padding: 0; }
  .accordion-item {
    position: relative;
    background-color: #36559C;
    box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
    border-radius: 10px;
    padding: 28px 36px;
    transition: background-color 0.13s cubic-bezier(0.4, 0, 0.2, 1); }
    .accordion-item + .accordion-item {
      margin-top: 28px; }
    .accordion-item--active {
      background-color: #FFFFFF; }
      .accordion-item--active .accordion-item__title {
        color: #36559C; }
      .accordion-item--active .accordion-item__content {
        color: rgba(13, 67, 101, 0.5); }
      .accordion-item--active .accordion-item__toggle-button {
        color: #FFFFFF;
        background-color: #36559C; }
        .accordion-item--active .accordion-item__toggle-button::before {
          transform: scale(0); }
        .accordion-item--active .accordion-item__toggle-button::after {
          background-color: #FFFFFF; }
    .accordion-item__title {
      color: #FFFFFF;
      margin: 0;
      padding-right: 48px;
      transition: color 0.13s cubic-bezier(0.4, 0, 0.2, 1);
      font-weight: 500;
      font-size: 1.125em; }
    .accordion-item__content {
      color: #FFFFFF;
      margin: 0;
      overflow: hidden;
      height: 100%;
      transition: color 0.33s cubic-bezier(0.4, 0, 0.2, 1), height 0.33s cubic-bezier(0.4, 0, 0.2, 1);
      will-change: height; }
      .accordion-item__content > p:first-child {
        padding-top: 28px; }
    .accordion-item__toggle-button {
      position: absolute;
      top: 24px;
      right: 34px;
      width: 30px;
      height: 30px;
      cursor: pointer;
      border: 0;
      color: #36559C;
      background: #FFFFFF;
      border-radius: 50%;
      transition: color 0.33s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.33s cubic-bezier(0.4, 0, 0.2, 1); }
      .accordion-item__toggle-button::before {
        position: absolute;
        content: '';
        top: 9px;
        left: 14px;
        width: 2px;
        height: 12px;
        background-color: #36559C;
        border-radius: 2px;
        transform-origin: center;
        transform: scale(1);
        transition: background-color 0.33s cubic-bezier(0.4, 0, 0.2, 1), transform 0.33s cubic-bezier(0.4, 0, 0.2, 1); }
      .accordion-item__toggle-button::after {
        position: absolute;
        content: '';
        top: 14px;
        left: 9px;
        width: 12px;
        height: 2px;
        background-color: #36559C;
        border-radius: 2px;
        transition: background-color 0.33s cubic-bezier(0.4, 0, 0.2, 1); }

.newsletter-section {
  display: flex;
  flex-direction: column; }
  @media (min-width: 64.063em) {
    .newsletter-section {
      flex-direction: row; } }
  .newsletter-section__left, .newsletter-section__right {
    flex: 1;
    padding: 60px 0; }
  .newsletter-section__left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 64em) {
      .newsletter-section__left {
        padding-bottom: 0; } }
    .newsletter-section__left::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 9px;
      background-color: #FFCD13; }
      @media (min-width: 64.063em) {
        .newsletter-section__left::before {
          width: 50%; } }
    .newsletter-section__left h2 {
      text-transform: uppercase;
      color: #E7F0F7; }
      @media (min-width: 64.063em) {
        .newsletter-section__left h2 {
          max-width: 50%; } }
    .newsletter-section__left p {
      color: rgba(255, 255, 255, 0.26); }
  @media (min-width: 64.063em) {
    .newsletter-section__right {
      margin-left: 40px; } }

.input {
  border: 0;
  border-radius: 10px;
  background-color: #0A3C5C;
  padding: 20px 48px;
  color: #FFFFFF; }
  .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.26); }
  .input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.26); }
  .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.26); }
  .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.26); }
  .input--block {
    display: block;
    width: 100%;
    margin-bottom: 14px; }

.card-list {
  list-style: none;
  padding: 0; }
  .card-list__item {
    background-color: #FFFFFF;
    box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
    border-radius: 10px;
    padding: 36px 54px;
    cursor: pointer;

  }
    .card-list__item--columns {
      display: flex;
      flex-direction: column; }
      @media (min-width: 64.063em) {
        .card-list__item--columns {
          flex-direction: row; } }
    .card-list__item__left, .card-list__item__right {
      flex: 1;
      display: flex;
      flex-direction: column; }
    .card-list__item__left {
      align-items: center;
      justify-content: center; }
      @media (min-width: 64.063em) {
        .card-list__item__left {
          justify-content: flex-start;
          padding-top: 28px;
          flex: 0; } }
    .card-list__item__right {
      justify-content: space-between;
      margin: 36px 0 0 0; }
      @media (min-width: 64.063em) {
        .card-list__item__right {
          flex: 1;
          margin: 0 0 0 54px; } }
    .card-list__item + .card-list__item {
      margin-top: 28px; }
    .card-list__item-subsection {
      margin-top: 36px;
      border-top: 1px solid rgba(13, 67, 101, 0.1);
      padding: 36px 0 18px 0; }
      .card-list__item-subsection .card-list__item__left {
        flex: 1; }
  .card-list__title {
    color: #0D4365; }
    .card-list__title--white {
      color: #FFFFFF; }
    .card-list__title--white-alt {
      color: #E7F0F7; }
    .card-list__title--green {
      color: #01B472; }
    .card-list__title--bright-green-alt {
      color: #8EBE6B; }
    .card-list__title--pink {
      color: #E80D62; }
    .card-list__title--red {
      color: #FF0D2F; }
    .card-list__title--red-alt {
      color: #E50C2A; }
    .card-list__title--red-alt-2 {
      color: #EB3B3B; }
    .card-list__title--purple {
      color: #6D33B8; }
    .card-list__title--dark-yellow {
      color: #E0B207; }
    .card-list__title--cyan {
      color: #39B7CE; }
    .card-list__title--bright-green {
      color: #9FD378; }
    .card-list__title--green-alt {
      color: #00A367; }
    .card-list__title--tomato {
      color: #DB4C2E; }
    .card-list__title--salmon {
      color: #FA5E3D; }
    .card-list__title--blue {
      color: #36559C; }
    .card-list__title--yellow-alt {
      color: #EBBF1A; }
    .card-list__title--yellow {
      color: #FFCD13; }
  .card-list__text {
    color: #0D4365; }
  .card-list__footer-line {
    display: inline-block;
    margin: 0;
    color: #36559C; }
  .card-list__portrait img {
    width: 132px;
    border-radius: 50%; }

.card-row {
  list-style: none;
  padding: 0;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fit, 320px);
  grid-auto-rows: 1fr;
  justify-content: center; }
  .card-row .card-row__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
    border-radius: 10px;
    padding: 74px 54px;
  }
  .card-row .card-row__item .img-wrapper
  {
    cursor: pointer;
  }

.voting-wrapper {
  width: 100%; }

.voting-button {
  display: block;
  text-align: center;
  background: none;
  border: 0;
  cursor: pointer;
  width: 100%;
  padding: 16px 0;
  transition: transform 0.13s cubic-bezier(0.4, 0, 0.2, 1); }
.voting-button-disabled
{
  pointer-events: none;
}
  @media (min-width: 64.063em) {
    .voting-button {
      width: auto;
      padding: 0 32px; } }
  .voting-button:active {
    transform: scale(0.98); }
  .voting-button object, .voting-button img {
    display: inline-block;
    pointer-events: none; }

.voting-votes {
  text-align: center;
  font-size: 4em;
  line-height: 1; }
  .voting-votes--white {
    color: #FFFFFF; }
  .voting-votes--white-alt {
    color: #E7F0F7; }
  .voting-votes--green {
    color: #01B472; }
  .voting-votes--bright-green-alt {
    color: #8EBE6B; }
  .voting-votes--pink {
    color: #E80D62; }
  .voting-votes--red {
    color: #FF0D2F; }
  .voting-votes--red-alt {
    color: #E50C2A; }
  .voting-votes--red-alt-2 {
    color: #EB3B3B; }
  .voting-votes--purple {
    color: #6D33B8; }
  .voting-votes--dark-yellow {
    color: #E0B207; }
  .voting-votes--cyan {
    color: #39B7CE; }
  .voting-votes--bright-green {
    color: #9FD378; }
  .voting-votes--green-alt {
    color: #00A367; }
  .voting-votes--tomato {
    color: #DB4C2E; }
  .voting-votes--salmon {
    color: #FA5E3D; }
  .voting-votes--blue {
    color: #36559C; }
  .voting-votes--yellow-alt {
    color: #EBBF1A; }
  .voting-votes--yellow {
    color: #FFCD13; }

.section-title {
  padding: 40px 18px;
  text-align: center;
  cursor: pointer;}
  .section-title--white {
    background-color: #FFFFFF;
    color: #0D4365; }
  .section-title--white-alt {
    background-color: #E7F0F7;
    color: #022840; }
  .section-title--green {
    background-color: #01B472;
    color: #FFFFFF; }
  .section-title--bright-green-alt {
    background-color: #8EBE6B;
    color: #FFFFFF; }
  .section-title--pink {
    background-color: #E80D62;
    color: #FFFFFF; }
  .section-title--red {
    background-color: #FF0D2F;
    color: #FFFFFF; }
  .section-title--red-alt {
    background-color: #E50C2A;
    position:relative;
    z-index: 0;
    color: #E7F0F7; }
  .section-title--red-alt-2 {
    background-color: #EB3B3B;
    color: #FFFFFF; }
  .section-title--purple {
    background-color: #6D33B8;
    color: #FFFFFF; }
  .section-title--dark-yellow {
    background-color: #E0B207;
    color: #FFFFFF; }
  .section-title--cyan {
    background-color: #39B7CE;
    color: #FFFFFF; }
  .section-title--bright-green {
    background-color: #9FD378;
    color: #FFFFFF; }
  .section-title--green-alt {
    background-color: #00A367;
    color: #FFFFFF; }
  .section-title--tomato {
    background-color: #DB4C2E;
    color: #FFFFFF; }
  .section-title--salmon {
    background-color: #FA5E3D;
    color: #FFFFFF; }
  .section-title--blue {
    background-color: #36559C;
    color: #FFFFFF; }
  .section-title--dark-blue {
      background-color: #022840;
      color: rgba(255, 255, 255, 0.2); }
  .section-title--yellow-alt {
    background-color: #EBBF1A;
    color: #022840; }
  .section-title--yellow {
    background-color: #FFCD13;
    color: #022840; }
  .section-title + .app-body {
    margin-top: -24px; }
  .section-title--uppercase {
    text-transform: uppercase; }


.navigation-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0, .1);
    padding: 24px;
    text-align: left;
}
.navigation-top-bar img {
    height: 16px;
    margin-left: 96px;
        pointer-events: all;
}

.navigation-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none; }

.navigation-overlay__background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.33s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1; }
  .navigation-overlay__background.active {
    opacity: 1; }

.navigation-overlay__bar-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 100; }

.navigation-overlay__menu-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.05);
  border: 0;
  cursor: pointer; }

.navigation-overlay__menu-icon {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px; }

.navigation-overlay__menu-open, .navigation-overlay__menu-close {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.33s cubic-bezier(0.25, 1.43, 0.35, 1.69), opacity 0.33s cubic-bezier(0.4, 0, 0.2, 1); }
  .navigation-overlay__menu-open.active, .navigation-overlay__menu-close.active {
    transform: none;
    opacity: 1; }



.navigation-bar {
  width: 100vh;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.05);
  display: none;
  justify-content: flex-end;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
  padding-right: 144px; }
  @media (min-width: 64.063em) {
    .navigation-bar {
      display: flex; } }
  .navigation-bar__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%; }
  .navigation-bar__menu-option {
    display: inline-block;
    pointer-events: all;
    height: 100%;
    padding: 0;
    margin: 0; }
    .navigation-bar__menu-option--current {
      background-color: rgba(255, 255, 255, 0.05);
      pointer-events: none; }
    .navigation-bar__menu-option a {
      display: block;
      line-height: 72px;
      padding: 0 32px;
      color: #ffffff;
      font-weight: 700;
      text-transform: uppercase; }
      @media (min-width: 64em) and (max-width: 107em) {
        .navigation-bar__menu-option a {
          padding: 0 32px;
          font-size: 0.75em;
          letter-spacing: 0.33px; } }
      .navigation-bar__menu-option a:hover {
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.05); }

.navigation-menu {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #0D4365;
  padding-bottom: 32px;
  transform: translateX(-100%);
  pointer-events: none;
  transition: transform 0.33s cubic-bezier(0.4, 0, 0.2, 1); }
  .navigation-menu--active {
    transform: none;
    pointer-events: all; }
  @media (max-width: 64em) {
    .navigation-menu__footer {
      display: none; } }
  .navigation-menu__wrapper {
    padding-left: 148px; }
    @media (max-width: 40em) {
      .navigation-menu__wrapper {
        padding-left: 90px; } }
    .navigation-menu__wrapper--blue {
      background-color: #114B6F; }
  .navigation-menu__options {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-auto-rows: 1fr;
    grid-gap: 16px 24px; }
    .navigation-menu__options a {
      color: #FFFFFF; }
    .navigation-menu__options-wrapper {
      width: 50%; }
      @media (max-width: 40em) {
        .navigation-menu__options-wrapper {
          width: 100%; } }
  .navigation-menu__section-title {
    font-family: "Proxima Nova Black", "Montserrat", "proxima-nova", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2em;
    color: #FFFFFF;
    margin-bottom: 32px; }
  .navigation-menu__section-content {
    color: #FFFFFF;
  }
    .navigation-menu__section-content--columns {
      display: flex;
      flex-direction: row; }
      @media (max-width: 40em) {
        .navigation-menu__section-content--columns {
          flex-direction: column; } }
    .navigation-menu__section-content__column {
      flex: 1; }
      .navigation-menu__section-content__column + .navigation-menu__section-content__column {
        margin-left: 90px; }
      @media (max-width: 40em) {
        .navigation-menu__section-content__column + .navigation-menu__section-content__column {
          margin-left: 0; } }
  .navigation-menu__navigation {
    display: flex;
    flex-direction: column; }
    @media (min-width: 64.063em) {
      .navigation-menu__navigation {
        flex-direction: row; } }
    .navigation-menu__navigation-left, .navigation-menu__navigation-right {
      flex: 1; }
    .navigation-menu__navigation-right {
      margin-top: 48px; }
      @media (min-width: 64.063em) {
        .navigation-menu__navigation-right {
          margin-top: 0; } }
    .navigation-menu__navigation-left {
      padding-right: 90px; }
    .navigation-menu__navigation-right--hr {
      padding: 0 60px 0 0; }
      @media (min-width: 64.063em) {
        .navigation-menu__navigation-right--hr {
          border-left: 2px solid #0D3A57;
          padding: 0 60px 0 90px; } }
  .navigation-menu__brought-by {
    padding-top: 90px;
    padding-right: 128px;
    text-align: right; }
    .navigation-menu__brought-by-title {
      color: rgba(255, 255, 255, 0.2);
      text-transform: uppercase; }
    .navigation-menu__brought-by-list {
      list-style: none;
      padding: 0; }
      .navigation-menu__brought-by-list li {
        margin-top: 28px; }

.domain-level-list, .domain-level {
  list-style: none;
  padding: 0; }

.domain-level-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 12px;
  cursor: pointer; }
  @media (min-width: 64.063em) {
    .domain-level-item {
      flex-direction: row;
      align-items: center; } }

.domain-level {
  width: 90px;
  margin-left: 16px; }
  @media (max-width: 40em) {
    .domain-level {
      margin-left: 0; } }

.domain-level__title {
  flex: 1;
  font-size: 1.25em; }

.domain-level__mark {
  display: inline-block;
  width: 12px;
  height: 5px;
  background-color: #FFFFFF;
}

  .domain-level__mark--marked {
    background-color: #E5A50F; }

    .domain-level__mark + .domain-level__mark {
      margin-left: 4px;
    }

.domain-level__mark--marked_last
{
  margin-right: -4px;
}

.gauge {
  position: relative;
  overflow: hidden;

  }
  .gauge__svg-wrapper {
    position: relative;
    height: 0;
    width: 620px;
    max-width: 100%;
    padding: 0 0 50% 0; }
  .gauge__svg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  .gauge__circle {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 80%;
    background-color: #FFF;
    border-radius: 1000px 1000px 0 0;
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    ;
  }
  .gauge__titles {
    color: #0D4365;
    max-width: 80%;
    text-align: center;
    text-transform: uppercase;
    margin: 10% auto;
    height: 80%; }
    .gauge__titles h2 {
      font-weight: 800;
      opacity: .2;
      font-size: 1.75em;
      margin-bottom: 16px; }
      @media (max-width: 40em) {
        .gauge__titles h2 {
          font-size: 1.125em; } }
    .gauge__titles h3 {
      font-weight: 600;
      opacity: 1;
      font-size: 2.0em;
      line-height: 1.2; }
      .gauge__titles h3:hover {
      text-decoration: underline;
  }
      @media (max-width: 40em) {
        .gauge__titles h3 {
          font-size: 1.25em; } }

.gauge__phase {
  fill: rgba(255, 255, 255, 0.2); }
.gauge--phase-1 .gauge__phase-1 {
  fill: currentColor; }
.gauge--phase-2 .gauge__phase-1,
.gauge--phase-2 .gauge__phase-2 {
  fill: currentColor; }
.gauge--phase-3 .gauge__phase-1,
.gauge--phase-3 .gauge__phase-2,
.gauge--phase-3 .gauge__phase-3 {
  fill: currentColor; }
.gauge--phase-4 .gauge__phase-1,
.gauge--phase-4 .gauge__phase-2,
.gauge--phase-4 .gauge__phase-3,
.gauge--phase-4 .gauge__phase-4 {
  fill: currentColor; }
.gauge--phase-5 .gauge__phase-1,
.gauge--phase-5 .gauge__phase-2,
.gauge--phase-5 .gauge__phase-3,
.gauge--phase-5 .gauge__phase-4,
.gauge--phase-5 .gauge__phase-5 {
  fill: currentColor; }
.gauge--white {
  color: #FFFFFF; }
.gauge--white-alt {
  color: #E7F0F7; }
.gauge--green {
  color: #01B472; }
.gauge--bright-green-alt {
  color: #8EBE6B; }
.gauge--pink {
  color: #E80D62; }
.gauge--red {
  color: #FF0D2F; }
.gauge--red-alt {
  color: #E50C2A; }
.gauge--red-alt-2 {
  color: #EB3B3B; }
.gauge--purple {
  color: #6D33B8; }
.gauge--dark-yellow {
  color: #E0B207; }
.gauge--cyan {
  color: #39B7CE; }
.gauge--bright-green {
  color: #9FD378; }
.gauge--green-alt {
  color: #00A367; }
.gauge--tomato {
  color: #DB4C2E; }
.gauge--salmon {
  color: #FA5E3D; }
.gauge--blue {
  color: #36559C; }
.gauge--yellow-alt {
  color: #EBBF1A; }
.gauge--yellow {
  color: #FFCD13; }

.domain-card-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-row-gap: 32px;
  grid-auto-rows: 1fr; }
  @media (min-width: 64.063em) {
    .domain-card-list {
      grid-template-columns: repeat(2, calc(50% - 10px));
      grid-auto-rows: 1fr;
      grid-column-gap: 20px; } }
  .domain-card-list li {
    display: flex;
    flex-direction: column; }

.domain-card {
  flex: 1;
  display: flex;
  flex-direction: row;
  background-color: #0D4365;
  color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 20px 60px rgba(55, 85, 156, 0.35); }
  @media (min-width: 64.063em) {
    .domain-card--left-columns-borders {
      border-radius: 15px 0 0 15px; } }
  @media (min-width: 64.063em) {
    .domain-card--right-columns-borders {
      border-radius: 0 15px 15px 0; } }
  .domain-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 0 64px 48px; }
    .domain-card__content h2 {
      font-size: 2em;
      line-height: 1;
      text-transform: uppercase; }
    .domain-card__content h3 {
      font-size: 1.5em;
      line-height: 1;
      color: rgba(255, 255, 255, 0.4);
      text-transform: uppercase; }
    .domain-card__content p {
      margin: 24px 0 0 0; }
  .domain-card__domain {
    padding: 0 0 32px 0; }
    .domain-card__domain a {
      color: currentColor;
  text-decoration: underline;
     }
  .domain-card__gauge-wrapper {
    flex: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .domain-card__button-wrapper {
    text-align: center; }
  .domain-card--white {
    background-color: #FFFFFF;
    color: #0D4365; }
    .domain-card--white .domain-card__content h3 {
      color: rgba(13, 67, 101, 0.4); }
  .domain-card--white-alt {
    background-color: #E7F0F7;
    color: #022840; }
    .domain-card--white-alt .domain-card__content h3 {
      color: rgba(2, 40, 64, 0.4); }
  .domain-card--green {
    background-color: #01B472;
    color: #FFFFFF; }
    .domain-card--green .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--bright-green-alt {
    background-color: #8EBE6B;
    color: #FFFFFF; }
    .domain-card--bright-green-alt .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--pink {
    background-color: #E80D62;
    color: #FFFFFF; }
    .domain-card--pink .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--red {
    background-color: #FF0D2F;
    color: #FFFFFF; }
    .domain-card--red .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--red-alt {
    background-color: #E50C2A;
    color: #E7F0F7; }
    .domain-card--red-alt .domain-card__content h3 {
      color: rgba(231, 240, 247, 0.4); }
  .domain-card--red-alt-2 {
    background-color: #EB3B3B;
    color: #FFFFFF; }
    .domain-card--red-alt-2 .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--purple {
    background-color: #6D33B8;
    color: #FFFFFF; }
    .domain-card--purple .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--dark-yellow {
    background-color: #E0B207;
    color: #FFFFFF; }
    .domain-card--dark-yellow .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--cyan {
    background-color: #39B7CE;
    color: #FFFFFF; }
    .domain-card--cyan .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--bright-green {
    background-color: #9FD378;
    color: #FFFFFF; }
    .domain-card--bright-green .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--green-alt {
    background-color: #00A367;
    color: #FFFFFF; }
    .domain-card--green-alt .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--tomato {
    background-color: #DB4C2E;
    color: #FFFFFF; }
    .domain-card--tomato .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--salmon {
    background-color: #FA5E3D;
    color: #FFFFFF; }
    .domain-card--salmon .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--blue {
    background-color: #36559C;
    color: #FFFFFF; }
    .domain-card--blue .domain-card__content h3 {
      color: rgba(255, 255, 255, 0.4); }
  .domain-card--yellow-alt {
    background-color: #EBBF1A;
    color: #022840; }
    .domain-card--yellow-alt .domain-card__content h3 {
      color: rgba(2, 40, 64, 0.4); }
  .domain-card--yellow {
    background-color: #FFCD13;
    color: #022840; }
    .domain-card--yellow .domain-card__content h3 {
      color: rgba(2, 40, 64, 0.4); }
  .domain-card + .domain-card__button-wrapper {
    margin-top: -30px; }

.institutional-partner
{
  position: relative;
  background-color: #022840;
  padding: 112px 0 40px 0;

}

.domain-card-partner-list {
  list-style: none;
  padding: 0; }
  .domain-card-partner-list li {
    display: inline-block;
    vertical-align: top;
    background-color: #FFFFFF;
    padding: 16px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
    color: #0D4365;
    margin-right: 8px;
    margin-bottom: 8px; }

.side-gauge {
  position: relative;
  overflow: hidden; }
  .side-gauge__svg-wrapper {
    position: relative;
    height: 0;
    width: 192px;
    max-width: 100%;
    padding: 0 0 160% 0; }
    @media (max-width: 40em) {
      .side-gauge__svg-wrapper {
        width: 96px; } }
  .side-gauge__svg {
    position: absolute;
    height: 100%;
    width: 160%;
    left: -20%;
    top: 0;
    transform: rotate(-90deg); }
  .side-gauge__circle {
    position: absolute;
    left: 37.5%;
    top: 10%;
    bottom: 10%;
    width: 80%;
    height: 80%;
    background-color: #FFF;
    border-radius: 1000px 0 0 1000px;
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.4); }
  .side-gauge__titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #0D4365;
    max-width: 80%;
    text-align: center;
    text-transform: uppercase;
    padding-left: 10%;
    margin: 10% auto 10% 0;
    height: 80%; }
    .side-gauge__titles h2 {
      font-weight: 800;
      opacity: .2;
      font-size: 1.125em;
      margin: 32px 0 0 0;
      line-height: 1; }
      @media (max-width: 40em) {
        .side-gauge__titles h2 {
          font-size: 0.75em; } }
    .side-gauge__titles h3 {
      font-weight: 600;
      opacity: 1;
      font-size: 4em;
      line-height: 1; }
      @media (max-width: 40em) {
        .side-gauge__titles h3 {
          font-size: 2em; } }

          .modal-overlay {
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 101;
            padding: 64px 20px;
            overflow: auto;
            opacity: 0;
            transition: opacity 0.33s cubic-bezier(0.4, 0, 0.2, 1) !important;
            pointer-events: none; }
            @media (min-width: 64.063em) {
              .modal-overlay {
                display: flex;
                align-items: center;
                justify-content: center; } }
            .modal-overlay.visible {
              opacity: 1;
              pointer-events: all; }

          .modal-window {
            position: relative;
            background-color: #FFFFFF;
            padding: 64px;
            box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
            width: 960px;
            max-width: 100%;
            margin: 0 auto;
            opacity: 0;
            border-radius: 10px;
            transform: scale(0.9);
            transition: transform 0.33s cubic-bezier(0.25, 1.43, 0.35, 1.69);
            margin-bottom: 64px; }

            @media (max-width: 40em) {
              .modal-window {
                padding: 32px; } }
            .modal-window.open {
              opacity: 1;
              transform: none;
              transition: transform 0.33s cubic-bezier(0.25, 1.43, 0.35, 1.69), opacity 0.13s; }
            .modal-window.open .modal-window__close {
              opacity: 1;
              transform: none;
              transition: transform 0.23s cubic-bezier(0.25, 1.43, 0.35, 1.69), opacity 0.13s;
              transition-delay: 0.13s; }
            .modal-window::before {
              position: absolute;
              content: '';
              width: 58%;
              height: 8px;
              top: 0;
              left: 64px;
              background-color: #39B7CE; }
              @media (max-width: 40em) {
                .modal-window::before {
                  width: calc(100% - 192px); } }
            .modal-window__close {
              position: absolute;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              top: -24px;
              right: 24px;
              width: 48px;
              height: 48px;
              background: #FFFFFF;
              border: 0;
              border-radius: 50%;
              box-shadow: 0 6px 10px rgba(166, 200, 227, 0.25);
              cursor: pointer;
              opacity: 0;
              transform: scale(0.5);
              transition: transform 0.55s cubic-bezier(0.25, 1.43, 0.35, 1.69);
                }
              .modal-window__close:hover {
                background-color: #e9f1f8; }

          .modal {
            /* display: none;  */
            width: 100%;

          }



          @media (max-width: 64em) {
            .modal {
              /* overflow: auto;
            height: 500px; */
            display: flex;

               } }

               @media (max-width: 64em) {
                 .modal__card-content, .modal__footer {
                   overflow: auto;
                   max-height: 450px;
               flex-direction: column;
               flex: 1;
               vertical-align: top;

                    } }

          .modal-container::before
          {
            position: absolute;
            content: '';
            width: 38%;
            height: 8px;
            margin-top: -65px;
            background-color: #39B7CE;

          }

          .modal-mask {
          /* position: fixed;
          z-index: 9998;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, .5);
          display: table;
          transition: opacity .3s ease; */


          position: fixed !important;
            z-index: 2000 !important;
            top: 0px !important;
            right: 0px !important;
            bottom: 0px !important;
            left: 0px !important;
            overflow-y: auto !important;
            webkit-transform: translate3d(0,0,0) !important;
            background-color: rgba(255, 255, 255, 0.8) !important;
            display: -webkit-box !important;
            display: -moz-box !important;
            display: -ms-flexbox !important;
            display: -webkit-flex !important;
            display: flex !important;
            transition: opacity .3s ease;

          }

          .modal-wrapper {
            display: -webkit-box !important;
                display: -moz-box !important;
                display: -ms-flexbox !important;
                display: -webkit-flex !important;
                display: flex !important;
                /* margin: auto !important; */
                /* padding: 64px !important; */
                width: 100%;
                max-width: 100%;
          }

          .modal-container {

            width: 300px;
             background-color: #ffffff !important;
             box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2) !important;
             -webkit-flex: 1 !important;
             -ms-flex: 1 !important;
             flex: 1 !important;
             width: 100% !important;
             margin: 0px auto;
             padding: 64px;
             background-color: #fff;
             border-radius: 10px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
             transition: all .3s ease;
             font-family: Helvetica, Arial, sans-serif;

            /*
          width: 80%;
          margin: 0px auto;
          padding: 64px;
          background-color: #fff;
          border-radius: 10px;
          box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
          transition: all .3s ease;
          font-family: Helvetica, Arial, sans-serif;
          position: relative; */
          }

          .modal-header h3 {
          margin-top: 0;
          color: #42b983;
          }

          .modal-body {
          margin: 20px 0;
          }

          .modal-default-button {
          float: right;
          }

          /*
          * The following styles are auto-applied to elements with
          * transition="modal" when their visibility is toggled
          * by Vue.js.
          *
          * You can easily play with the modal transition by editing
          * these styles.
          */

          .modal-enter {
          opacity: 0;
          }

          .modal-leave-active {
          opacity: 0;
          }

          .modal-enter .modal-container,
          .modal-leave-active .modal-container {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          }






            .modal__separator {
              margin: 24px 0 48px 0; }
            .modal__highlight-text {
              font-size: 1.125em;
              color: #36559C;
              font-weight: bolder; }
            .modal__card {
              display: flex;
              flex-direction: column; }
              @media (min-width: 64.063em) {
                .modal__card {
                  flex-direction: row; } }
              .modal__card-aside {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-content: center;
                text-align: center;
                    max-height: 220px;
                }
                @media (min-width: 64.063em) {
                  .modal__card-aside {
                    flex: 0;
                    margin-right: 64px; } }
              .modal__card-content {
                flex: 1;
                overflow: auto;
                max-height: 40vh;
              }
                .modal__card-content hgroup {
                  margin: 0 0 48px;
                  text-align: center; }
                  @media (min-width: 64.063em) {
                    .modal__card-content hgroup {
                      text-align: left; } }
                .modal__card-content h2 {
                  color: #022840; }
                .modal__card-content h3 {
                  font-size: 0.875em;
                  color: #6D33B8;
                  margin: 0; }
              .modal__card-portrait {
                width: 144px;
                border-radius: 50%;
                margin: 0 auto; }
                .modal__card-portrait-title {
                  font-size: 1.125em;
                  color: #36559C;
                  text-transform: uppercase;
                  font-weight: bolder;
                  padding: 0 8px; }
            .modal__footer {
              display: flex;
              flex-direction: column;
              padding-top: 32px;
              overflow: auto;
max-height: 40vh;
            }
              @media (min-width: 64.063em) {
                .modal__footer {
                  flex-direction: column; } }
              .modal__footer-image {
                flex: 1;
                text-align: center;
                margin: 0 0 32px 0; }
                .modal__footer-image img {
                  border-radius: 50%;
                  width: 128px;
                  margin: 0 auto; }
                  @media (min-width: 64.063em) {
                    .modal__footer-image img {
                      width: 80px; } }
                @media (min-width: 64.063em) {
                  .modal__footer-image {
                    flex: 0;
                    margin: 0 32px 0 0; } }
              .modal__footer-text {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center; }
                @media (min-width: 64.063em) {
                  .modal__footer-text {
                    align-items: flex-start;
                    text-align: left; } }
                .modal__footer-text h2 {
                  color: #36559C;
                  font-size: 1.125em;
                  margin: 0; }
                .modal__footer-text h3 {
                  color: #6D33B8;
                  font-size: 0.875em;
                  margin: 0; }


        .cookies-warning {
          position: fixed;
          width: 100%;
          left: 0;
          bottom: 0;
          pointer-events: none;
          z-index: 100;
          padding: 28px 20px; }
          .cookies-warning__content {
            pointer-events: all;
            margin: 0 auto;
            background-color: #F7A700;
            max-width: 960px;
            display: flex;
            flex-direction: column;
            padding: 20px 24px;
            box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.33);
            border-radius: 1px; }
            @media (min-width: 40.063em) {
              .cookies-warning__content {
                flex-direction: row;
                padding: 28px 36px; } }
          .cookies-warning__text {
            flex: 1;
            color: rgba(0, 0, 0, 0.65); }
            @media (max-width: 40em) {
              .cookies-warning__text {
                text-align: center; } }
          .cookies-warning__button {
            flex: 1;
            margin: 20px 0 0 0; }
            @media (min-width: 40.063em) {
              .cookies-warning__button {
                margin: 0 0 0 36px;
                flex: 0; } }
            .cookies-warning__button button {
              display: block;
              white-space: nowrap;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.15);
              color: #FFFFFF;
              font-weight: 600;
              border: 0;
              text-transform: uppercase;
              padding: 20px 36px;
              cursor: pointer;
              transition: color 0.13s ease-in, background-color 0.13s ease-in; }
              .cookies-warning__button button:hover {
                background-color: rgba(0, 0, 0, 0.28); }

.header__orange-background {
  background-image: url("/images/header-orange.png"); }

.header__red-background {
  background-image: url("/images/header-red.png"); }


  /* ADDITIONALS */
  .hero-section {
    background-color: #4772A4;
    padding: 200px 40px 120px 40px;
    text-align: center; }
    @media (min-width: 40.063em) {
      .hero-section {
        padding-left: 140px;
        padding-right: 80px; } }
    @media (min-width: 64.063em) {
      .hero-section {
        padding-left: 120px;
        padding-right: 120px; } }
    .hero-section h1 {
      display: inline-block;
      color: rgba(173, 196, 214, 0.5);
      font-family: proxima-nova, sans-serif;
      font-weight: 800;
      letter-spacing: 0.55px;
      line-height: 29px;
      text-align: left;
      text-transform: uppercase;
      font-size: 1.15rem;
      margin: 48px auto 0 auto; }
      @media (min-width: 40.063em) and (max-width: 64em) {
        .hero-section h1 {
          font-size: 1.25rem; } }
      @media (min-width: 64.063em) {
        .hero-section h1 {
          font-size: 1.5rem; } }
    .hero-section img {
      max-width: 90%; }
      @media (min-width: 40.063em) and (max-width: 64em) {
        .hero-section img {
          max-width: 72%; } }
      @media (min-width: 64.063em) {
        .hero-section img {
          max-width: 28%; } }
    .hero-section--middle-blue {
      background-color: #0E4365; }
    .hero-section__line {
      letter-spacing: 0.73px;
      line-height: 39px;
      color: #ADC4D6;
      font-size: 1.25rem; }
      @media (min-width: 40.063em) and (max-width: 64em) {
        .hero-section__line {
          font-size: 1.5rem; } }
      @media (min-width: 64.063em) {
        .hero-section__line {
          font-size: 2rem; } }

          .hero-section--middle-blue {
            background-color: #0E4365; }

            .fullwidth-section {
              padding-top: 40px;
              padding-bottom: 40px; }
              @media (min-width: 40.063em) {
                .fullwidth-section {
                  padding-top: 80px;
                  padding-bottom: 80px;
                  padding-left: 120px; } }
              @media (min-width: 64.063em) {
                .fullwidth-section {
                  padding-top: 120px;
                  padding-bottom: 120px; } }
              .fullwidth-section p {
                font-size: 1.2rem;
                font-weight: 400;
                line-height: 1.62;
                margin-bottom: 16px; }


                .hero-section__line {
                  letter-spacing: 0.73px;
                  line-height: 39px;
                  color: #ADC4D6;
                  font-size: 1.25rem; }
                  @media (min-width: 40.063em) and (max-width: 64em) {
                    .hero-section__line {
                      font-size: 1.5rem; } }
                  @media (min-width: 64.063em) {
                    .hero-section__line {
                      font-size: 2rem; } }