@import url(../fonts/stylesheet.css);
@import url(../fonts/stylesheet.css);
@import url(../fonts/stylesheet.css);
body,
html {
  height: 100%;
  margin: 0;
  width: 100%; }

* {
  box-sizing: border-box; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

body,
html {
  height: 100%;
  margin: 0;
  width: 100%; }

* {
  box-sizing: border-box; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

@media screen and (max-width: 970px) {
  html header {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    html header nav .links .link::before, html header nav .links .link::after {
      display: none; }
    html header .left {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 1 25% !important;
          -ms-flex: 1 1 25% !important;
              flex: 1 1 25% !important; }
    html header .center {
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      top: 0;
      margin-right: 0 !important; }
      html header .center .logo {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
            -ms-flex-order: -1;
                order: -1;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        z-index: 1; }
        html header .center .logo img {
          top: initial !important;
          z-index: 1;
          max-width: 62px; }
      html header .center .left {
        display: none !important; }
      html header .center .right {
        display: none !important; }
    html header .right {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 1 25% !important;
          -ms-flex: 1 1 25% !important;
              flex: 1 1 25% !important; }
      html header .right .accessibility {
        z-index: 3; }
        html header .right .accessibility .drop-down {
          width: 100vw; }
  html .container .content .section.topper .topper-content .history {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  html .container .content .section.schedule-a-tour .schedule-content {
    padding: 15px 35px 30px !important; }
  html .container .content .section.gallery {
    height: auto; }
  html .container .content .section.about-us p {
    padding: 0; }
  html .container .content .section .education-content p {
    padding: 30px 50px 45px; }
  html .container .content .section .education-content h3 {
    padding: 0 40px; } }

@media screen and (max-width: 875px) {
  html header .center {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  html header p {
    display: none !important; } }

@media screen and (max-width: 800px) {
  html .container .content .section {
    height: 100%;
    padding-bottom: 70px; }
    html .container .content .section.welcome-content iframe {
      max-width: 100% !important;
      min-height: 260px !important; }
    html .container .content .section.gallery {
      padding-bottom: 0; }
    html .container .content .section.masthead {
      height: auto; }
    html .container .content .section .bucket {
      top: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      padding: 0; }
      html .container .content .section .bucket .left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; }
      html .container .content .section .bucket .right {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; } }

@media screen and (max-width: 650px) {
  html .container .content .section.quote {
    margin-bottom: 50px !important; }
  html .container .content .section.about-information {
    padding: 20px 10px; }
  html .container .content .section.topper {
    padding: 110px 0 0; }
  html .container .content .section .education-content .title {
    margin: 0; }
    html .container .content .section .education-content .title .left {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 33%;
          -ms-flex: 1 1 33%;
              flex: 1 1 33%; }
    html .container .content .section .education-content .title .logo {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
    html .container .content .section .education-content .title .right {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 33%;
          -ms-flex: 1 1 33%;
              flex: 1 1 33%;
      margin: 0; }
  html .container .content .section .education-content .activities .column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
  html footer {
    text-align: center;
    padding: 40px 0 !important; }
    html footer .column {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      padding-left: 0;
      padding: 20px 0; }
      html footer .column h4 {
        text-align: center; }
      html footer .column:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%; }
        html footer .column:last-child p {
          margin: auto; } }

@media screen and (max-width: 550px) {
  html .container .content .section.gallery .social .center {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    text-align: center; } }

@media screen and (max-width: 500px) {
  html .container .content .section.gallery a .explore-btn {
    padding-right: 15px; }
  html .container .content .section.topper .topper-content .history img {
    max-width: 90% !important; }
  html .container .content .section.about-us {
    height: 385px; }
    html .container .content .section.about-us .about-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      html .container .content .section.about-us .about-wrapper .about-content {
        left: 0;
        -webkit-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
                transform: translateX(0) !important;
        max-width: 435px;
        margin: auto;
        text-align: left;
        position: relative;
        top: 130px;
        padding: 0 30px; }
        html .container .content .section.about-us .about-wrapper .about-content p {
          text-shadow: 1px 1px 2px #454545; }
  html .container .content .section.masthead {
    padding-bottom: 0;
    height: 100vh; }
  html .container .content .section .mast-content {
    font-size: 27vw;
    line-height: 80px; }
    html .container .content .section .mast-content p {
      font-size: 0.15em;
      line-height: 24px;
      padding: 30px 45px; }
    html .container .content .section .mast-content span {
      top: -24px !important;
      line-height: 39px;
      border-top-width: 2px;
      border-bottom-width: 2px; }
  html .container .content .section .gallery .column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    html .container .content .section .gallery .column .image-1 {
      height: 280px; }
    html .container .content .section .gallery .column .image-2 {
      height: 280px; }
    html .container .content .section .gallery .column .image-3 {
      height: 280px; }
    html .container .content .section .gallery .column .image-4 {
      height: 280px; }
    html .container .content .section .gallery .column .image-5 {
      height: 280px;
      background-position: bottom center; } }

@media screen and (max-width: 450px) {
  html .container .content .section.about-us blockquote div.content {
    left: 65% !important; }
  html .container .content .section.gallery .social .left {
    padding-right: 0; }
  html .container .content .section.gallery .social .right {
    padding-left: 0; } }

@media screen and (max-width: 500px) {
  html .container .content .section .mast-content {
    padding: 0; }
  html .container .content .section .top-left {
    display: none; }
  html .container .content .section .top-right {
    display: none; }
  html .container .content .section .bottom-left {
    display: none; }
  html .container .content .section .bottom-right {
    display: none; }
  html .container .content .section.masthead {
    margin-top: 10px; }
  html .container .content .section.start .bucket {
    padding: 40px 20px 0 !important; }
    html .container .content .section.start .bucket .left img {
      width: 80vw;
      margin-bottom: 30px; }
  html .container .content .section .bucket .left img {
    width: 100%; }
  html .container .content .section .bucket .right .buttons {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    html .container .content .section .bucket .right .buttons a {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      text-align: center;
      margin: auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 10px; }
      html .container .content .section .bucket .right .buttons a .button {
        margin: 0 1px; }
  html .container .content .section .bucket .right p {
    padding: 0 20px; }
  html .container .content .section .bucket .right h4 {
    font-size: 13vw !important;
    margin: 0;
    padding: 25px 0; } }

@media screen and (max-width: 500px) {
  html header .center {
    width: 100vw;
    pointer-events: none; }
    html header .center .right {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      text-align: center !important;
      padding: 5px 5px 20px !important;
      z-index: -11;
      font-size: 1.4rem !important;
      line-height: 13px !important; }
    html header .center .left {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      text-align: center !important;
      padding: 35px 0 5px !important;
      z-index: -11;
      font-size: 1.4rem !important;
      line-height: 13px !important; } }

@media screen and (min-width: 1200px) {
  html .container .content .section.masthead .bottom-right {
    right: -40px; }
  html .container .content .section .mast-content {
    padding: 200px 0 110px;
    font-size: 15vw; }
    html .container .content .section .mast-content br {
      display: none; }
    html .container .content .section .mast-content p {
      font-size: 18px;
      padding-top: 105px !important; }
      html .container .content .section .mast-content p br {
        display: block; }
    html .container .content .section .mast-content span {
      margin: 0;
      line-height: 88px; }
      html .container .content .section .mast-content span::before {
        display: none; }
      html .container .content .section .mast-content span::after {
        display: none; } }

@media screen and (min-width: 1500px) {
  html .container .content .section .mast-content {
    font-size: 225px; } }

@media screen and (max-width: 952px) and (min-width: 650px) {
  html footer .column:last-child {
    text-align: center;
    margin-top: 100px;
    padding-right: 40px; }
    html footer .column:last-child p {
      margin: 0 auto; } }

@media screen and (max-width: 680px) {
  html .container .content .section.schedule-form {
    padding: 0 0 20px; }
    html .container .content .section.schedule-form form .schedule-form h3 {
      font-size: 3.5rem !important; }
    html .container .content .section.schedule-form form .schedule-form .form-items .item input {
      max-width: 100% !important;
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 1 100% !important;
          -ms-flex: 1 1 100% !important;
              flex: 1 1 100% !important; }
    html .container .content .section.schedule-form form .schedule-form .form-items .item label {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 1 100% !important;
          -ms-flex: 1 1 100% !important;
              flex: 1 1 100% !important; } }

body,
html {
  height: 100%;
  margin: 0;
  width: 100%; }

* {
  box-sizing: border-box; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

/**
 * BAILEY!
 * Use this stylesheet. Our SASS files are getting way too large.
 * I may have to divide this up further. Let me know if this file gets out of hand.
 * (Out of hand = SLOC > 2000)
 *
 */
.visible {
  display: block !important; }

.invisible {
  display: none !important; }

.container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 65px; }
  .container .content #success-box, .container .content #fail-box {
    display: none;
    margin: 60px 0 10px 0;
    font-family: Gudea;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #fff; }
    .container .content #success-box .thank-you, .container .content #fail-box .thank-you {
      font-size: 5rem;
      padding: 0; }
    .container .content #success-box .oops-error, .container .content #fail-box .oops-error {
      font-size: 5rem;
      padding: 0;
      color: #b20808; }
  .container .content #success-box::before {
    content: '';
    position: absolute;
    width: 134px;
    height: 9px;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #8bc53e; }
  .container .content .section {
    width: 100vw;
    height: auto;
    position: relative;
    overflow: hidden; }
    .container .content .section:nth-child(even)::after {
      background: url("../img/down-arrow-alt.png") no-repeat;
      bottom: 10px; }
    .container .content .section.schedule-form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 30px 0 100px; }
      .container .content .section.schedule-form::after {
        display: none; }
      .container .content .section.schedule-form form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .container .content .section.schedule-form form a {
          max-width: 145px;
          width: 100%; }
          .container .content .section.schedule-form form a .send-btn {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            cursor: pointer;
            border: none !important;
            text-align: center;
            padding: 20px 0;
            width: 100%;
            font-size: 2rem;
            font-family: Gudea;
            font-weight: bold;
            color: #fff;
            background: #8ac43f;
            border-radius: 13px;
            margin: 30px 0 0; }
        .container .content .section.schedule-form form .schedule-form {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-height: 820px;
          font-family: Gudea;
          color: #fff;
          padding: 80px 30px; }
          .container .content .section.schedule-form form .schedule-form h3 {
            font-size: 4rem;
            line-height: 60px;
            margin-bottom: 35px;
            margin-top: 0; }
          .container .content .section.schedule-form form .schedule-form p {
            margin: 0;
            padding: 0;
            padding-bottom: 55px; }
          .container .content .section.schedule-form form .schedule-form::after {
            content: '';
            position: absolute;
            left: -webkit-calc(50% - 50vw);
            left: calc(50% - 50vw);
            top: 0;
            width: 100vw;
            height: 100%;
            background: url("../img/bg-schedule.jpg") center center no-repeat;
            background-size: cover;
            z-index: -1; }
          .container .content .section.schedule-form form .schedule-form .form-items .item {
            padding: 6px 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            .container .content .section.schedule-form form .schedule-form .form-items .item label {
              -webkit-box-flex: 1;
              -webkit-flex: 1 1 220px;
                  -ms-flex: 1 1 220px;
                      flex: 1 1 220px;
              max-width: 276px;
              font-weight: bold;
              font-size: 0.9rem; }
            .container .content .section.schedule-form form .schedule-form .form-items .item input {
              -webkit-box-flex: 1;
              -webkit-flex: 1 1 290px;
                  -ms-flex: 1 1 290px;
                      flex: 1 1 290px;
              padding: 13px 15px;
              border: none;
              font-family: Gudea;
              color: #231f20;
              font-size: 0.9rem; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input::-webkit-input-placeholder {
                color: #231f20; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input::-moz-placeholder {
                color: #231f20; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input:-ms-input-placeholder {
                color: #231f20; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input::placeholder {
                color: #231f20; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input[type="email"] {
                max-width: 259px; }
              .container .content .section.schedule-form form .schedule-form .form-items .item input[type="tel"] {
                max-width: 199px; }
            .container .content .section.schedule-form form .schedule-form .form-items .item .select {
              position: relative;
              background: #fff; }
              .container .content .section.schedule-form form .schedule-form .form-items .item .select::after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                top: 14px;
                right: 8px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 9px solid #000;
                pointer-events: none; }
              .container .content .section.schedule-form form .schedule-form .form-items .item .select select {
                -webkit-appearance: none;
                border-radius: 0;
                border: none;
                padding: 13px 15px;
                padding-right: 35px; }
    .container .content .section.contact {
      max-width: 970px;
      margin: auto;
      padding: 0 40px;
      font-family: Gudea; }
      .container .content .section.contact h3 {
        font-size: 2.6rem;
        position: relative; }
        .container .content .section.contact h3::after {
          content: '';
          position: absolute;
          bottom: -20px;
          left: 0;
          width: 75px;
          height: 7px;
          background: #8bc53e; }
      .container .content .section.contact a {
        color: inherit;
        text-decoration: none; }
        .container .content .section.contact a:hover {
          text-decoration: underline; }
      .container .content .section.contact span {
        color: #8bc53e; }
      .container .content .section.contact p {
        padding: 0; }
      .container .content .section.contact::after {
        display: none; }
      @media screen and (max-width: 450px) {
        .container .content .section.contact {
          text-align: center; }
          .container .content .section.contact h3::after {
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            left: 50%; } }
    .container .content .section.schedule-a-tour {
      background: url("../img/bg-schedule-a-tour.jpg") center center;
      background-size: cover;
      margin: 40px 0 150px; }
      .container .content .section.schedule-a-tour::after {
        display: none; }
      .container .content .section.schedule-a-tour .schedule-a-tour {
        min-height: 550px;
        max-width: 846px;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        font-family: Gudea; }
        .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content {
          max-width: 420px;
          min-height: 400px;
          background: #fff;
          padding: 15px 35px 5px; }
          .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content a {
            font-family: Gudea;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            margin-top: 25px;
            display: block; }
            .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content a .button {
              max-width: 275px;
              margin: auto;
              border-radius: 12px;
              font-size: 1.4rem;
              background: #8bc53f;
              text-align: left;
              padding: 19px 35px;
              font-size: 1.6rem; }
          .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content h3 {
            position: relative;
            max-width: 250px;
            font-size: 4.3rem;
            line-height: 60px;
            padding-bottom: 10px;
            margin: 0; }
            .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content h3::after {
              content: '';
              position: absolute;
              width: 85px;
              height: 8px;
              background: #8bc53f;
              bottom: -18px;
              left: 0; }
          .container .content .section.schedule-a-tour .schedule-a-tour .schedule-content p {
            font-size: 1.1rem;
            padding: 0;
            padding-top: 15px; }
    .container .content .section.welcome-content {
      box-sizing: border-box;
      padding: 0 20px; }
      .container .content .section.welcome-content .placeholder {
        height: 557px;
        width: 100%;
        background: grey;
        margin-bottom: 70px; }
      .container .content .section.welcome-content iframe.hc {
        display: none; }
      .container .content .section.welcome-content iframe.color {
        display: block; }
      .container .content .section.welcome-content iframe {
        width: 100%;
        max-width: 970px;
        min-height: 490px;
        margin: 0 auto 45px;
        display: block; }
      .container .content .section.welcome-content::after {
        display: none; }
    .container .content .section.topper {
      background: url("../img/paper-bg.jpg") center center no-repeat;
      background-size: cover;
      padding: 110px 0 80px; }
      .container .content .section.topper.application-process {
        padding: 110px 0 30px; }
      .container .content .section.topper.history {
        padding-bottom: 0; }
      .container .content .section.topper::after {
        display: none; }
      .container .content .section.topper .topper-content {
        max-width: 840px;
        padding: 0 30px;
        margin: auto;
        position: relative; }
        .container .content .section.topper .topper-content.about-us p {
          text-align: left; }
        .container .content .section.topper .topper-content p {
          text-align: center; }
        .container .content .section.topper .topper-content.history {
          max-width: 970px; }
        .container .content .section.topper .topper-content ul {
          counter-reset: steps;
          padding: 0;
          padding-top: 20px; }
          .container .content .section.topper .topper-content ul li {
            position: relative;
            list-style: none;
            border-bottom: 1px solid #bfc1c2;
            font-family: Gudea;
            font-size: 0.875em;
            font-weight: bold;
            color: #58595b;
            padding: 20px 0 20px 85px; }
            .container .content .section.topper .topper-content ul li:last-child {
              border-bottom: none; }
            .container .content .section.topper .topper-content ul li::before {
              content: counter(steps);
              counter-increment: steps;
              position: absolute;
              font-weight: bold;
              font-size: 1.1rem;
              color: #bfc1c2;
              left: 0px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              width: 36px;
              height: 36px;
              border: 1px solid #bfc1c2;
              border-radius: 50%;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; }
        .container .content .section.topper .topper-content .history {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          .container .content .section.topper .topper-content .history img {
            max-width: 450px;
            padding-top: 20px; }
          .container .content .section.topper .topper-content .history .history-content {
            max-width: 430px; }
            .container .content .section.topper .topper-content .history .history-content p {
              text-align: left; }
            .container .content .section.topper .topper-content .history .history-content blockquote {
              margin: 0; }
              .container .content .section.topper .topper-content .history .history-content blockquote .image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                background-size: cover; }
              .container .content .section.topper .topper-content .history .history-content blockquote .content {
                max-width: 440px;
                width: 100%;
                text-align: left;
                position: relative;
                left: 0;
                margin-top: 80px; }
                .container .content .section.topper .topper-content .history .history-content blockquote .content p {
                  font-family: filson-pro, Arial, sans-serif;
                  font-weight: 900;
                  line-height: 38px;
                  font-size: 1.2em;
                  margin: 10px 0;
                  color: #000;
                  text-align: left; }
                  .container .content .section.topper .topper-content .history .history-content blockquote .content p::before {
                    content: '';
                    position: absolute;
                    background: url("../img/q-mark-black.png");
                    width: 50px;
                    height: 40px;
                    top: -55px; }
                .container .content .section.topper .topper-content .history .history-content blockquote .content span {
                  font-family: gudea, sans-serif;
                  text-align: left;
                  font-weight: bold; }
        .container .content .section.topper .topper-content h1 {
          color: #8bc53e;
          font-size: 2.375em;
          font-family: filson-pro, Arial, sans-serif;
          font-weight: 900;
          letter-spacing: 2px;
          text-align: center; }
          .container .content .section.topper .topper-content h1::before {
            content: '';
            position: absolute;
            width: 134px;
            height: 9px;
            top: -46px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            background: #8bc53e; }
        .container .content .section.topper .topper-content p {
          font-size: 1rem;
          font-family: gudea, sans-serif;
          line-height: 27px;
          margin: 25px 0;
          color: #58595b; }
    .container .content .section.quote {
      background: url("/img/masthead-pullquote.jpg") center top no-repeat !important;
      background-size: cover !important;
      margin-bottom: 100px; }
    .container .content .section.about-us, .container .content .section.quote {
      height: 440px;
      color: #fff;
      position: relative;
      text-align: center;
      background: url("/img/masthead-about2.jpg") center no-repeat;
      background-size: cover; }
      @media screen and (max-width: 700px) {
        .container .content .section.about-us, .container .content .section.quote {
          height: auto !important;
          padding-bottom: 0; }
          .container .content .section.about-us blockquote, .container .content .section.quote blockquote {
            height: 300px !important; }
            .container .content .section.about-us blockquote div.image,
            .container .content .section.about-us blockquote div.content, .container .content .section.quote blockquote div.image,
            .container .content .section.quote blockquote div.content {
              position: static; }
            .container .content .section.about-us blockquote div.image, .container .content .section.quote blockquote div.image {
              height: 180px; }
            .container .content .section.about-us blockquote div.content, .container .content .section.quote blockquote div.content {
              color: #fff;
              position: relative;
              top: 55px;
              -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                      transform: translateX(-50%);
              left: 74%;
              margin: 0;
              padding: 0 35px;
              max-width: 295px;
              font-size: 0.8rem; } }
      .container .content .section.about-us::after, .container .content .section.quote::after {
        display: none; }
      .container .content .section.about-us blockquote, .container .content .section.quote blockquote {
        max-width: 970px;
        margin: auto;
        height: 100%;
        position: relative; }
        .container .content .section.about-us blockquote .image, .container .content .section.quote blockquote .image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background-size: cover; }
        .container .content .section.about-us blockquote .content, .container .content .section.quote blockquote .content {
          max-width: 340px;
          margin: auto;
          text-align: left;
          position: absolute;
          top: 65px;
          left: 58%;
          -webkit-transform: translateX(-30%);
              -ms-transform: translateX(-30%);
                  transform: translateX(-30%); }
          .container .content .section.about-us blockquote .content.enrichment, .container .content .section.quote blockquote .content.enrichment {
            left: 18%;
            color: #000; }
            @media screen and (max-width: 700px) {
              .container .content .section.about-us blockquote .content.enrichment, .container .content .section.quote blockquote .content.enrichment {
                left: 38%;
                max-width: 395px; } }
            @media screen and (max-width: 465px) {
              .container .content .section.about-us blockquote .content.enrichment, .container .content .section.quote blockquote .content.enrichment {
                left: 30%;
                max-width: 225px; } }
            .container .content .section.about-us blockquote .content.enrichment p::before, .container .content .section.quote blockquote .content.enrichment p::before {
              content: '';
              position: absolute;
              background: url("../img/q-mark-dark.png");
              width: 50px;
              height: 53px;
              top: -65px; }
          .container .content .section.about-us blockquote .content p, .container .content .section.quote blockquote .content p {
            font-family: filson-pro, Arial, sans-serif;
            font-weight: 900;
            line-height: 32px;
            font-size: 1.75em;
            margin: 10px 0; }
            .container .content .section.about-us blockquote .content p::before, .container .content .section.quote blockquote .content p::before {
              content: '';
              position: absolute;
              background: url("../img/q-mark.png");
              width: 50px;
              height: 53px;
              top: -65px; }
          .container .content .section.about-us blockquote .content span, .container .content .section.quote blockquote .content span {
            font-family: gudea, sans-serif;
            text-align: left;
            font-weight: bold; }
    .container .content .section.about-information {
      color: #58595b;
      font-family: gudea, sans-serif;
      padding: 80px 10px; }
      .container .content .section.about-information.history {
        padding-top: 0; }
      .container .content .section.about-information .information {
        max-width: 800px;
        margin: auto;
        padding: 0 25px; }
        .container .content .section.about-information .information p {
          font-size: 1rem;
          line-height: 27px;
          margin: 25px 0;
          color: #58595b; }
          .container .content .section.about-information .information p.last-child {
            border: none; }
        .container .content .section.about-information .information span {
          font-weight: bold;
          color: #8bc53f;
          font-size: 1.15em; }
      .container .content .section.about-information::after {
        display: none; }
    .container .content .section.gallery {
      max-width: 970px;
      margin: auto; }
      .container .content .section.gallery .bucket {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 0; }
        .container .content .section.gallery .bucket .image {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 161px;
              -ms-flex: 1 1 161px;
                  flex: 1 1 161px;
          height: 161px; }
          .container .content .section.gallery .bucket .image.image1 {
            background: url("../img/about-gallery/about-image1.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image2 {
            background: url("../img/about-gallery/about-image2.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image3 {
            background: url("../img/about-gallery/about-image3.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image4 {
            background: url("../img/about-gallery/about-image4.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image5 {
            background: url("../img/about-gallery/about-image5.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image6 {
            background: url("../img/about-gallery/about-image6.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image7 {
            background: url("../img/about-gallery/about-image7.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image8 {
            background: url("../img/about-gallery/about-image8.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image9 {
            background: url("../img/about-gallery/about-image9.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image10 {
            background: url("../img/about-gallery/about-image10.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image11 {
            background: url("../img/about-gallery/about-image11.png") center center no-repeat;
            background-size: cover; }
          .container .content .section.gallery .bucket .image.image12 {
            background: url("../img/about-gallery/about-image12.png") center center no-repeat;
            background-size: cover; }
      .container .content .section.gallery a {
        text-decoration: none; }
        .container .content .section.gallery a .explore-btn {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 50px 40px 25px;
          color: #010002; }
          .container .content .section.gallery a .explore-btn .title {
            padding-right: 15px;
            margin-right: 30px;
            font-family: filson-pro, Arial, sans-serif;
            border-right: 1px solid #010002;
            font-size: 0.8rem; }
          .container .content .section.gallery a .explore-btn .destination {
            font-family: filson-pro, Arial, sans-serif;
            font-weight: 900;
            padding-right: 40px; }
          .container .content .section.gallery a .explore-btn::after {
            content: '';
            position: absolute;
            width: 23px;
            height: 23px;
            background: url("../img/arrow-right.jpg") center center no-repeat; }
      .container .content .section.gallery .social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 45px 0; }
        .container .content .section.gallery .social .left {
          text-align: right;
          letter-spacing: 0;
          font-size: 1.5em;
          font-weight: bold;
          font-family: gudea, sans-serif;
          line-height: 18px;
          padding: 15px;
          padding-left: 0;
          color: #58585a; }
        .container .content .section.gallery .social .right {
          text-align: left;
          letter-spacing: 0;
          font-size: 1.5em;
          font-weight: bold;
          font-family: gudea, sans-serif;
          line-height: 18px;
          padding: 15px;
          padding-right: 0;
          color: #58585a; }
      .container .content .section.gallery::after {
        display: none; }
    .container .content .section.masthead {
      background: url("../img/mast-bg.jpg") center center no-repeat;
      background-size: cover;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      max-height: 700px; }
    .container .content .section.start {
      background: url("../img/chalkboard.jpg") center center no-repeat;
      background-size: cover; }
      .container .content .section.start .bucket {
        padding: 80px 0 !important; }
      .container .content .section.start h3 {
        position: relative;
        letter-spacing: 6px !important;
        font-size: 1.95rem !important;
        line-height: 56px !important;
        margin-bottom: 25px !important; }
        .container .content .section.start h3::after {
          content: '';
          background: #8bc53e;
          height: 3px;
          width: 65px;
          display: block;
          position: absolute;
          left: 50%;
          bottom: -10px;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        .container .content .section.start h3 em {
          font-family: filson-pro, Arial, sans-serif;
          font-size: 4rem;
          font-style: normal;
          display: block;
          letter-spacing: 1px; }
      .container .content .section.start .button {
        font-family: filson-pro, Arial, sans-serif !important;
        padding: 6px 17px !important;
        width: auto !important; }
      .container .content .section.start p {
        line-height: 27px !important;
        font-weight: normal !important; }
    .container .content .section.education {
      background: url("../img/marble-bg.jpg") no-repeat;
      background-size: cover;
      width: unset;
      height: 100%; }
    .container .content .section .top-left img {
      position: absolute;
      top: 0;
      left: 0; }
    .container .content .section .top-right img {
      position: absolute;
      top: 0;
      right: 0; }
    .container .content .section .bottom-left img {
      position: absolute;
      bottom: -28px;
      left: 0;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        .container .content .section .bottom-left img {
          bottom: 162px;
          left: -100px; } }
      @media screen and (max-width: 500px) {
        .container .content .section .bottom-left img {
          display: none; } }
    .container .content .section .bottom-right img {
      position: absolute;
      bottom: -15px;
      right: 3%;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        .container .content .section .bottom-right img {
          bottom: 185px;
          right: -100px; } }
      @media screen and (max-width: 500px) {
        .container .content .section .bottom-right img {
          display: none; } }
    .container .content .section::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 39px;
      background: url("../img/down-arrow-alt.png") no-repeat;
      bottom: 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .container .content .section .mast-content {
      position: relative;
      text-align: center;
      font-family: heartandsoul, sans-serif;
      font-size: 9.375em;
      color: #464749;
      line-height: 110px;
      z-index: 2;
      padding: 110px 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      margin: auto; }
      .container .content .section .mast-content p {
        font-family: gudea, sans-serif;
        font-size: 1rem;
        line-height: 27px;
        max-width: 390px;
        margin: auto;
        padding-top: 35px; }
      .container .content .section .mast-content span {
        position: relative;
        top: -33px;
        display: inline-block;
        font-family: headline-two, sans-serif;
        font-size: 0.4em;
        border-top: 6px solid;
        border-bottom: 6px solid;
        -webkit-transform: skewY(-5deg);
            -ms-transform: skewY(-5deg);
                transform: skewY(-5deg);
        line-height: 58px;
        padding-top: 4px; }
        .container .content .section .mast-content span::before {
          content: '';
          height: 23px;
          width: 46px;
          background: url("../img/swirl-left.png") no-repeat;
          position: absolute;
          margin-left: -55px;
          margin-top: 10px; }
        .container .content .section .mast-content span::after {
          content: '';
          height: 23px;
          width: 46px;
          background: url("../img/swirl-right.png") no-repeat;
          position: absolute;
          margin-left: 5px;
          margin-top: 10px; }
    .container .content .section .bucket {
      max-width: 970px;
      margin: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 140px 0; }
      .container .content .section .bucket .left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        text-align: center; }
      .container .content .section .bucket .right {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        text-align: center; }
        .container .content .section .bucket .right h3 {
          font-family: gudea, sans-serif;
          color: #fff;
          font-size: 1em;
          letter-spacing: 4px;
          margin: 0; }
        .container .content .section .bucket .right h4 {
          font-family: mouthen-typeface, sans-serif;
          color: #fff;
          font-weight: normal;
          font-size: 3.75em;
          letter-spacing: 4px;
          margin: 20px 0 30px;
          line-height: 65px; }
          .container .content .section .bucket .right h4 span {
            font-size: 0.8em; }
        .container .content .section .bucket .right p {
          color: #fff;
          font-family: gudea, sans-serif;
          font-weight: bold;
          font-size: 1rem;
          margin: auto;
          max-width: 340px;
          line-height: 20px; }
        .container .content .section .bucket .right .buttons {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 30px 0; }
          .container .content .section .bucket .right .buttons a {
            text-decoration: none; }
            .container .content .section .bucket .right .buttons a .button {
              margin: 0 8px;
              color: #010002;
              font-family: gudea, sans-serif;
              font-weight: bold;
              padding: 6px 0;
              width: 132px;
              height: 35px;
              font-size: 0.9375em;
              background: #e8ebe4;
              border-bottom: 2px solid #9d9c8e;
              border-top: 2px solid #fafaf8; }
    .container .content .section .gallery {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 1024px;
      margin: auto; }
      .container .content .section .gallery .column {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%;
            -ms-flex: 1 1 33.33%;
                flex: 1 1 33.33%; }
        .container .content .section .gallery .column .image-1 {
          width: 100%;
          height: 556px;
          background: url("../img/school-image1.jpg");
          background-position: top center;
          background-size: cover; }
        .container .content .section .gallery .column .image-2 {
          width: 100%;
          height: 278px;
          background: url("../img/school-image2.jpg");
          background-position: top center;
          background-size: cover; }
        .container .content .section .gallery .column .image-3 {
          width: 100%;
          height: 174px;
          background: url("../img/school-image3.jpg");
          background-position: top center;
          background-size: cover; }
        .container .content .section .gallery .column .image-4 {
          width: 100%;
          height: 278px;
          background: url("../img/school-image4.jpg");
          background-position: top center;
          background-size: cover; }
        .container .content .section .gallery .column .image-5 {
          width: 100%;
          height: 382px;
          background: url("../img/school-image5.jpg");
          background-position: center center !important;
          background-size: cover; }
    .container .content .section .education-content {
      position: relative;
      text-align: center;
      max-width: 741px;
      margin: auto;
      padding: 100px 0; }
      .container .content .section .education-content h3 {
        font-family: gudea, sans-serif;
        font-size: 1.375em;
        color: #231f20;
        letter-spacing: 3px;
        margin: 0; }
      .container .content .section .education-content p {
        font-family: gudea, sans-serif;
        font-weight: normal;
        font-size: 1rem;
        max-width: 680px;
        margin: auto;
        color: #414042;
        padding: 20px 0 45px;
        line-height: 22px; }
      .container .content .section .education-content h4 {
        font-family: gudea, sans-serif;
        padding: 15px;
        font-weight: normal;
        letter-spacing: 2px;
        font-size: 0.9375em;
        color: #414042;
        border-top: 1px solid #bfc1c2;
        border-bottom: 1px solid #bfc1c2;
        margin: 0; }
      .container .content .section .education-content .title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 30px 0;
        margin-left: -10px; }
        .container .content .section .education-content .title .left {
          line-height: 20px;
          padding-top: 25px;
          margin-right: 25px; }
          .container .content .section .education-content .title .left h4 {
            border: none;
            margin: 0;
            padding: 0;
            text-align: right;
            letter-spacing: 0;
            font-size: 1.625em;
            font-weight: normal;
            font-family: alternate-gothic-no-1-d, sans-serif;
            color: #000; }
          .container .content .section .education-content .title .left p {
            padding: 0;
            text-align: right;
            font-family: Gudea;
            font-weight: bold;
            font-size: 0.75rem;
            line-height: 12px;
            color: #6d6e71; }
        .container .content .section .education-content .title .right {
          line-height: 20px;
          padding-top: 25px;
          margin-left: 25px; }
          .container .content .section .education-content .title .right h4 {
            border: none;
            margin: 0;
            padding: 0;
            text-align: left;
            letter-spacing: 0;
            font-size: 1.625em;
            font-weight: normal;
            font-family: alternate-gothic-no-1-d, sans-serif;
            color: #000; }
          .container .content .section .education-content .title .right p {
            padding: 0;
            text-align: left;
            font-family: Gudea;
            font-weight: bold;
            font-size: 0.75rem;
            line-height: 12px;
            color: #6d6e71; }
      .container .content .section .education-content .activities {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .container .content .section .education-content .activities .column {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 50%;
              -ms-flex: 1 1 50%;
                  flex: 1 1 50%;
          padding: 0 20px; }
          .container .content .section .education-content .activities .column:first-child {
            border-right: 1px solid #bfc1c2; }
          .container .content .section .education-content .activities .column a {
            text-decoration: none; }
            .container .content .section .education-content .activities .column a .entry {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              padding: 16px 0 6px;
              border-bottom: 1px solid #bfc1c2;
              text-align: left; }
              .container .content .section .education-content .activities .column a .entry .label {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 45%;
                    -ms-flex: 1 1 45%;
                        flex: 1 1 45%;
                color: #231f20;
                font-family: gudea, sans-serif;
                font-weight: bold;
                font-size: 0.8125em; }
              .container .content .section .education-content .activities .column a .entry .ages {
                -webkit-box-flex: 1;
                -webkit-flex: 1 1 25%;
                    -ms-flex: 1 1 25%;
                        flex: 1 1 25%;
                color: #77787b;
                font-family: gudea, sans-serif;
                font-size: 0.8125em; }
              .container .content .section .education-content .activities .column a .entry .arrow {
                background: url("../img/arrow.png") center center no-repeat;
                border: 1px solid #bfc1c2;
                border-radius: 16px;
                width: 32px;
                height: 32px;
                margin-top: -7px;
                text-align: center;
                padding-top: 7px; }
            .container .content .section .education-content .activities .column a:hover .arrow {
              border: none;
              background: #000 url("../img/arrow-white.png") center center no-repeat; }

.container.text-only * {
  background: none !important;
  color: #000 !important; }
  .container.text-only * input {
    background: lightgrey !important; }

.container.text-only .gallery {
  display: none !important; }

.container.text-only .tabbed-pages.programs .tabbed-page .content-box {
  max-width: 100% !important; }

.container.text-only .section.quote {
  display: none !important; }

.container.text-only .content .section.schedule-form form .schedule-form::after {
  display: none !important; }

.container.text-only .top-left,
.container.text-only .top-right,
.container.text-only .bottom-left,
.container.text-only .bottom-right {
  display: none !important; }

body, .smooth-container {
  scroll-behavior: smooth; }

.header-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  height: 154px; }
  .header-container header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 76px;
    width: 100vw;
    background: #fff;
    box-shadow: 0 1px 20px darkgray; }
    .header-container header .menu-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      height: 76px;
      margin-left: 20px;
      color: #434343;
      font-family: gudea, sans-serif;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-size: 0.9rem;
      cursor: pointer; }
      @media screen and (max-width: 712px) {
        .header-container header .menu-btn > span {
          display: none; } }
      .header-container header .menu-btn img {
        cursor: pointer;
        margin-right: 15px; }
    .header-container header nav {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100vw;
      height: -webkit-calc(100vh - 76px);
      height: calc(100vh - 76px);
      top: 76px;
      left: 0;
      background: rgba(133, 191, 61, 0.9);
      -webkit-transform: translateY(-webkit-calc(-100% - 76px));
          -ms-transform: translateY(calc(-100% - 76px));
              transform: translateY(calc(-100% - 76px));
      -webkit-transition: 0.4s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
      transition: 0.4s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
      transition: 0.4s transform cubic-bezier(0.19, 1, 0.22, 1);
      transition: 0.4s transform cubic-bezier(0.19, 1, 0.22, 1), 0.4s -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
      z-index: -2; }
      .header-container header nav.active {
        -webkit-transform: translateY(0) !important;
            -ms-transform: translateY(0) !important;
                transform: translateY(0) !important; }
      @media screen and (max-width: 970px) {
        .header-container header nav {
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-transform: translateY(0) !important;
              -ms-transform: translateY(0) !important;
                  transform: translateY(0) !important;
          background: none;
          height: 0; }
          .header-container header nav div.links {
            overflow: hidden;
            width: 100vw;
            -webkit-transform: translateY(-150%);
                -ms-transform: translateY(-150%);
                    transform: translateY(-150%);
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
            transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
            .header-container header nav div.links.active {
              -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                      transform: translateY(0); }
              .header-container header nav div.links.active div.link {
                box-shadow: 0 0 10px rgba(15, 18, 22, 0.2);
                -webkit-transform: translateY(0) !important;
                    -ms-transform: translateY(0) !important;
                        transform: translateY(0) !important; }
            .header-container header nav div.links div.link {
              position: relative;
              color: #000;
              border-bottom: none;
              box-shadow: 0 0 0 rgba(15, 18, 22, 0.2);
              -webkit-transform-origin: bottom center;
                  -ms-transform-origin: bottom center;
                      transform-origin: bottom center; }
              .header-container header nav div.links div.link .dropdown-menu a {
                color: #000; }
              .header-container header nav div.links div.link:nth-child(1) {
                background: #f1f1e9;
                z-index: 9;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 30ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 30ms;
                -webkit-transform: translateY(-150%);
                    -ms-transform: translateY(-150%);
                        transform: translateY(-150%); }
              .header-container header nav div.links div.link:nth-child(2) {
                background: #ebebe3;
                z-index: 8;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 60ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 60ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 60ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 60ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 60ms;
                -webkit-transform: translateY(-250%);
                    -ms-transform: translateY(-250%);
                        transform: translateY(-250%); }
              .header-container header nav div.links div.link:nth-child(3) {
                background: #e3e3dd;
                z-index: 7;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 90ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 90ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 90ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 90ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 90ms;
                -webkit-transform: translateY(-350%);
                    -ms-transform: translateY(-350%);
                        transform: translateY(-350%); }
              .header-container header nav div.links div.link:nth-child(4) {
                background: #dbdbd9;
                z-index: 6;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 120ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 120ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 120ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 120ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 120ms;
                -webkit-transform: translateY(-450%);
                    -ms-transform: translateY(-450%);
                        transform: translateY(-450%); }
              .header-container header nav div.links div.link:nth-child(5) {
                background: #d4d4d4;
                z-index: 5;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 150ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 150ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 150ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 150ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 150ms;
                -webkit-transform: translateY(-550%);
                    -ms-transform: translateY(-550%);
                        transform: translateY(-550%); }
              .header-container header nav div.links div.link:nth-child(6) {
                background: #cdcdcd;
                z-index: 4;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 180ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 180ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 180ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 180ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 180ms;
                -webkit-transform: translateY(-650%);
                    -ms-transform: translateY(-650%);
                        transform: translateY(-650%); }
              .header-container header nav div.links div.link:nth-child(7) {
                background: #c7c7c7;
                z-index: 3;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 210ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 210ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 210ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 210ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 210ms;
                -webkit-transform: translateY(-750%);
                    -ms-transform: translateY(-750%);
                        transform: translateY(-750%); }
              .header-container header nav div.links div.link:nth-child(8) {
                background: #c1c1c1;
                z-index: 2;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 240ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 240ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 240ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 240ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 240ms;
                -webkit-transform: translateY(-850%);
                    -ms-transform: translateY(-850%);
                        transform: translateY(-850%); }
              .header-container header nav div.links div.link:nth-child(9) {
                background: #bababa;
                z-index: 1;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 270ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 270ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 270ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 270ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 270ms;
                -webkit-transform: translateY(-950%);
                    -ms-transform: translateY(-950%);
                        transform: translateY(-950%); }
              .header-container header nav div.links div.link:nth-child(10) {
                background: #b4b4b4;
                z-index: 0;
                -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 300ms;
                transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 300ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 300ms;
                transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 300ms, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 300ms;
                -webkit-transform: translateY(-1050%);
                    -ms-transform: translateY(-1050%);
                        transform: translateY(-1050%); } }
      .header-container header nav .links {
        text-align: center; }
        .header-container header nav .links .link {
          position: relative;
          height: initial;
          padding: 25px;
          margin: 0;
          cursor: pointer;
          color: #fff;
          font-size: 1.5rem;
          font-family: filson-pro, Arial, sans-serif;
          font-weight: bold; }
          .header-container header nav .links .link a {
            text-decoration: none;
            color: inherit; }
          .header-container header nav .links .link::before, .header-container header nav .links .link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            background: #fff;
            bottom: 0; }
          .header-container header nav .links .link::before {
            left: 50%; }
          .header-container header nav .links .link::after {
            right: 50%; }
          .header-container header nav .links .link:hover::before, .header-container header nav .links .link:hover::after {
            width: 75px; }
          .header-container header nav .links .link.active::before, .header-container header nav .links .link.active::after {
            content: '';
            position: absolute;
            width: 75px;
            height: 2px;
            -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            background: #fff;
            bottom: 0; }
          .header-container header nav .links .link.active::before {
            left: 50%; }
          .header-container header nav .links .link.active::after {
            right: 50%; }
          .header-container header nav .links .link.active .dropdown-menu {
            max-height: 200px;
            padding-top: 25px; }
          .header-container header nav .links .link .dropdown-menu {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 1.15rem;
            padding-top: 0;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1);
            transition: 0.5s all cubic-bezier(0.19, 1, 0.22, 1); }
            .header-container header nav .links .link .dropdown-menu a {
              color: #fff;
              text-decoration: none;
              cursor: pointer;
              padding: 5px 0;
              font-weight: normal; }
    .header-container header .skip-to-content {
      position: absolute;
      right: 3%;
      top: 75px; }
    .header-container header .nav-container .toggle-btn,
    .header-container header .accessibility p {
      max-width: 300px; }
    .header-container header .left {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 12%;
          -ms-flex: 1 1 12%;
              flex: 1 1 12%; }
    .header-container header .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 12%;
          -ms-flex: 1 1 12%;
              flex: 1 1 12%; }
    .header-container header .center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      position: relative;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .header-container header .center .left {
        text-align: right;
        letter-spacing: 0.75px;
        font-size: 1.7rem;
        font-weight: normal;
        font-family: alternate-gothic-no-1-d, sans-serif;
        top: -15px;
        position: relative;
        line-height: 18px;
        padding: 0 15px;
        padding-left: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .header-container header .center .left span {
          color: #6d6e71;
          margin-top: 1px;
          display: block;
          letter-spacing: 0;
          font-family: Gudea;
          font-weight: bold;
          font-size: 0.475em; }
      .header-container header .center .logo {
        position: relative; }
        .header-container header .center .logo::before, .header-container header .center .logo::after {
          content: '';
          display: block;
          background: #FFF;
          border-radius: 70px;
          position: absolute;
          bottom: -20px;
          left: -15px;
          width: -webkit-calc(100% + 30px);
          width: calc(100% + 30px);
          height: -webkit-calc(100% + 30px);
          height: calc(100% + 30px); }
          @media screen and (max-width: 970px) {
            .header-container header .center .logo::before, .header-container header .center .logo::after {
              display: none; } }
        .header-container header .center .logo::before {
          box-shadow: 0 0 20px rgba(20, 20, 20, 0.5);
          z-index: -1; }
        .header-container header .center .logo::after {
          z-index: 0; }
        .header-container header .center .logo img {
          top: 10px;
          position: relative;
          z-index: 1;
          pointer-events: all; }
      .header-container header .center .right {
        text-align: left;
        letter-spacing: 0.75px;
        font-size: 1.7rem;
        font-weight: normal;
        font-family: alternate-gothic-no-1-d, sans-serif;
        top: -15px;
        position: relative;
        line-height: 18px;
        padding: 0 15px;
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .header-container header .center .right span {
          color: #6d6e71;
          margin-top: 1px;
          display: block;
          letter-spacing: 0;
          font-family: Gudea;
          font-weight: bold;
          font-size: 0.475em; }

footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 970px;
  margin: auto;
  padding: 100px 0; }
  footer .column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    line-height: 22px;
    padding-left: 40px; }
    footer .column:last-child p {
      font-size: 0.75em;
      max-width: 210px;
      color: #4f4f4f; }
    footer .column img {
      padding-top: 25px; }
      @media screen and (max-width: 500px) {
        footer .column img {
          width: 85%; } }
    footer .column h4 {
      border: none;
      margin: 0;
      padding: 0;
      text-align: left;
      letter-spacing: 0;
      font-size: 1.625em;
      font-weight: normal;
      font-family: alternate-gothic-no-1-d, sans-serif;
      letter-spacing: 0.75px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    footer .column span {
      padding: 0;
      text-align: right;
      font-family: alternate-gothic-no-1-d, sans-serif;
      color: #6d6e71;
      font-size: 1em;
      letter-spacing: 0.5px; }
    footer .column .title {
      padding-bottom: 25px; }
    footer .column > ul {
      padding-left: 0;
      list-style-type: none; }
      footer .column > ul li {
        font-size: 0.9rem;
        line-height: 25px; }
        footer .column > ul li a {
          color: inherit; }
    footer .column .social {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 15px;
      margin-bottom: 45px; }
      footer .column .social a {
        color: inherit !important;
        text-decoration: none; }
        footer .column .social a .social-icon {
          text-align: center;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0 10px 0 0;
          font-family: alternate-gothic-no-1-d, sans-serif;
          font-size: 1.4rem; }
      footer .column .social img {
        display: block;
        padding-top: 0; }
    footer .column p,
    footer .column ul {
      font-family: gudea, sans-serif;
      margin: 0;
      font-size: 1em;
      font-weight: bold;
      line-height: 20px; }
      footer .column p span,
      footer .column ul span {
        color: #8bc53f;
        font-family: gudea, sans-serif;
        font-size: 1em; }
      footer .column p a,
      footer .column ul a {
        color: #8bc53f;
        text-decoration: none; }
