@keyframes slide-in--down {
  from {
    opacity: 0;
    transform: translateY(-100%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes slide-out--up {
  from {
    transform: translateY(0%)
  }

  to {
    transform: translateY(-100%)
  }
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  font-weight: 500;
  font-display: optional;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

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

html {
  font-size: 16px;
  font-size: 85%;
  font-family: "Roboto", Arial, sans-serif;
  scroll-padding-top: 150px;
  letter-spacing: -0.2
}

@media screen and (min-width: 40rem) {
  html {
    font-size: 100%
  }
}

body {
  box-sizing: border-box;
  background: #fffeff;
  line-height: 1.5;
  color: #707070;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll
}

p,
pre,
details,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem 0
}

figure {
  margin: 0;
  padding: 0
}

img {
  border: 0;
  max-width: 100%;
  height: auto
}

p {
  font-size: 1rem;
  line-height: 1.44444444;
  color: inherit
}

a {
  color: #2777c6;
  text-decoration: none
}

a::visited {
  color: #2777c6
}

a:hover {
  text-decoration: underline
}

strong {
  font-weight: 500
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.4444
}

ul[class],
ol[class] {
  padding: 0;
  list-style: none
}

input,
button,
textarea,
select {
  font: inherit
}

.o-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 .9rem;
  box-sizing: border-box
}

@media screen and (min-width: 40rem) {
  .o-container {
    padding: 0 1rem
  }
}

.o-button {
  display: inline-block;
  background: #005ea6;
  border: 1px solid #005ea6;
  opacity: .9;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  padding: 1rem 1.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .2s ease
}

.o-button__disabled {
  pointer-events: none;
  opacity: .7
}

.o-button:hover {
  color: #fff;
  opacity: 1;
  text-decoration: none
}

.o-button:hover * {
  text-decoration: none
}

.o-button--small {
  padding: .5rem 1rem;
  font-size: .85rem
}

.o-button--large {
  padding: 1rem 2rem;
  font-size: 1.15rem
}

.o-button--full {
  width: 100%
}

.o-button--outline {
  border: 1px solid #2777c6;
  color: #2777c6;
  background: #fff;
  opacity: 1
}

.o-button--outline:hover,
.o-button--outline:visited {
  color: #2777c6;
  background: #fff
}

.o-button--outline:hover {
  background: #f7f7f7
}

.o-button--white {
  color: #fff;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  opacity: 1
}

.o-button--white:hover,
.o-button--white:visited {
  color: #fff
}

.o-button--transparent {
  border: 0;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0)
}

.o-button--transparent:hover,
.o-button--transparent:focus {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px 4px rgba(20, 102, 143, .08);
  border: 1px solid #eee
}

.o-button--link {
  color: #2777c6;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  outline: none;
  padding: 0;
  font-weight: inherit;
  vertical-align: inherit;
  font-size: inherit;
  border: 0
}

.o-button--link:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #2777c6
}

.o-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start
}

.o-flex-container__item {
  margin: 0 0 1.2rem 0;
  flex-basis: 100%
}

@media screen and (min-width: 40rem) {
  .o-flex-container__item--first {
    order: -1
  }
}

.o-flex-container--minTwo .o-flex-container__item {
  flex-basis: calc(50% - 0.6rem)
}

.o-flex-container--minTwo .o-flex-container__item:nth-child(odd) {
  margin-right: 1.2rem
}

.o-flex-container--minTwo .o-flex-container__item:nth-child(even) {
  margin-right: 0
}

@media screen and (max-width: 980px) {
  .o-flex-container--minOne .o-flex-container__item {
    flex-basis: calc(50% - 0.6rem)
  }

  .o-flex-container--minOne .o-flex-container__item:nth-child(odd) {
    margin-right: 1.2rem
  }

  .o-flex-container--minOne .o-flex-container__item:nth-child(even) {
    margin-right: 0
  }
}

.o-flex-container--tight .o-flex-container__item {
  margin-top: 0 !important;
  margin-bottom: .25rem !important
}

.o-flex-container--cascade>* {
  display: flex
}

.o-flex-container--stretch {
  align-items: stretch
}

.o-flex-container--center {
  align-items: center
}

@media screen and (min-width: 31rem) {

  .o-flex-container--minTwo .o-flex-container__item,
  .o-flex-container--maxFour .o-flex-container__item,
  .o-flex-container--two .o-flex-container__item,
  .o-flex-container--three .o-flex-container__item,
  .o-flex-container--four .o-flex-container__item {
    justify-content: space-around
  }

  .o-flex-container--four .o-flex-container__item {
    flex-basis: calc(50% - 0.6rem);
    margin-bottom: 0;
    margin-right: 1.2rem
  }

  .o-flex-container--four .o-flex-container__item:nth-child(even) {
    margin-right: 0
  }

  .o-flex-container--four .o-flex-container__item:nth-child(n+3) {
    margin-top: 1.2rem
  }
}

@media screen and (min-width: 40rem) {
  .o-flex-container--two .o-flex-container__item {
    flex-basis: calc(50% - 0.6rem);
    margin-bottom: 0;
    margin-right: 1.2rem
  }

  .o-flex-container--two .o-flex-container__item:nth-child(even) {
    margin-right: 0
  }

  .o-flex-container--two .o-flex-container__item:nth-child(n+3) {
    margin-top: 1.2rem
  }

  .o-flex-container--minThree .o-flex-container__item {
    flex-basis: calc(33.333% - 0.8rem);
    margin-bottom: 0
  }

  .o-flex-container--minThree .o-flex-container__item:nth-child(n) {
    margin-right: 1.2rem
  }

  .o-flex-container--minThree .o-flex-container__item:nth-child(n+4) {
    margin-top: 1.2rem
  }

  .o-flex-container--minThree .o-flex-container__item:nth-child(3n) {
    margin-right: 0
  }
}

@media screen and (min-width: 50rem) {
  .o-flex-container--wide .o-flex-container__item {
    padding: 0 4rem 0 4rem
  }

  .o-flex-container--minTwo .o-flex-container__item:nth-child(odd) {
    margin-right: initial
  }

  .o-flex-container--minTwo .o-flex-container__item:nth-child(even) {
    margin-right: initial
  }

  .o-flex-container--two .o-flex-container__item {
    flex-basis: calc(50% - 0.6rem);
    margin-bottom: 0;
    margin-right: 1.2rem
  }

  .o-flex-container--two .o-flex-container__item:nth-child(odd) {
    margin-right: 1.2rem
  }

  .o-flex-container--two .o-flex-container__item:nth-child(even) {
    margin-right: 0
  }

  .o-flex-container--two .o-flex-container__item:nth-child(n+3) {
    margin-top: 1.2rem
  }

  .o-flex-container--three .o-flex-container__item {
    flex-basis: calc(33.333% - 0.8rem);
    margin-bottom: 0
  }

  .o-flex-container--three .o-flex-container__item:nth-child(n) {
    margin-right: 1.2rem
  }

  .o-flex-container--three .o-flex-container__item:nth-child(n+4) {
    margin-top: 1.2rem
  }

  .o-flex-container--three .o-flex-container__item:nth-child(3n) {
    margin-right: 0
  }

  .o-flex-container--four .o-flex-container__item {
    flex-basis: calc(25% - 0.9022556391rem);
    margin-bottom: 0
  }

  .o-flex-container--four .o-flex-container__item:nth-child(n) {
    margin-right: 1.2rem
  }

  .o-flex-container--four .o-flex-container__item:nth-child(n+3) {
    margin-top: 0rem
  }

  .o-flex-container--four .o-flex-container__item:nth-child(n+5) {
    margin-top: 1.2rem
  }

  .o-flex-container--four .o-flex-container__item:nth-child(4n) {
    margin-right: 0
  }

  .o-flex-container--threeQuarter .o-flex-container__item:nth-child(n) {
    margin-right: 1.2rem
  }

  .o-flex-container--threeQuarter .o-flex-container__item:nth-child(2n) {
    margin-right: 0
  }

  .o-flex-container--threeQuarter .o-flex-container__item--minor {
    flex-basis: calc(30% - 0.6rem);
    margin-bottom: 0
  }

  .o-flex-container--threeQuarter .o-flex-container__item--major {
    flex-basis: calc(70% - 0.9022556391rem);
    margin-bottom: 0
  }
}

@media screen and (min-width: 75rem) {
  .o-flex-container--evenSpacing {
    justify-content: space-between
  }

  .o-flex-container--evenSpacing .o-flex-container__item {
    flex-basis: auto
  }
}

.o-gallery {
  display: flex;
  justify-content: space-around;
  margin: 0 auto 4rem auto;
  align-items: center;
  flex-direction: column
}

.o-gallery__image {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-self: center
}

.o-gallery__image img {
  margin: 0 auto
}

.o-gallery__content {
  margin: 0
}

@media screen and (min-width: 40rem) {
  .o-gallery {
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row
  }

  .o-gallery__image {
    flex-basis: 35%;
    margin-bottom: 0;
    align-self: flex-start
  }

  .o-gallery__image img {
    margin: 0 auto
  }

  .o-gallery__content {
    flex-basis: 65%;
    margin: 0;
    margin-left: 2rem
  }

  .o-gallery--inverse .o-gallery__image {
    order: 2
  }

  .o-gallery--inverse .o-gallery__content {
    margin-right: 2rem;
    margin-left: 0
  }

  .o-gallery--split .o-gallery__image,
  .o-gallery--split .o-gallery__content {
    flex-basis: 50%
  }

  .o-gallery--split .o-gallery__image {
    margin: 0 auto
  }
}

@font-face {
  font-family: "icomoon";
  src: url("/css/fonts/Icons/icomoon.eot");
  src: url("/css/fonts/Icons/icomoon.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Icons/icomoon.woff") format("woff"), url("/css/fonts/Icons/icomoon.ttf") format("truetype"), url("/css/fonts/Icons/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: block
}

[data-icon]:before {
  font-family: "icomoon";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.c-searchGroup {
  display: flex;
  align-self: stretch;
  margin: 0;
  position: relative
}

.c-searchGroup__input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 14px 12px;
  padding-right: 50px;
  font-size: 1rem;
  outline: 0;
  border-radius: 6px;
  overflow: hidden
}

.c-searchGroup__input:focus,
.c-searchGroup__input:hover {
  box-shadow: inset 0 0 0 1px #2777c6;
  border-color: #2777c6;
  outline: none
}

.c-searchGroup__button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #2777c6;
  font-size: 1.5rem;
  position: absolute;
  width: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 6px;
  margin: 0;
  outline: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

.c-searchGroup__button:hover {
  cursor: pointer
}

.c-searchGroup__button:focus {
  background: #f7f7f7
}

.c-input {
  width: 100%;
  padding: 6px;
  border: 1px solid #ddd;
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  resize: vertical;
  background-color: #fafafa
}

.c-input:focus {
  background-color: #fff;
  border: 1px solid #ccc
}

.c-input--large {
  padding: 15px
}

.c-input--invalid {
  border-color: #ed5a48
}

select.c-input {
  background: url(../../images/arrows/ppc-arrow.svg) no-repeat;
  background-size: 10px;
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0
}

.c-avatar {
  display: flex;
  align-items: center
}

.c-avatar__image {
  margin-right: 1rem
}

.c-avatar__image img,
.c-avatar__image svg {
  max-width: 48px;
  max-height: 48px
}

.c-avatar--right .c-avatar__image {
  margin-right: 0;
  margin-left: 1rem;
  order: 2
}

.c-avatar--right .c-avatar__meta {
  order: 1
}

.c-avatar--top {
  align-items: flex-start
}

.c-avatar--round .c-avatar__image img {
  border-radius: 50%
}

.c-avatar--thirtytwo .c-avatar__image img,
.c-avatar--thirtytwo .c-avatar__image svg {
  max-width: 32px;
  max-height: 32px
}

.c-avatar--fourtyeight .c-avatar__image img,
.c-avatar--fourtyeight .c-avatar__image svg {
  max-width: 48px;
  max-height: 48px
}

.c-avatar--sixtyfour .c-avatar__image img,
.c-avatar--sixtyfour .c-avatar__image svg {
  max-width: 64px;
  max-height: 64px
}

.c-avatar--mobileStack {
  flex-direction: column;
  align-items: flex-start
}

.c-avatar--mobileStack .c-avatar__image {
  margin-right: 0;
  margin-bottom: .5rem
}

@media screen and (min-width: 40rem) {
  .c-avatar--mobileStack {
    flex-direction: row;
    align-items: center
  }

  .c-avatar--mobileStack .c-avatar__image {
    margin-right: 1rem;
    margin-bottom: 0
  }
}

.c-card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px 4px rgba(20, 102, 143, .08);
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%
}

.c-card__body {
  padding: 1rem;
  flex-grow: 1
}

.c-card__body>*:last-child {
  margin-bottom: 0
}

.c-card__footer {
  background: #f7f7f7;
  padding: 1rem
}

.c-card--separated:after {
  content: "";
  border: 1px solid #eee;
  width: 100%;
  height: 1px;
  position: absolute;
  align-self: center;
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 0
}

@media screen and (min-width: 40rem) {
  .c-card--separated:after {
    width: 1px;
    height: 100%;
    top: auto;
    bottom: auto;
    left: 50%;
    right: auto
  }
}

.c-card--border {
  border-top: 4px solid #2777c6
}

.c-card--cozy10 {
  padding: 1rem
}

.c-card--cozy20 {
  padding: 2rem
}

.c-card--rounded {
  border-radius: 100%
}

.c-card .landing-job-desc {
  white-space: break-spaces
}

.c-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.c-feature__icon {
  margin-bottom: 1rem
}

.c-feature--list {
  flex-direction: row
}

@media screen and (max-width: 670px) {
  .c-feature--list {
    flex-direction: column
  }
}

@media screen and (max-width: 670px) {
  .c-featureMobile {
    flex-direction: unset !important
  }

  .c-featureMobile__icon {
    margin-bottom: 1rem;
    margin-right: 2rem
  }

  .c-featureMobile__Text {
    text-align: initial
  }
}

.c-footer {
  background: #2b3247;
  padding: 3rem 0 0 0;
  margin: 0
}

.c-footer__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between
}

.c-footer__section {
  flex: 1 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.c-footer__section__heading {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
  padding: 1rem 0
}

.c-footer__section__heading label {
  display: block;
  position: relative
}

.c-footer__section__heading label:hover {
  cursor: pointer
}

.c-footer__section__heading label:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 10px;
  height: 10px;
  transition: 100ms transform ease-in
}

.c-footer__section__toggle {
  display: none
}

.c-footer__section__toggle:checked~.c-footer__section__items {
  display: block
}

.c-footer__section__toggle:checked~.c-footer__section__heading>label:after {
  transform: rotate(135deg)
}

.c-footer__section__items {
  font-size: 14px;
  font-size: 0.875rem;
  display: none
}

.c-footer__section__items a {
  color: #fff;
  display: block;
  margin-bottom: 1rem
}

.c-footer__section--connect {
  border-bottom: none
}

.c-footer__socials {
  display: flex
}

.c-footer__socials__social {
  margin-right: .5rem;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  padding: 2px;
  color: #fff
}

.c-footer__socials__social--facebook {
  background-color: #3b5998
}

.c-footer__socials__social--x {
  background-color: #333
}

.c-footer__socials__social--linkedIn {
  background-color: #0e76a8
}

.c-footer__socials__social svg {
  width: 100%;
  height: 100%
}

.c-footer__socials__social:last-child {
  margin-right: 0
}

@media screen and (min-width: 75rem) {
  .c-footer__socials__social {
    width: 2.5rem;
    height: 2.5rem
  }
}

.c-footer__bottom {
  padding: 1.5rem 0;
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  color: hsla(0, 0%, 100%, .6);
  text-align: center;
  font-size: 1rem;
  margin-top: 3rem
}

.c-footer__bottom__logowrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem
}

.c-footer__bottom__logowrap__logo {
  height: 25px;
  width: 110px;
  fill: #fff;
  color: #fff;
  display: block;
  margin-right: 8px
}

.c-footer__bottom__logowrap__logo--center {
  width: unset
}

@media screen and (min-width: 40rem) {
  .c-footer__bottom__logowrap__logo--center {
    width: 110px
  }
}

@media screen and (min-width: 50rem) {
  .c-footer__bottom__logowrap__logo--center {
    width: 110px
  }
}

.c-footer__bottom__copyright {
  margin-bottom: 0
}

@media screen and (min-width: 40rem) {
  .c-footer__bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }

  .c-footer__bottom__logowrap {
    margin-bottom: 0
  }

  .c-footer__bottom__logowrap__tagline {
    font-size: .825rem
  }

  .c-footer__bottom__copyright {
    font-size: .825rem
  }
}

@media screen and (min-width: 50rem) {
  .c-footer__wrap {
    flex-direction: row
  }

  .c-footer__section {
    padding: 0 1rem 0 0;
    border-bottom: none
  }

  .c-footer__section:last-child {
    margin-right: 0
  }

  .c-footer__section__heading label:after {
    content: unset
  }

  .c-footer__section__heading label:hover {
    cursor: text
  }

  .c-footer__section__items {
    display: block
  }
}

.c-header {
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
  width: 100%;
  z-index: 100;
  position: relative
}

.c-header__link {
  display: block;
  color: #111;
  font-weight: 500
}

.c-header__link:hover {
  text-decoration: none;
  color: #2777c6;
  cursor: pointer
}

.c-header__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  height: 48px
}

.c-header__row__menu {
  display: flex;
  justify-content: flex-start;
  flex: 1 1 0%
}

.c-header__row__logo {
  flex: 0 1 auto
}

.c-header__row__account {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  list-style: none
}

.c-header__row__navigation {
  display: none
}

.c-header__navigationItem {
  display: none
}

.c-header__logo {
  width: 100px
}

.c-header__menu {
  background: none;
  border: none;
  padding: 0
}

.c-header__menu svg {
  fill: #999;
  height: 30px;
  width: 30px
}

.c-header__icon {
  display: flex;
  align-items: center
}

.c-header__icon__ico {
  margin-right: 4px
}

.c-header--solid {
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 4px solid #2777c6
}

.c-header--fixed {
  border-top: 4px solid #2777c6;
  animation: slide-in--down 300ms cubic-bezier(0, 0, 0.3, 1);
  background: #fff;
  border-bottom: none;
  box-shadow: 0 0 4px 4px rgba(20, 102, 143, .08);
  top: 0;
  left: 0;
  position: fixed
}

.c-header--transparent {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  box-shadow: none;
  height: 48px
}

@media screen and (min-width: 56.875rem) {
  .c-header--transparent {
    height: 67px
  }
}

.c-header--transparent .c-header__logo,
.c-header--transparent .c-header__logo #arch {
  fill: #fff
}

@media screen and (min-width: 56.875rem) {
  .c-header__row {
    height: 67px
  }

  .c-header__row__menu {
    display: none
  }

  .c-header__row__navigation {
    display: flex;
    margin: 0;
    margin-left: 1rem;
    margin-right: auto;
    padding: 0
  }

  .c-header__navigationItem {
    font-size: 14px;
    font-size: 0.875rem;
    display: flex;
    padding: 1.25rem 0;
    margin-left: 1.125rem;
    align-items: stretch
  }

  .c-header__logo {
    width: 130px
  }

  .c-header__dropdown {
    position: relative
  }

  .c-header__dropdown:hover>.c-header__dropdown__menu {
    display: block
  }

  .c-header__dropdown__trigger {
    position: relative
  }

  .c-header__dropdown__trigger:focus+.c-header__dropdown__menu {
    display: block
  }

  .c-header__dropdown__menu {
    background: #fff;
    border-radius: 2px;
    margin: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
    list-style: none;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    border: 1px solid #e9e9e9;
    transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1);
    display: none;
    width: 200px
  }

  .c-header__dropdown__menu__link {
    padding: .5rem 1rem;
    color: #111;
    display: block;
    pointer-events: auto
  }

  .c-header__dropdown__menu__link:hover {
    background: #f7f7f7
  }
}

@media screen and (min-width: 68rem) {
  .c-header__navigationItem {
    margin-left: 2rem;
    font-size: 16px;
    font-size: 1rem
  }
}

.c-sideNav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 90
}

.c-sideNav__shadow {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  will-change: opacity
}

.c-sideNav__container {
  display: flex;
  position: relative;
  background: #f7f7f7;
  width: 80%;
  max-width: 400px;
  border-right: 3px solid #2777c6;
  height: 100%;
  box-shadow: 2px 0 12px rgba(0, 0, 0, .6);
  transform: translateX(-102%);
  overflow-y: auto;
  flex-direction: column;
  will-change: transform;
  padding-top: 60px
}

.c-sideNav__content a {
  color: #111;
  display: block;
  height: 48px;
  line-height: 48px;
  padding: 0 1em;
  font-weight: 500
}

.c-sideNav__content a:hover {
  background: #e9e9e9
}

.c-sideNav hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  height: 1px
}

.c-sideNav--visible {
  pointer-events: auto
}

.c-sideNav--visible .c-sideNav__shadow {
  opacity: 1
}

.c-sideNav--visible .c-sideNav__container {
  transform: none
}

.c-sideNav--animatable {
  pointer-events: auto
}

.c-sideNav--animatable .c-sideNav__shadow {
  transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1)
}

.c-sideNav--animatable .c-sideNav__container {
  transition: transform 300ms cubic-bezier(0, 0, 0.3, 1)
}

.c-heading {
  margin-top: 0;
  font-weight: 500;
  display: block;
  margin-bottom: .5rem;
  color: #111;
  letter-spacing: -0.8px
}

.c-heading--minor {
  font-size: 1rem;
  letter-spacing: normal
}

.c-heading--small {
  font-size: 1.125rem;
  letter-spacing: normal
}

.c-heading--medium {
  font-size: 1.25rem
}

.c-heading--large {
  font-size: 1.35rem
}

.c-heading--marginTopLarge {
  margin-top: 3rem
}

.c-heading--lessContent {
  text-align: center;
  letter-spacing: .8px;
  max-height: 20px
}

@media screen and (min-width: 40rem) {
  .c-heading--lessContent {
    max-width: 170px
  }
}

@media screen and (min-width: 50rem) {
  .c-heading--lessContent {
    text-align: unset;
    letter-spacing: -0.8px;
    min-height: unset
  }
}

@media screen and (min-width: 40rem) {
  .c-heading--small {
    font-size: 1.25rem
  }

  .c-heading--medium {
    font-size: 1.4rem
  }

  .c-heading--large {
    font-size: 1.5rem
  }
}

.c-hero {
  padding: 3rem 0 3rem 0;
  position: relative;
  background-color: #2b3247;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("https://res.cloudinary.com/gurucom/image/upload/w_1000,ar_16:9,c_fill,g_auto/static/homepage/banner.svg")
}

.c-hero__breadcrumb {
  color: #fff;
  margin-top: -5rem;
  margin-bottom: 3rem;
  position: relative
}

.c-hero__breadcrumb a {
  color: #fff
}

.c-hero__breadcrumb--full {
  display: none
}

.c-hero__breadcrumb--mobile {
  display: block;
  margin-top: -1rem;
  margin-bottom: 3rem
}

.c-hero__main {
  z-index: 2;
  position: relative;
  text-align: left
}

.c-hero__headings {
  position: relative
}

.c-hero__headings:after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: -1rem;
  width: 100px;
  border-bottom: 2px solid #2777c6
}

.c-hero__title {
  font-size: 2rem;
  color: #fff;
  margin: 0 0 .5rem 0;
  line-height: 1.25;
  font-weight: 500
}

.c-hero__subTitle {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 0;
  font-weight: 500
}

.c-hero__copy {
  color: #fff;
  font-size: 1.15rem;
  margin: 0;
  font-weight: 500
}

.c-hero__cta {
  margin-top: 2rem;
  display: flex;
  flex-direction: column
}

.c-hero__cta__form,
.c-hero__cta__skills,
.c-hero__cta__separator,
.c-hero__cta__post {
  margin-top: 1rem
}

.c-hero__cta__form {
  order: 1
}

.c-hero__cta__separator {
  color: #fff;
  order: 3;
  align-self: center
}

.c-hero__cta__post {
  order: 4
}

.c-hero__cta__skills {
  order: 2
}

.c-hero__figureEnterprise {
  display: none
}

.c-hero--tight {
  padding: 3rem 0
}

.c-hero--isCenterAligned .c-hero__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center
}

.c-hero--isCenterAligned .c-hero__cta {
  align-self: center;
  width: 100%
}

.c-hero--isCenterAligned .c-hero__headings:after {
  content: unset
}

@media screen and (min-width: 37rem) {
  .c-hero__cta {
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 700px
  }

  .c-hero__cta__form,
  .c-hero__cta__skills,
  .c-hero__cta__separator,
  .c-hero__cta__post {
    margin-top: 0
  }

  .c-hero__cta__form {
    order: 1;
    height: 60px;
    display: flex;
    flex: 1 0 auto
  }

  .c-hero__cta__form>.c-searchGroup {
    flex: 1 0 auto
  }

  .c-hero__cta__separator {
    order: 2;
    margin-left: 1rem;
    margin-right: 1rem
  }

  .c-hero__cta__post {
    order: 3;
    flex-basis: 235px
  }

  .c-hero__cta__skills {
    order: 4;
    flex: 0 1 100%;
    margin-top: 1rem
  }
}

@media screen and (min-width: 40rem) {
  .c-hero {
    padding: 6rem 0
  }

  .c-hero__breadcrumb--mobile {
    display: none
  }

  .c-hero__breadcrumb--full {
    display: block
  }

  .c-hero__title {
    font-size: 3rem;
    font-weight: 500
  }

  .c-hero__title strong {
    display: block
  }

  .c-hero--tight {
    padding: 4rem 0
  }
}

@media screen and (min-width: 50rem) {
  .c-hero--isCenterAligned .c-hero__cta {
    width: 80%
  }
}

@media screen and (min-width: 60rem) {
  .c-hero__main {
    width: 63%
  }

  .c-hero__figure {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background-image: url("https://res.cloudinary.com/gurucom/image/upload/w_450,f_auto/static/homepage/bannerguy.png");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
  }
}

@media screen and (min-width: 60rem)and (min-resolution: 192dpi) {
  .c-hero__figure {
    background-image: url("https://res.cloudinary.com/gurucom/image/upload/f_auto/static/homepage/bannerguy.png")
  }
}

@media screen and (min-width: 60rem) {
  .c-hero__figureEnterprise {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    overflow: hidden;
    display: flex;
    align-items: center
  }

  .c-hero--isCenterAligned .c-hero__cta {
    width: 72%;
    max-width: 700px
  }
}

@media screen and (min-width: 75rem) {
  .c-hero__cta__form {
    flex: 1 0 auto
  }
}

.c-hero .c-tokenList__item {
  color: #808894
}

.c-hero .c-token {
  border: 1px solid #808894;
  background: rgba(0, 0, 0, 0)
}

.c-hero .c-token:hover {
  border: 1px solid #ccd4df;
  color: #ccd4df
}

.c-statsBanner {
  background: #f7f7f7
}

.c-statsBanner__stat {
  padding: 1rem 0;
  position: relative;
  margin-bottom: 0
}

.c-statsBanner__highlight {
  position: absolute;
  top: 0;
  left: -1rem;
  right: 0;
  bottom: -13px;
  z-index: 1;
  height: auto;
  box-shadow: 0 0 4px 4px rgba(20, 102, 143, .08);
  border: 1px solid #eee;
  background: #fff
}

.c-statsBanner__highlight:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -13px;
  border: 6px solid #c1c1c1;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 50rem) {
  .c-statsBanner__stat {
    padding: 2rem 0;
    position: relative
  }

  .c-statsBanner__highlight {
    top: -13px;
    right: -1rem
  }

  .c-statsBanner__highlight:before {
    content: "";
    position: absolute;
    top: 0;
    left: -13px;
    border: 6px solid #c1c1c1;
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0)
  }
}

.c-icon {
  background: #fff;
  box-shadow: 0 0 4px 4px rgba(20, 102, 143, .08);
  border: 1px solid #eee;
  border-radius: 100%;
  padding: 1.25rem;
  color: #2777c6;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center
}

.c-icon__content {
  fill: currentcolor;
  display: block;
  height: 100%;
  width: 100%
}

@media screen and (min-width: 40rem) {
  .c-icon {
    width: 88px;
    height: 88px
  }
}

.c-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.c-list__item {
  margin: .5rem 0;
  list-style: none
}

.c-list--lined .c-list__item {
  border-bottom: 1px solid #e9e9e9;
  margin: 0;
  padding: .5rem 0
}

.c-list--lined .c-list__item:last-child {
  border-bottom: 0
}

.c-list--cozy .c-list__item {
  margin: 1rem 0
}

.c-numberList {
  counter-reset: counter
}

.c-numberList li {
  position: relative;
  margin-left: 2.5rem;
  counter-increment: counter;
  list-style: none
}

.c-numberList li:before {
  content: counter(counter);
  background-color: #fff;
  border-radius: 50%;
  color: #2777c6;
  border: 1px solid #2777c6;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 75%;
  position: relative;
  left: -2.5rem;
  position: absolute
}

.c-section {
  padding: 4rem 0;
  position: relative
}

.c-section__title {
  display: block;
  text-align: center;
  margin: 0;
  margin-bottom: 4rem;
  position: relative;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: 500;
  color: #111
}

.c-section__title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  width: 50px;
  border-bottom: 2px solid #2777c6;
  margin: 0 auto
}

.c-section__title--centerMobile {
  text-align: center
}

.c-section__title--centerMobile:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  width: 50px;
  border-bottom: 2px solid #2777c6;
  margin: 0 auto
}

@media screen and (min-width: 50rem) {
  .c-section__title--centerMobile {
    text-align: left
  }

  .c-section__title--centerMobile:after {
    left: 0;
    right: auto
  }
}

.c-section__title--left {
  text-align: left !important;
  display: inline-block
}

.c-section__title--left:after {
  left: 0;
  right: auto;
  width: 50px
}

.c-section__title--small {
  font-size: 1.5rem;
  margin-bottom: 2.25rem
}

.c-section__title--verysmall {
  font-size: 1.125rem;
  margin-bottom: 2.25rem
}

.c-section__subtitle {
  text-align: center;
  margin-top: -2rem;
  margin-bottom: 3rem
}

.c-section__subtitle--left {
  text-align: left
}

.c-section__footNote {
  font-weight: 500
}

.c-section__footNote p {
  margin: 1rem 0 1rem 0
}

.c-section--tight {
  padding: 2rem 0
}

.c-section--grey {
  background: #f7f7f7
}

.c-section--featured {
  background: #2b3247;
  color: #fff
}

.c-section--blue .c-section__title,
.c-section--featured .c-section__title {
  color: #fff
}

.c-section--blue .c-section__title:after,
.c-section--featured .c-section__title:after {
  border-bottom: 2px solid #fff
}

.c-section--bottomFlush {
  padding-bottom: 0
}

.c-section--topFlush {
  margin-top: -4rem
}

.c-section--borderBottom {
  border-bottom: 1px solid #ececec
}

@media screen and (min-width: 40rem) {
  .c-section__title {
    font-size: 2.2rem
  }

  .c-section__title--small {
    font-size: 1.5rem
  }

  .c-section__title--verysmall {
    font-size: 1.125rem
  }
}

.c-token {
  border: 1px solid #eee;
  border-radius: 3px;
  background: #fff;
  padding: 6px 12px;
  color: #666;
  display: inline-block;
  font-size: 16px;
  text-align: center
}

.c-token--small {
  padding: 3px 6px;
  font-size: .8em
}

.c-token--medium {
  padding: 6px 8px;
  font-size: .8em
}

.c-token--darkBorder {
  border-color: #ccc
}

.c-token--hover:hover {
  border: 1px solid #2777c6;
  text-decoration: none
}

.c-tokenList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.c-tokenList__item {
  margin-right: 1rem;
  margin-bottom: 1rem;
  display: block
}

.c-tokenList__item:last-child {
  margin-right: 0
}

.c-tokenList--tight .c-tokenList__item {
  margin-right: .5rem;
  margin-bottom: .5rem
}

.u-margin-bottom--flush {
  margin-bottom: 0rem !important
}

.u-margin-bottom--xsmall {
  margin-bottom: .25rem !important
}

.u-margin-bottom--small {
  margin-bottom: .5rem !important
}

.u-margin-bottom {
  margin-bottom: 1rem !important
}

.u-margin-bottom--large {
  margin-bottom: 1.5rem !important
}

.u-margin-bottom--xlarge {
  margin-bottom: 2rem !important
}

.u-margin-bottom--jumbo {
  margin-bottom: 4rem !important
}

.u-margin-top--flush {
  margin-top: 0rem !important
}

.u-margin-top {
  margin-top: 1rem !important
}

.u-margin-top--xsmall {
  margin-top: .25rem !important
}

.u-padding {
  padding: 1rem !important
}

.u-padding--double {
  padding: 1.5rem !important
}

.u-padding-bottom-0 {
  padding-bottom: 0 !important
}

.u-padding-top-bottom-mobile-flush {
  padding: 2rem 0 !important
}

@media screen and (max-width: 670px) {
  .u-padding-top-bottom-mobile-flush {
    padding: 1rem 0 !important
  }
}

.u-padding-top-bottom {
  padding: 1rem 0 !important
}

.u-padding-top-bottom--double {
  padding: 2rem 0 !important
}

.u-padding0 {
  padding: 0 !important
}

.u-margin0 {
  margin: 0 !important
}

.u-margin-right {
  margin-right: 1rem
}

.u-margin-left {
  margin-left: 1rem
}

.u-margin-right--Large {
  margin-right: 1.5rem
}

.u-text-center {
  text-align: center
}

.u-text-left {
  text-align: left
}

.u-text-right {
  text-align: right
}

.u-text-uppercase {
  text-transform: uppercase
}

.u-box-shadow {
  box-shadow: 6px 4px 8px 0 rgba(123, 123, 123, .22)
}

.u-center {
  display: flex;
  align-items: center;
  justify-content: center
}

.u-center--column {
  flex-direction: column
}

.u-fullWidth {
  width: 100%
}

.u-fullWidth--untilLarge {
  width: 100%
}

@media screen and (min-width: 50rem) {
  .u-fullWidth--untilLarge {
    width: unset
  }
}

.u-flexTogrid {
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width: 50rem) {
  .u-flexTogrid {
    display: grid
  }
}

.u-threeToOnefr {
  grid-template-columns: 3fr 1fr
}

.u-oneToThreefr {
  grid-template-columns: 1fr 3fr
}

.u-column-gap-1 {
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

.u-column-gap-half {
  -moz-column-gap: .5rem;
  column-gap: .5rem
}

.u-row-gap-1 {
  row-gap: 1rem
}

.u-row-gap-half {
  row-gap: .5rem
}

.u-copyLight {
  color: #fff
}

.u-copyLightGrey {
  color: #f2f2f2
}

.u-copyGrey {
  color: #707070
}

.u-copyBlue {
  color: #2777c6
}

.u-copyDarkBlue {
  color: #2b3247
}

.u-copyGreen {
  color: #29a876
}

.u-copyDark {
  color: #111
}

.u-copyError {
  color: #ed5a48
}

a.u-copyDark:hover,
a.u-copyGrey:hover {
  color: #2777c6
}

.u-copyXXLarge {
  font-size: 2rem
}

.u-copyXLarge {
  font-size: 1.5rem
}

.u-copyLarge {
  font-size: 1.25rem
}

.u-copySmall {
  font-size: .9rem
}

.u-copySmaller {
  font-size: .75rem
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.u-coverImage {
  background-size: cover;
  min-width: 100%
}

.u-border--bottomLight {
  border-bottom: 1px solid #e9e9e9
}

.u-block {
  display: block
}

.u-grid {
  display: grid
}

.animation-slide-out {
  animation: slide-out--up 300ms cubic-bezier(0, 0, 0.3, 1)
}

.u-svg-ico {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  flex-shrink: 0
}

svg.u-svg-ico:not([width]):not([height]) {
  width: 2.75rem;
  height: 2.75rem
}

picture.u-svg-ico {
  display: block;
  max-width: 100%;
  height: auto
}

.u-clearfix {
  zoom: 1
}

.u-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.u-tableLargeOnly {
  display: none !important
}

@media screen and (min-width: 50rem) {
  .u-tableLargeOnly {
    display: table !important
  }
}

.u-blockLargeOnly {
  display: none !important
}

@media screen and (min-width: 50rem) {
  .u-blockLargeOnly {
    display: block !important
  }
}

.u-flexLargeOnly {
  display: none !important
}

@media screen and (min-width: 50rem) {
  .u-flexLargeOnly {
    display: flex !important
  }
}

.u-blockUntilLarge {
  display: block !important
}

@media screen and (min-width: 50rem) {
  .u-blockUntilLarge {
    display: none !important
  }
}

.u-flexUntilLarge {
  display: flex !important
}

@media screen and (min-width: 50rem) {
  .u-flexUntilLarge {
    display: none !important
  }
}

.u-hideInSmall {
  display: none !important
}

@media screen and (min-width: 31rem) {
  .u-hideInSmall {
    display: block !important
  }
}

.u-hideUntilLarge {
  display: none !important
}

@media screen and (min-width: 50rem) {
  .u-hideUntilLarge {
    display: flex !important
  }
}

.u-mobileCenter {
  text-align: center
}

@media screen and (min-width: 40rem) {
  .u-mobileCenter {
    text-align: left
  }
}

.u-hide {
  display: none
}

.u-flex-lg-wrap-reverse {
  flex-wrap: wrap-reverse
}

@media screen and (min-width: 50rem) {
  .u-flex-lg-wrap-reverse {
    flex-wrap: nowrap
  }
}

.u-flex-1 {
  flex: 1
}

.clearfix {
  zoom: 1
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0
}

.clearfix:after {
  clear: both
}

@keyframes slide-in--down {
  from {
    opacity: 0;
    transform: translateY(-100%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes slide-out--up {
  from {
    transform: translateY(0%)
  }

  to {
    transform: translateY(-100%)
  }
}

.resp__box {
  margin-left: -12px;
  margin-right: -12px
}

.resp--hidden-till-small {
  display: none
}

.resp--hidden-till-small--inline {
  display: none
}

.resp--hidden-till-small--inline-block {
  display: none
}

.resp--hidden-till-small--flex {
  display: none
}

@media screen and (min-width: 350px) {
  .resp--hidden-till-small {
    display: block
  }

  .resp--hidden-till-small--inline {
    display: inline
  }

  .resp--hidden-till-small--inline-block {
    display: inline-block
  }
}

.resp--hidden-till-medium {
  display: none
}

.resp--hidden-till-medium--inline {
  display: none
}

.resp--hidden-till-medium--inline-block {
  display: none
}

.resp--hidden-till-medium--flex {
  display: none
}

@media screen and (min-width: 550px) {
  .resp--hidden-till-medium {
    display: block
  }

  .resp--hidden-till-medium--inline {
    display: inline
  }

  .resp--hidden-till-medium--inline-block {
    display: inline-block
  }
}

.resp--hidden-till-large {
  display: none
}

.resp--hidden-till-large--inline {
  display: none
}

.resp--hidden-till-large--inline-block {
  display: none
}

.resp--hidden-till-large--flex {
  display: none
}

@media screen and (min-width: 750px) {
  .resp--hidden-till-large {
    display: block
  }

  .resp--hidden-till-large--inline {
    display: inline
  }

  .resp--hidden-till-large--inline-block {
    display: inline-block
  }
}

.resp--hidden-till-full {
  display: none
}

.resp--hidden-till-full--inline {
  display: none
}

.resp--hidden-till-full--inline-block {
  display: none
}

.resp--hidden-till-full--flex {
  display: none
}

@media screen and (min-width: 984px) {
  .resp--hidden-till-full {
    display: block
  }

  .resp--hidden-till-full--inline {
    display: inline
  }

  .resp--hidden-till-full--inline-block {
    display: inline-block
  }
}

.resp--visible-till-small {
  display: block
}

.resp--visible-till-small--inline {
  display: inline
}

.resp--visible-till-small--inline-block {
  display: inline-block
}

@media screen and (min-width: 350px) {
  .resp--visible-till-small {
    display: none
  }

  .resp--visible-till-small--inline {
    display: none
  }

  .resp--visible-till-small--inline-block {
    display: none
  }
}

.resp--visible-till-medium {
  display: block
}

.resp--visible-till-medium--inline {
  display: inline
}

.resp--visible-till-medium--inline-block {
  display: inline-block
}

@media screen and (min-width: 550px) {
  .resp--visible-till-medium {
    display: none
  }

  .resp--visible-till-medium--inline {
    display: none
  }

  .resp--visible-till-medium--inline-block {
    display: none
  }
}

.resp--visible-till-large {
  display: block
}

.resp--visible-till-large--inline {
  display: inline
}

.resp--visible-till-large--inline-block {
  display: inline-block
}

@media screen and (min-width: 750px) {
  .resp--visible-till-large {
    display: none
  }

  .resp--visible-till-large--inline {
    display: none
  }

  .resp--visible-till-large--inline-block {
    display: none
  }
}

.resp--visible-till-full {
  display: block
}

.resp--visible-till-full--inline {
  display: inline
}

.resp--visible-till-full--inline-block {
  display: inline-block
}

@media screen and (min-width: 984px) {
  .resp--visible-till-full {
    display: none
  }

  .resp--visible-till-full--inline {
    display: none
  }

  .resp--visible-till-full--inline-block {
    display: none
  }
}

.resp--visible-till-800 {
  display: block
}

.resp--visible-till-800--inline {
  display: inline
}

.resp--visible-till-800--inline-block {
  display: inline-block
}

@media screen and (min-width: 800px) {
  .resp--visible-till-800 {
    display: none
  }

  .resp--visible-till-800--inline {
    display: none
  }

  .resp--visible-till-800--inline-block {
    display: none
  }
}

@media screen and (min-width: 750px) {
  .resp__box {
    margin-left: 0;
    margin-right: 0
  }
}

.expandable__caret {
  display: none
}

.expandable .expandable__toggle {
  position: relative
}

.expandable .expandable__caret {
  color: #999;
  transform: rotate(0);
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 24px;
  margin-top: -12px;
  height: 24px;
  transition: transform .1s ease-in;
  display: block
}

.expandable .expandable__controls {
  display: none
}

.expandable--open .expandable__controls {
  display: block
}

.expandable--open .expandable__caret {
  transform: rotate(180deg)
}

.isMobile,
.isMobile body {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

body.wait {
  cursor: wait
}

.ui-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%
}

.ui-body-noScroll {
  -webkit-overflow-scrolling: auto;
  overflow: hidden !important
}

.overlay-disable {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: alpha(opacity=10);
  -moz-opacity: .1;
  -khtml-opacity: .1;
  opacity: .1;
  z-index: 100000
}

.clearfix {
  zoom: 1
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0
}

.clearfix:after {
  clear: both
}

select.niceInput::-ms-expand {
  display: none
}

select.niceInput {
  background: rgba(0, 0, 0, 0) url(/images/ddIcon.png) no-repeat right center;
  background-color: #fafafa;
  padding-right: 36px;
  padding-right: 6px \9;
  background-image: none \9;
  white-space: nowrap
}

select.niceInput:focus {
  background: rgba(0, 0, 0, 0) url(/images/ddIcon.png) no-repeat right center;
  background-image: none \9;
  background-color: #fff
}

.niceInput {
  width: 100%;
  padding: 6px;
  border: 1px solid #ddd;
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  resize: vertical;
  background-color: #fafafa
}

.niceInput:focus {
  background-color: #fff;
  border: 1px solid #ccc
}

.niceInput.auto {
  width: auto;
  display: inline-block
}

.niceInput.invalid {
  border-color: #d06320
}

.niceInput.disabled,
.niceInput:disabled {
  background-color: #eee !important
}

.niceInput--lightRounded {
  padding: 10px 16px;
  border: 1px solid #ccc;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: none;
  -webkit-box-shadow: none
}

.niceInput--lightRounded.invalid {
  border-color: #f45757
}

.niceInput--lightRounded.disabled,
.niceInput--lightRounded:disabled {
  color: #707070;
  background-color: #f4f4f4 !important;
  pointer-events: none
}

.niceInput--largePadding {
  padding: 14px 16px
}

.niceInput--smallPadding {
  padding: 6px 12px
}

select.niceInput::-ms-expand {
  display: none
}

textarea.niceInput {
  font-size: 13px
}

.uppercaseHeading {
  text-transform: uppercase;
  font-size: 13px;
  color: #9eabb6;
  font-weight: 400;
  display: block;
  padding-left: 0;
  margin-bottom: 3px
}

.uppercaseHeading a {
  text-transform: none
}

.primaryHeading {
  font-size: 18px;
  color: #222;
  line-height: 1;
  margin-bottom: 18px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400
}

.secondaryHeading {
  font-size: 16px;
  color: #444;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400
}

.strongHeading {
  font-size: 14px;
  color: #444;
  margin-bottom: 3px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 600
}

.underLineHeading {
  position: relative;
  font-size: 16px;
  color: #444;
  font-weight: 600;
  margin-bottom: 30px
}

.underLineHeading:after {
  content: "";
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  width: 60px;
  border-bottom: 2px solid #2777c6
}

.largeHeading {
  font-size: 20px;
  font-weight: 600;
  color: #333
}

.breakWord {
  word-wrap: break-word
}

p.copy {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 18px
}

p.copy strong {
  font-weight: 600
}

p.copy.large {
  font-size: 16px
}

p.copy.margin_none {
  margin-bottom: 0
}

p.copy.dark {
  color: #444
}

p.copy.small {
  font-size: 13px
}

.center {
  text-align: center
}

.left {
  text-align: left
}

.right {
  text-align: right
}

.preCopy {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  color: #666;
  margin-bottom: 18px;
  white-space: pre-wrap
}

.removeLink {
  color: #ccc
}

.removeLink:hover {
  color: #d06320;
  text-decoration: none
}

.pending {
  color: #d06320
}

.pending-new {
  color: #de7a1f
}

.pipe {
  color: #999;
  padding: 0 3px
}

.pipeDivider {
  color: #666;
  padding: 0 8px
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.hidden {
  display: none;
  visibility: hidden
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.visible {
  display: block;
  visibility: visible
}

.invisible {
  visibility: hidden
}

.hiddenVisually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

.alert-new {
  background: #d06320;
  font-size: 11px;
  padding: 1px 4px;
  border-radius: 2px;
  background-clip: padding-box;
  color: #fff
}

.alert-new:hover {
  color: #fff
}

.faded {
  opacity: 0;
  transition: .2s opacity linear
}

.faded.noFade {
  opacity: 1
}

.rhythmMargin0 {
  margin-bottom: 0 !important
}

.rhythmMarginSmall {
  margin-bottom: 6px !important
}

.rhythmMargin1 {
  margin-bottom: 12px !important
}

.rhythmMargin {
  margin-bottom: 18px !important
}

.rhythmMargin2 {
  margin-bottom: 36px !important
}

.rhythmMargin4 {
  margin-bottom: 72px !important
}

.marginBottomLarge {
  margin-bottom: 24px !important
}

.marginBottom8 {
  margin-bottom: 8px !important
}

.marginBottom4 {
  margin-bottom: 4px !important
}

.marginBottom8 {
  margin-bottom: 8px !important
}

.marginBottom16 {
  margin-bottom: 16px !important
}

.marginBottom20 {
  margin-bottom: 20px !important
}

.marginBottom32 {
  margin-bottom: 32px !important
}

.marginTopSmall {
  margin-top: 6px !important
}

.marginTop8 {
  margin-top: 8px !important
}

.marginTopMedium {
  margin-top: 12px !important
}

.marginTopLarge {
  margin-top: 24px !important
}

.marginTop16 {
  margin-top: 16px !important
}

.marginTop20 {
  margin-top: 20px !important
}

.marginTopNone {
  margin-top: 0 !important
}

.marginRight0 {
  margin-right: 0 !important
}

.margin-left-16 {
  margin-left: 16px !important
}

.margin0 {
  margin: 0 !important
}

.marginLeftAuto {
  margin-left: auto !important
}

.marginAuto {
  margin: auto
}

.marginRightAuto {
  margin-right: auto !important
}

.rhythmPaddingSmall {
  padding: 6px !important
}

.rhythmPadding1 {
  padding: 12px !important
}

.rhythmPadding {
  padding: 18px !important
}

.rhythmPadding0 {
  padding: 0 !important
}

.rhythmPaddingRight0 {
  padding-right: 0
}

.rhythmPaddingRight2 {
  padding-right: 24px
}

.rhythmPadding2 {
  padding: 24px !important
}

.rhythmPadding16 {
  padding: 16px !important
}

.rhythmPaddingHorz1 {
  padding-left: 12px !important;
  padding-right: 12px !important
}

.rhythmPaddingHorz {
  padding-left: 18px !important;
  padding-right: 18px !important
}

.rhythmPaddingHorz2 {
  padding-left: 24px !important;
  padding-right: 24px !important
}

.rhythmPaddingHorz16 {
  padding-left: 16px !important;
  padding-right: 16px !important
}

.rhythmPaddingHorz20 {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.rhythmPaddingVert1 {
  padding-top: 12px !important;
  padding-bottom: 12px !important
}

.rhythmPaddingVert2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important
}

.rhythmPaddingVert16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important
}

.paddingTop0 {
  padding-top: 0 !important
}

.paddingTopSmall {
  padding-top: 6px !important
}

.paddingTopMedium {
  padding-top: 12px !important
}

.paddingTopLarge {
  padding-top: 18px !important
}

.paddingTop24 {
  padding-top: 24px !important
}

.paddingBottom24 {
  padding-bottom: 24px !important
}

.paddingBottom0 {
  padding-bottom: 0 !important
}

.paddingBottomLarge {
  padding-bottom: 18px !important
}

.paddingBottom16 {
  padding-bottom: 16px !important
}

.disabledText {
  color: #999 !important
}

.verifiedPayment,
.verified,
.blue-color,
.blueIcon {
  color: #4c83c3 !important
}

.link-color {
  color: hsl(212.268907563, 49.7907949791%, 48.137254902%) !important
}

.verifiedPayment__none,
.alert-color {
  color: #d06320 !important
}

.greenIcon,
.green-color {
  color: #99ad15 !important
}

.check-green-color {
  color: #259637 !important
}

.dark-green-color {
  color: #4c7322 !important
}

.light-green-color {
  color: #91c489 !important
}

.light-green-icon {
  color: #49b940 !important
}

.paleWhite {
  color: #fff !important
}

.pureBlack {
  color: #000 !important
}

.verylightGrey {
  color: #ccc !important
}

.lightGrey {
  color: #999 !important
}

.grey {
  color: #666 !important
}

.darkGrey {
  color: #333 !important
}

.dimGray {
  color: #707070 !important
}

.gray26 {
  color: #424242 !important
}

.gray88 {
  color: #a0a0a0 !important
}

.lightGray {
  color: #aeaeae !important
}

.darkGray {
  color: #a6a6a6 !important
}

.spanishGray {
  color: #989898 !important
}

.darkerGray {
  color: #111 !important
}

.suvaGrey {
  color: #919191 !important
}

.red {
  color: #ff4650 !important
}

.lightRed {
  color: #f45757 !important
}

.smallestText {
  font-size: 11px !important
}

.smallerText {
  font-size: 12px !important
}

.smallText {
  font-size: 13px !important
}

.largeText {
  font-size: 14px !important
}

.largerText {
  font-size: 16px !important
}

.largestText {
  font-size: 18px !important
}

.font-size-20 {
  font-size: 20px !important
}

.translate-cloak {
  display: none
}

.text-upppercase {
  text-transform: uppercase
}

.w-100 {
  width: 100% !important
}

.w-50 {
  width: 50% !important
}

.w-fitContent {
  width: -moz-fit-content !important;
  width: fit-content !important
}

.popMsg {
  position: fixed;
  top: 62px;
  bottom: auto;
  right: auto;
  left: 50%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #333;
  text-align: center;
  width: 400px;
  color: #fff;
  box-shadow: 1px 1px 1px #000;
  opacity: 0;
  margin-left: -200px;
  z-index: 2000;
  max-height: 0;
  transition: max-height .5s ease;
  -moz-transition: max-height .5s ease;
  -webkit-transition: max-height .5s ease;
  line-height: 1.4;
  padding: 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-height: 100%;
  transition: max-height .5s ease;
  -moz-transition: max-height .5s ease;
  -webkit-transition: max-height .5s ease;
  pointer-events: auto;
  opacity: .9
}

.popMsg.hide {
  display: none
}

.instructionTxt {
  color: #666;
  font-size: 11px
}

.asterix {
  display: inline;
  color: #d06320
}

.errorTxt {
  color: #d06320
}

.errorTxtNew {
  color: #f45757;
  font-weight: 600;
  font-size: 14px
}

.checkboxWrap {
  display: block;
  position: relative;
  padding-left: 18px
}

.checkboxWrap-input {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  margin: 0
}

.checkboxWrap-content {
  display: block
}

.customCheckRadio-replacement:hover {
  cursor: pointer;
  color: #888
}

.customCheckRadio-input {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0
}

.disableField {
  pointer-events: none;
  opacity: .75
}

.facebookBg {
  color: #fff !important;
  background: #335394 !important
}

.twitterBg {
  color: #fff !important;
  background: #019ad2 !important
}

.googleBg {
  color: #fff !important;
  background: #d34836 !important
}

.linkedInBg {
  color: #fff !important;
  background: #007bb5 !important
}

.italics {
  font-style: italic
}

.updatingResults {
  pointer-events: none;
  opacity: .5
}

.u-visuallyHidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

[v-cloak] {
  display: none
}

.rotateCaret {
  transform: rotate(0);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block
}

.rotateCaret--open {
  transform: rotate(180deg)
}

.underLineHeading {
  position: relative;
  font-size: 16px;
  color: #444;
  font-weight: 600;
  margin-bottom: 48px
}

.underLineHeading:after {
  content: "";
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(12px*-1 + 2px);
  width: 60px;
  border-bottom: 2px solid #2777c6
}

.flex {
  display: flex !important
}

.flex-center {
  align-items: center
}

.flex-start {
  align-items: flex-start
}

.flex-end {
  align-items: flex-end
}

.space-between {
  justify-content: space-between
}

.space-evenly {
  justify-content: space-evenly
}

.space-end {
  justify-content: flex-end
}

.space-around {
  justify-content: space-around
}

.justify-center {
  justify-content: center
}

.justify-start {
  justify-content: flex-start
}

.flex-column {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap
}

.flex-grow {
  flex-grow: 1
}

.flex-basis {
  flex-basis: 0
}

.flex-order-1 {
  order: 1 !important
}

.flex-middle-expand {
  flex: 1 1 auto
}

.flexTogrid--large {
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width: 750px) {
  .flexTogrid--large {
    display: grid
  }
}

.grid {
  display: grid
}

.threeToOnefr {
  grid-template-columns: 3fr 1fr
}

.oneToThreefr {
  grid-template-columns: 1fr 3fr
}

.column-gap-32 {
  -moz-column-gap: 32px;
  column-gap: 32px
}

.column-gap-20 {
  -moz-column-gap: 20px;
  column-gap: 20px
}

.column-gap-16 {
  -moz-column-gap: 16px;
  column-gap: 16px
}

.column-gap-8 {
  -moz-column-gap: 8px;
  column-gap: 8px
}

.column-gap-4 {
  -moz-column-gap: 4px;
  column-gap: 4px
}

.column-gap-2 {
  -moz-column-gap: 2rem;
  column-gap: 2rem
}

.column-gap-1 {
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

.column-gap-half {
  -moz-column-gap: .5rem;
  column-gap: .5rem
}

.row-gap-20 {
  row-gap: 20px
}

.row-gap-16 {
  row-gap: 16px
}

.row-gap-2 {
  row-gap: 2rem
}

.row-gap-1 {
  row-gap: 1rem
}

.row-gap-half {
  row-gap: .5rem
}

.gap-0 {
  gap: 0 !important
}

.gap-20 {
  gap: 20px
}

.white-space-nowrap {
  white-space: nowrap
}

.white-space-normal {
  white-space: normal !important
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  background: #000
}

.video-container iframe,
.video-container video,
.video-container .video-container__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.v-align-top {
  vertical-align: top !important
}

.v-align-middle {
  vertical-align: middle !important
}

.v-align-bottom {
  vertical-align: bottom !important
}

.u-block {
  display: block !important
}

.disableYOverflow {
  overflow-y: hidden !important
}

.visibleYOverflow {
  overflow-y: visible !important
}

.overflow-auto {
  overflow: auto
}

.overflow-clip {
  overflow: clip
}

.pos-absolute {
  position: absolute !important
}

.pos-relative {
  position: relative !important
}

@media screen and (min-width: 750px) {
  .pos-relative--lg {
    position: relative !important
  }
}

.top-0 {
  top: 0 !important
}

.right-0 {
  right: 0 !important
}

.resize-none {
  resize: none
}

.font-bold {
  font-weight: bold !important
}

.font-700 {
  font-weight: 700 !important
}

.font-semi-bold {
  font-weight: 600 !important
}

.font-500 {
  font-weight: 500 !important
}

.font-normal {
  font-weight: 400 !important
}

.border-1 {
  border: 1px solid #ddd
}

.border-0 {
  border: none !important
}

.border-bottom-1 {
  border-bottom: 1px solid #ddd !important
}

.border-top-1 {
  border-top: 1px solid #ddd
}

.border-red {
  border: 1px solid #d06320
}

.border-radius-50 {
  border-radius: 50% !important
}

.border-radius-4 {
  border-radius: 4px !important
}

.border-radius-6 {
  border-radius: 6px !important
}

.border-radius-8 {
  border-radius: 8px !important
}

.outline-0 {
  outline: none !important
}

.decoration-none {
  text-decoration: none !important
}

.pointer-events-none {
  pointer-events: none !important
}

.background-none {
  background: none !important
}

.background-light {
  background-color: #fafafa
}

.background-white {
  background-color: #fff !important
}

.break-word {
  word-break: break-word
}

.break-all {
  word-break: break-all
}

.flex-1 {
  flex: 1
}

.flex-2 {
  flex: 2
}

.d-inline-block {
  display: inline-block !important
}

.guru-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 10px;
  border-radius: 10px;
  background-color: #ddd;
  color: #4c83c3
}

.guru-progress::-webkit-progress-bar {
  background-color: #ddd;
  border-radius: 10px
}

.guru-progress::-webkit-progress-value {
  background-color: #4c83c3;
  border-radius: 10px
}

.guru-progress::-moz-progress-bar {
  background-color: #4c83c3;
  border-radius: 10px
}

.guru-progress--green {
  color: #4bae4f
}

.guru-progress--green::-webkit-progress-value {
  background-color: #4bae4f
}

.guru-progress--green::-moz-progress-bar {
  background-color: #4bae4f
}