@font-face {
  font-family: 'MontBold';
  src: url("fonts/Montserrat-Bold.ttf"); }
@font-face {
  font-family: 'MontMed';
  src: url("fonts/Montserrat-Medium.ttf"); }
@font-face {
  font-family: 'MontReg';
  src: url("fonts/Montserrat-Regular.ttf"); }
@font-face {
  font-family: 'MontSemiBold';
  src: url("fonts/Montserrat-SemiBold.ttf"); }
.split-content {
  position: relative;
  padding: 47px 0 0 0;
  /* content-container */ }
  @media (min-width: 768px) {
    .split-content {
      margin: 0;
      padding: 155px 0 0 0; } }
  .split-content.grant {
    padding-bottom: 0; }
    @media (min-width: 1024px) {
      .split-content.grant {
        padding-bottom: 100px; } }
  .split-content .content-container {
    position: relative;
    margin: 0 auto;
    z-index: 2;
    /* media-panel */ }
    .split-content .content-container:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 1024px) {
      .split-content .content-container {
        width: 80%; } }
    @media (min-width: 1024px) {
      .split-content .content-container .content-panel {
        float: left;
        width: 42%;
        padding: 0 4% 0 4%; } }
    .split-content .content-container .content-panel .inner-container {
      width: 90%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .split-content .content-container .content-panel .inner-container {
          width: 100%;
          margin: 0; } }
    .split-content .content-container .content-panel .headline {
      margin-top: 19px;
      font-family: 'MontSemiBold', sans-serif;
      font-weight: 600;
      font-size: 25px;
      line-height: 30px;
      color: #447378; }
      @media (min-width: 1024px) {
        .split-content .content-container .content-panel .headline {
          margin-top: 33px;
          font-size: 30px;
          line-height: 32px; } }
    .split-content .content-container .content-panel .summary {
      margin-top: 16px;
      font-family: 'MontMed', sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #282729; }
    .split-content .content-container .content-panel .button-panel {
      margin-top: 28px; }
      .split-content .content-container .content-panel .button-panel button {
        padding: 14px 42px;
        border: none;
        border-radius: 32px;
        font-family: 'MontMed', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #282729;
        background-color: #447378;
        border: 2px solid #447378;
        color: #fff; }
        .split-content .content-container .content-panel .button-panel button i {
          font-size: 16px; }
        .split-content .content-container .content-panel .button-panel button:hover {
          background: transparent;
          color: #447378; }
    .split-content .content-container .media-panel {
      width: 90%;
      margin: 0 auto;
      margin-top: 35px;
      text-align: center; }
      @media (min-width: 1024px) {
        .split-content .content-container .media-panel {
          width: 100%;
          margin: 0;
          float: right;
          width: 50%;
          margin-top: 0;
          text-align: right; } }
      .split-content .content-container .media-panel .image-container {
        width: 100%;
        margin: 0 auto; }
  .split-content .big-circle {
    position: absolute;
    right: 123px;
    bottom: 10px;
    width: 344px;
    height: 344px;
    border-radius: 344px;
    background-color: #C4E4CF;
    background-blend-mode: multiply;
    z-index: 3; }
  .split-content .small-circle {
    position: absolute;
    right: 492px;
    top: 103px;
    width: 144px;
    height: 144px;
    border-radius: 144px;
    background-color: #E7604D;
    z-index: 1; }

/* split-content */
.featured-projects {
  position: relative;
  margin-top: 50px;
  /* selector */
  /* projects */
  /* content-box */ }
  .featured-projects .selector {
    display: none;
    padding: 43px 0 0 0;
    border-top: 1px solid #DEDEDE;
    text-align: center; }
    @media (min-width: 1024px) {
      .featured-projects .selector {
        display: block; } }
    .featured-projects .selector .item-container {
      position: relative;
      display: inline-block;
      padding: 0 32px;
      cursor: pointer; }
      .featured-projects .selector .item-container .indicator {
        display: none;
        position: absolute;
        width: 3px;
        height: 35px;
        left: 50%;
        top: -56px;
        transform: translateX(-50%);
        background-color: #E8A53B; }
      .featured-projects .selector .item-container .item {
        font-family: 'MontReg', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #575757; }
      .featured-projects .selector .item-container:hover .indicator {
        display: block; }
      .featured-projects .selector .item-container.active .indicator {
        display: block; }
      .featured-projects .selector .item-container.active .item {
        font-family: 'MontSemiBold', sans-serif;
        font-weight: 600;
        color: #447378; }
  .featured-projects .projects {
    margin-top: 54px; }
    .featured-projects .projects .project {
      position: relative;
      display: none; }
      .featured-projects .projects .project.active {
        display: block; }
  .featured-projects .image-container {
    position: relative;
    height: 247px;
    background-size: cover;
    background-position: center center;
    z-index: 10; }
    @media (min-width: 1024px) {
      .featured-projects .image-container {
        width: 63%;
        max-width: 882px;
        height: 598px; } }
  .featured-projects .content-box {
    position: relative;
    background-color: #447378;
    overflow: hidden;
    z-index: 15; }
    @media (min-width: 1024px) {
      .featured-projects .content-box {
        position: absolute;
        width: 501px;
        height: 534px;
        top: 200px;
        left: 50%;
        border-radius: 0 60px 0 0; } }
    .featured-projects .content-box .content {
      width: 90%;
      margin: 0 auto;
      padding: 53px 0; }
      @media (min-width: 1024px) {
        .featured-projects .content-box .content {
          width: 100%;
          margin: 0;
          padding: 0;
          position: absolute;
          top: 78px;
          left: 50%;
          transform: translateX(-50%);
          width: 71%; } }
      .featured-projects .content-box .content .project-content {
        display: none; }
        .featured-projects .content-box .content .project-content.active {
          display: block; }
      .featured-projects .content-box .content .headline {
        margin-top: 38px;
        font-family: 'MontSemiBold', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 30px;
        color: #fff; }
        @media (min-width: 1024px) {
          .featured-projects .content-box .content .headline {
            font-size: 28px;
            line-height: 32px; } }
      .featured-projects .content-box .content p {
        margin-top: 20px;
        font-family: 'MontMed', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff; }
      .featured-projects .content-box .content button {
        margin-top: 32px;
        padding: 14px 42px;
        border: none;
        border-radius: 32px;
        font-family: 'MontMed', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #282729;
        background-color: #E8A53B;
        border: 2px solid #E8A53B; }
        .featured-projects .content-box .content button i {
          font-size: 16px; }
        .featured-projects .content-box .content button i {
          color: #282729; }
        .featured-projects .content-box .content button:hover {
          background: transparent;
          color: #fff; }
          .featured-projects .content-box .content button:hover i {
            color: #fff; }
    .featured-projects .content-box .logo-bar {
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%); }
  .featured-projects .background-box {
    display: none;
    position: absolute;
    left: 48px;
    bottom: -70px;
    width: 81%;
    max-width: 1131px;
    height: 200px;
    background-color: #C4E4CF;
    background-image: url("../images/mint-texture.jpg");
    background-size: cover; }
    @media (min-width: 1024px) {
      .featured-projects .background-box {
        display: block; } }

/* featured-projects */
.news {
  position: relative;
  padding: 62px 0;
  background-color: #C4E4CF; }
  @media (min-width: 1024px) {
    .news {
      margin: 159px 0 0 48px;
      padding: 100px 138px 100px 90px; } }
  .news .panel:nth-child(n+4) {
    display: none; }
    @media (min-width: 1024px) {
      .news .panel:nth-child(n+4) {
        display: block; } }
  .news .header {
    margin-left: 8.5%; }
    @media (min-width: 1024px) {
      .news .header {
        margin-left: 0;
        padding-left: 32px; } }
  .news .button-container {
    margin-top: 70px;
    text-align: center; }
    .news .button-container button {
      padding: 14px 42px;
      border: none;
      border-radius: 32px;
      font-family: 'MontMed', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #282729;
      background-color: #E8A53B;
      border: 2px solid #E8A53B; }
      .news .button-container button i {
        font-size: 16px; }
      .news .button-container button i {
        color: #282729; }
      .news .button-container button:hover {
        background: transparent;
        color: #fff; }
        .news .button-container button:hover i {
          color: #fff; }
      .news .button-container button:hover {
        border-color: #447378;
        background-color: #447378;
        color: #fff; }
  .news .logo-bar {
    position: absolute;
    right: 0;
    bottom: 0; }

/* news */
.fellowship {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-top: 47px;
  border-radius: 0 60px 0 0;
  background-color: #447378;
  /* content-panel */ }
  .fellowship:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .fellowship {
      width: 100%;
      margin: 0;
      width: 97%;
      margin-top: 87px; } }
  .fellowship .content-panel {
    position: relative;
    width: 73%;
    margin: 0 auto;
    padding: 37px 0 77px 0; }
    @media (min-width: 1024px) {
      .fellowship .content-panel {
        width: 100%;
        margin: 0;
        float: left;
        width: 50%;
        padding: 0; } }
    @media (min-width: 1024px) {
      .fellowship .content-panel .content {
        padding: 164px 124px; } }
    .fellowship .content-panel .content .headline {
      margin-top: 40px;
      font-family: 'MontSemiBold', sans-serif;
      font-weight: 600;
      font-size: 30px;
      line-height: 32px;
      color: #fff; }
    .fellowship .content-panel .content .summary {
      margin-top: 12px;
      font-family: 'MontMed', sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #fff; }
    .fellowship .content-panel .content .button-panel {
      margin-top: 24px; }
      .fellowship .content-panel .content .button-panel button {
        padding: 14px 42px;
        border: none;
        border-radius: 32px;
        font-family: 'MontMed', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #282729;
        background-color: #E8A53B;
        border: 2px solid #E8A53B; }
        .fellowship .content-panel .content .button-panel button i {
          font-size: 16px; }
        .fellowship .content-panel .content .button-panel button i {
          color: #282729; }
        .fellowship .content-panel .content .button-panel button:hover {
          background: transparent;
          color: #fff; }
          .fellowship .content-panel .content .button-panel button:hover i {
            color: #fff; }
    .fellowship .content-panel .logo-bar {
      display: none;
      position: absolute;
      left: -657px;
      top: 0;
      transform: rotate(90deg); }
      @media (min-width: 1024px) {
        .fellowship .content-panel .logo-bar {
          display: block; } }
  .fellowship .media-panel {
    position: relative;
    z-index: 1; }
    @media (min-width: 1024px) {
      .fellowship .media-panel {
        float: right;
        width: 50%; } }
    .fellowship .media-panel .image-container {
      border-radius: 0 60px 0 0;
      height: 360px;
      background-size: cover;
      background-position: center center; }
      @media (min-width: 1024px) {
        .fellowship .media-panel .image-container {
          height: 702px; } }
  .fellowship .logo-watermark {
    display: none;
    position: absolute;
    right: -316px;
    top: -42px;
    z-index: 0; }
    @media (min-width: 1024px) {
      .fellowship .logo-watermark {
        display: block; } }

/* fellowship */
.about {
  margin: 0 0 200px 0;
  padding: 88px 0; }
  @media (min-width: 1024px) {
    .about {
      padding: 153px 0 0 0; } }
  @media (min-width: 1024px) {
    .about .content-container {
      margin: 0 4% 0 16%; } }
  .about .content-container .media-panel img {
    transform: scale(125%);
    margin-left: 32px; }

/*# sourceMappingURL=front-page.css.map */