@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@keyframes blink {
  50% {
    opacity: 0.0; } }
@-webkit-keyframes blink {
  50% {
    opacity: 0.0; } }
.blink {
  -webkit-animation: blink 1s step-start 0s infinite;
  -moz-animation: blink 1s step-start 0s infinite;
  animation: blink 1s step-start 0s infinite; }

.section.no-padding-top-mobile {
  padding: 0 1.5rem 3rem; }

.black {
  color: #000000 !important; }

.white {
  color: #ffffff !important; }

.dark {
  color: #212121 !important; }

.yellow {
  color: #ffcb05; }

.tosca {
  color: #00e995; }

.red {
  color: #cc0000; }

.blue-green {
  color: #004b5b; }

.primary {
  color: #F18020; }

.bg-dark {
  background-color: #212121; }

.bg-dark-green {
  background-color: #002d37; }

.bg-grey {
  background-color: #6D6D6D; }

.bg-blue-green {
  background-color: #004b5b; }

.bg-grey-light {
  background-color: #fbfbfb; }

.bg-primary {
  background-color: #F18020; }

@font-face {
  font-family: 'HP Simplified W01 Bold';
  src: url("../fonts/HPSimplifiedW01-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HP Simplified W01 Reguler';
  src: url("../fonts/HPSimplifiedW01-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url("../fonts/BrandonGrotesque-Black.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham-Black_0';
  src: url("../fonts/Gotham-Black_0.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GOTHAM-BOLD';
  src: url("../fonts/GOTHAM-BOLD.OTF") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GOTHAM-BOOK_0';
  src: url("../fonts/GOTHAM-BOOK_0.OTF") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GOTHAM-LIGHTITALIC';
  src: url("../fonts/GOTHAM-LIGHTITALIC.OTF") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'KozGoPr6N-Regular';
  src: url("../fonts/KozGoPr6N-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MyriadPro-Regular_0';
  src: url("../fonts/MyriadPro-Regular_0.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Bold_0';
  src: url("../fonts/OpenSans-Bold_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Light';
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("../fonts/OpenSans-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-SemiboldItalic_0';
  src: url("../fonts/OpenSans-SemiboldItalic_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'unicode.futurab_0';
  src: url("../fonts/unicode.futurab_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Futura Bold';
  src: url("../fonts/Futura Bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Medium';
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Barlow-Bold';
  src: url("../fonts/Barlow-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'D-DINCondensed';
  src: url("../fonts/D-DINCondensed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Monsterrat-Extrabold';
  src: url("../fonts/Monsterrat-Extrabold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans-Extrabold';
  src: url("../fonts/OpenSans-Extrabold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.gotham {
  font-family: 'GOTHAM-BOOK_0'; }
  @media only screen and (max-width: 480px) {
    .gotham.title {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    .gotham.title {
      font-size: 48px; } }
  @media only screen and (min-width: 1280px) {
    .gotham.title {
      font-size: 64px; } }
  .gotham.title.bold {
    font-family: 'GOTHAM-BOLD'; }
  @media only screen and (max-width: 480px) {
    .gotham.subtitle {
      font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    .gotham.subtitle {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .gotham.subtitle {
      font-size: 48px; } }
  .gotham.subtitle.bold {
    font-family: 'GOTHAM-BOLD'; }
  @media only screen and (max-width: 480px) {
    .gotham.heading {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    .gotham.heading {
      font-size: 24px; } }
  @media only screen and (min-width: 1280px) {
    .gotham.heading {
      font-size: 32px; } }
  .gotham.heading.bold {
    font-family: 'GOTHAM-BOLD'; }
  @media only screen and (max-width: 480px) {
    .gotham.paragraph {
      font-size: 10px; } }
  @media only screen and (min-width: 768px) {
    .gotham.paragraph {
      font-size: 20px; } }
  @media only screen and (min-width: 1280px) {
    .gotham.paragraph {
      font-size: 24px; } }
  .gotham.paragraph.bold {
    font-family: 'GOTHAM-BOLD'; }

.futura {
  font-family: 'unicode.futurab_0'; }
  @media only screen and (max-width: 480px) {
    .futura.title {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    .futura.title {
      font-size: 48px; } }
  @media only screen and (min-width: 1280px) {
    .futura.title {
      font-size: 64px; } }
  @media only screen and (max-width: 480px) {
    .futura.subtitle {
      font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    .futura.subtitle {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .futura.subtitle {
      font-size: 48px; } }
  @media only screen and (max-width: 480px) {
    .futura.heading {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    .futura.heading {
      font-size: 24px; } }
  @media only screen and (min-width: 1280px) {
    .futura.heading {
      font-size: 32px; } }
  @media only screen and (max-width: 480px) {
    .futura.paragraph {
      font-size: 12px; } }
  @media only screen and (min-width: 768px) {
    .futura.paragraph {
      font-size: 14px; } }
  @media only screen and (min-width: 1280px) {
    .futura.paragraph {
      font-size: 16px; } }

.open-sans {
  font-family: 'OpenSans-Light'; }
  @media only screen and (max-width: 480px) {
    .open-sans.title {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    .open-sans.title {
      font-size: 48px; } }
  @media only screen and (min-width: 1280px) {
    .open-sans.title {
      font-size: 64px; } }
  .open-sans.title.bold {
    font-family: 'OpenSans-Bold_0'; }
  @media only screen and (max-width: 480px) {
    .open-sans.subtitle {
      font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    .open-sans.subtitle {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .open-sans.subtitle {
      font-size: 48px; } }
  .open-sans.subtitle.bold {
    font-family: 'OpenSans-Bold_0'; }
  @media only screen and (max-width: 480px) {
    .open-sans.heading {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    .open-sans.heading {
      font-size: 24px; } }
  @media only screen and (min-width: 1280px) {
    .open-sans.heading {
      font-size: 32px; } }
  .open-sans.heading.bold {
    font-family: 'OpenSans-Bold_0'; }
  @media only screen and (max-width: 480px) {
    .open-sans.paragraph {
      font-size: 12px; } }
  @media only screen and (min-width: 768px) {
    .open-sans.paragraph {
      font-size: 14px; } }
  @media only screen and (min-width: 1280px) {
    .open-sans.paragraph {
      font-size: 16px; } }
  .open-sans.paragraph.bold {
    font-family: 'OpenSans-Bold_0'; }

.logo-fl {
  width: 100px;
  background-color: #004c5b;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%); }

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }
.preloader {
  height: 100vh;
  width: 100vw;
  background: #393E46;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99; }
  .preloader__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px; }
  .preloader__circle {
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 99;
    position: relative;
    transition: .3s ease; }
    .preloader__circle-line {
      animation: rotate 3.5s ease-in-out infinite;
      border-top: 1px solid transparent;
      border-left: 1px solid #ffff0b;
      border-right: 1px solid #ffff0b;
      border-bottom: 1px solid transparent;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%; }
      .preloader__circle-line--1 {
        width: 180px;
        height: 180px;
        animation-duration: 1s; }
      .preloader__circle-line--2 {
        width: 160px;
        height: 160px;
        animation-duration: 2s; }
      .preloader__circle-line--3 {
        width: 140px;
        height: 140px;
        animation-duration: 3s; }
      .preloader__circle-line--4 {
        width: 120px;
        height: 120px;
        animation-duration: 4s; }
      .preloader__circle-line--5 {
        width: 100px;
        height: 100px;
        animation-duration: 5s; }
      .preloader__circle-line--6 {
        width: 80px;
        height: 80px;
        animation-duration: 6s; }
      .preloader__circle-line--7 {
        width: 60px;
        height: 60px;
        animation-duration: 7s; }
      .preloader__circle-line--8 {
        width: 40px;
        height: 40px;
        animation-duration: 8s; }
      .preloader__circle-line--9 {
        width: 20px;
        height: 20px;
        animation-duration: 9s; }
      .preloader__circle-line--10 {
        width: 0px;
        height: 0px;
        animation-duration: 10s; }

.color-primary {
  color: #F18020; }

.h-100 {
  height: 100% !important; }

.error-message {
  color: red !important;
  font-size: 0.9em !important;
  margin-top: 5px;
  display: block; }

@media only screen and (max-width: 480px) {
  section.sosmed {
    padding: 0; } }

.no-style {
  border: unset !important;
  text-decoration: none; }

.button-yellow {
  background: #FFCB05;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  height: 70px;
  text-align: center;
  text-transform: unset;
  border: unset;
  text-align: center; }
  .button-yellow span {
    display: block; }
  @media only screen and (min-width: 768px) {
    .button-yellow {
      width: 200px;
      height: 54px; }
      .button-yellow span {
        display: block; } }
  .button-yellow:disabled {
    background: #d6aa02; }
    .button-yellow:disabled span {
      color: #757575 !important; }

.shop-info {
  margin-right: 1.5rem;
  text-transform: none; }
  .shop-info p {
    font-size: 16px;
    color: #ffffff; }
  .shop-info h5 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 0; }
  .shop-info img {
    height: 100%;
    width: 40px; }

.all-product-wrapper {
  margin-top: 3rem;
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .all-product-wrapper {
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 767px) {
    .all-product-wrapper .columns {
      flex-direction: row; } }
  .all-product-wrapper .columns {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    flex-direction: column;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .all-product-wrapper .columns {
        flex-direction: row; } }
    @media only screen and (max-width: 480px) {
      .all-product-wrapper .columns {
        margin: 0 -1rem; } }
    .all-product-wrapper .columns div {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .all-product-wrapper .columns div {
          width: unset; } }
    .all-product-wrapper .columns .subtitle {
      display: flex;
      align-items: center;
      height: 100%; }
      @media only screen and (max-width: 769px) {
        .all-product-wrapper .columns .subtitle {
          display: none; } }
    .all-product-wrapper .columns .e-commerce {
      display: flex;
      align-items: center; }
      .all-product-wrapper .columns .e-commerce span {
        color: #00652E; }
      @media only screen and (max-width: 769px) {
        .all-product-wrapper .columns .e-commerce {
          height: 70px;
          background: #00652E;
          text-align: center;
          display: flex;
          width: 100%;
          justify-content: center; }
          .all-product-wrapper .columns .e-commerce span {
            color: #ffffff; } }
  .all-product-wrapper a {
    text-transform: unset; }
  .all-product-wrapper span {
    font-size: 16px; }
  @media only screen and (max-width: 769px) {
    .all-product-wrapper .ecommerce-name {
      display: none; } }

.w-auto {
  width: auto !important; }

.splide__arrow--prev {
  left: -2rem; }

.splide__arrow--next {
  right: -2rem; }

.splide__arrow {
  top: 35%; }
  @media only screen and (max-width: 480px) {
    .splide__arrow {
      display: none; } }

.breadcrumb a {
  color: unset;
  font-size: 17px;
  padding: unset; }
  .breadcrumb a.is-active {
    color: #F18020; }
.breadcrumb ul {
  flex-wrap: unset; }
  .breadcrumb ul li + li::before {
    margin-left: 1rem; }
.breadcrumb li {
  width: unset;
  column-gap: 1rem; }

.news-footer .columns {
  width: 100%; }
  @media only screen and (min-width: 1280px) {
    .news-footer .columns {
      width: 90%; } }
.news-footer .column {
  display: flex;
  align-items: center; }
@media only screen and (min-width: 768px) {
  .news-footer {
    align-items: center; } }
.news-footer h3 {
  font-size: 23px;
  color: #001208; }
  @media only screen and (min-width: 1280px) {
    .news-footer h3 {
      font-size: 30px; } }
@media only screen and (min-width: 1280px) {
  .news-footer {
    column-gap: 5rem; } }
@media only screen and (max-width: 480px) {
  .news-footer .columns {
    margin-left: 0; } }
@media only screen and (min-width: 768px) {
  .news-footer .columns .column {
    width: unset;
    padding: 0.75rem 5px 0.75rem 5px; } }
@media only screen and (min-width: 1280px) {
  .news-footer .columns .column {
    padding: 0.75rem 1.7rem 0.75rem 1rem; } }
@media only screen and (max-width: 769px) {
  .news-footer .columns .column {
    text-align: center;
    justify-content: center; } }
.news-footer .social-media {
  height: fit-content;
  display: flex;
  column-gap: 1rem; }
  @media only screen and (min-width: 1280px) {
    .news-footer .social-media {
      column-gap: 2rem; } }
  @media only screen and (max-width: 769px) {
    .news-footer .social-media {
      justify-content: center; } }
.news-footer .online-shop {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%; }
  .news-footer .online-shop span {
    text-transform: none;
    color: #00652E;
    font-size: 15px; }
    @media only screen and (max-width: 769px) {
      .news-footer .online-shop span {
        padding-left: 10px; } }
    @media only screen and (max-width: 364px) {
      .news-footer .online-shop span {
        padding-left: 4px; } }
    @media only screen and (min-width: 960px) {
      .news-footer .online-shop span {
        padding-left: 7px; } }
    @media only screen and (min-width: 1280px) {
      .news-footer .online-shop span {
        padding-left: 0; } }
.news-footer img {
  height: 100%; }
  @media only screen and (max-width: 769px) {
    .news-footer img {
      margin-right: 0; } }

/* SCREEN LOADER */
.pageloader {
  color: #fff;
  font-family: Consolas, Menlo, Monaco, monospace;
  font-weight: bold;
  font-size: 20vh;
  position: fixed;
  width: -webkit-fill-available;
  height: 100vh;
  background: #004b5b;
  z-index: 99999;
  text-align: center;
  padding-top: 45vh; }

.smoothscale {
  -webkit-animation: scale 3s linear infinite alternate;
  -moz-animation: scale 3s linear infinite alternate;
  -ms-animation: scale 3s linear infinite alternate;
  -o-animation: scale 3s linear infinite alternate;
  animation: scale 3s linear infinite alternate;
  margin: 0 auto; }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1); } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.25); }
  100% {
    -webkit-transform: scale(1); } }
#rotation {
  -webkit-animation: rotation 150s infinite linear; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
.blink {
  -webkit-animation: blink 2s linear infinite;
  -moz-animation: blink 2s linear infinite;
  -ms-animation: blink 2s linear infinite;
  -o-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-ms-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-o-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.01% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.scale {
  -webkit-animation: scale 2s linear infinite alternate;
  -moz-animation: scale 2s linear infinite alternate;
  -ms-animation: scale 2s linear infinite alternate;
  -o-animation: scale 2s linear infinite alternate;
  animation: scale 2s linear infinite alternate; }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.15); } }
@keyframes scale {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15); } }
.first-section {
  margin-top: 76px; }

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s; }
  .c-hamburger--htx span:before, .c-hamburger--htx span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s; }
  .c-hamburger--htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform; }
  .c-hamburger--htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform; }
.c-hamburger--htx.is-active span {
  background: transparent !important; }
  .c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s; }
  .c-hamburger--htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .c-hamburger--htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.no-width .column {
  width: unset; }

.c-hamburger--htx.is-active span:before {
  width: 100%; }

.burger button {
  margin-right: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  background-color: transparent;
  position: fixed;
  right: 0; }
  @media only screen and (min-width: 425px) and (max-width: 965px) {
    .burger button {
      margin-top: 1.5rem; } }
.burger span {
  background-color: #ffcb05; }
  .burger span:before, .burger span:after {
    background-color: #ffcb05; }
  .burger span:before {
    width: 100%; }

.sub-menu.oppenned {
  width: 100%;
  z-index: 6;
  background: #004b5b;
  overflow-y: auto; }

.c-hamburger.c-hamburger--htx.is-active {
  z-index: 7; }

.sub-menu li a {
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  width: 75%;
  margin-bottom: 0.5rem;
  letter-spacing: 0;
  text-align: left;
  font-family: "HP Simplified W01 Bold";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 20px; }

.sub-menu li {
  margin-left: 3rem; }

.sub-menu li:hover a {
  color: #ffcb05; }

.navbar-start .navbar-item {
  margin-right: 0;
  padding-left: 0; }

.no-hover:hover {
  background-color: transparent !important;
  border: none; }

.has-icon::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 0.625em;
  border-color: #ffcb05 !important;
  right: -0.5rem;
  z-index: 4;
  font-family: "GothamHtf-Bold";
  font-size: 0.75rem !important;
  line-height: 1.5 !important; }

.navbar,
.navbar-end,
.navbar-menu,
.navbar-start {
  align-items: stretch;
  display: flex; }

.navbar-menu {
  flex-grow: 1;
  flex-shrink: 0; }

.navbar-item {
  display: flex; }

.navbar-menu {
  box-shadow: unset; }

.navbar-start {
  justify-content: flex-start;
  margin-right: auto; }

.logo {
  max-height: 5rem !important;
  height: auto;
  width: 300px; }
  @media only screen and (min-width: 1023px) {
    .logo {
      width: 200px; } }
  @media only screen and (min-width: 1280px) {
    .logo {
      width: 300px; } }

.logo-mobile {
  display: block;
  width: 60%;
  position: absolute;
  margin-left: 25%;
  transform: translateX(-35%);
  margin-top: 0.8rem; }
  @media only screen and (min-width: 425px) and (max-width: 998px) {
    .logo-mobile {
      width: 45%;
      margin-left: 15%; } }

.nav-end {
  align-self: center; }
  .nav-end a {
    background: #008afc;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 0.5rem 1.5rem;
    border: 2px solid #008afc; }

.float-nav {
  height: 110px;
  width: 100%;
  z-index: 3; }
  .float-nav .bg-dark {
    height: 70px;
    padding-top: 0.8rem; }
    @media only screen and (max-width: 769px) {
      .float-nav .bg-dark .column {
        padding-top: 0;
        padding-bottom: 1rem; } }
    @media only screen and (max-width: 769px) {
      .float-nav .bg-dark .marquee {
        padding-top: 1rem;
        padding-bottom: 0; } }
  .float-nav .bg-blue-green {
    height: 100px;
    padding-top: 0.8rem; }
    @media only screen and (min-width: 425px) and (max-width: 965px) {
      .float-nav .bg-blue-green {
        height: 135px; } }
    .float-nav .bg-blue-green #thisnav {
      height: 70px; }

.child-menu {
  position: absolute;
  z-index: -1;
  width: 170px;
  left: 0;
  top: 0;
  margin-top: 5.5rem;
  display: none; }
  .child-menu ul {
    background: #002d37;
    padding: 10px; }
  .child-menu li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 5px; }

.navbar-item.has-icon:hover .child-menu {
  display: block;
  transition: all 0.5s; }

.sub-ul {
  margin-left: -4rem !important; }
  .sub-ul li {
    padding: 0; }
  .sub-ul a {
    font-size: 14px !important; }

#navbar {
  background-color: white;
  position: absolute;
  height: 0; }
  #navbar .logo {
    width: 30.5px;
    height: 32.9px; }
  #navbar .brand {
    width: 130px;
    height: auto;
    margin: 10px auto 0 auto;
    display: block; }
  #navbar .navbar {
    width: 100%;
    height: 76px; }
  #navbar .navbar-item,
  #navbar .navbar-link {
    align-items: center;
    padding-left: 0; }
  #navbar .navbar-item.language {
    font-family: 'GOTHAM-BOLD';
    color: #F18020; }
    #navbar .navbar-item.language a {
      font-family: 'GOTHAM-BOLD';
      color: #F18020;
      font-size: 13px;
      line-height: 25.09px; }
      #navbar .navbar-item.language a.non-alpha {
        font-family: "KozGoPr6N-Regular"; }
      #navbar .navbar-item.language a:hover {
        border-color: transparent; }
  #navbar .flex-nav {
    display: flex;
    width: auto; }
    #navbar .flex-nav li {
      width: auto;
      padding: 0 0.5rem; }
      #navbar .flex-nav li a {
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 100%;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding-top: 4px; }
        @media only screen and (min-width: 1023px) {
          #navbar .flex-nav li a {
            font-size: 13 px; } }
        #navbar .flex-nav li a.active, #navbar .flex-nav li a:hover {
          border-color: #ffcb05; }
      #navbar .flex-nav li .search-navbar input {
        width: 210px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 30px;
        padding-left: 14px;
        border: unset;
        color: #ffffff; }
        #navbar .flex-nav li .search-navbar input::placeholder {
          color: #ffffff;
          opacity: .2;
          font-size: 13px;
          text-align: left; }
        #navbar .flex-nav li .search-navbar input:visited {
          opacity: unset; }
  #navbar .burger {
    height: 76px;
    display: flex;
    align-items: center;
    margin: auto; }
  #navbar .c-hamburger {
    position: relative;
    overflow: hidden;
    margin: 10px 10px 10px 0;
    padding: 0;
    width: 20px;
    height: 16px;
    z-index: 2;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
    #navbar .c-hamburger:focus {
      outline: none; }
    #navbar .c-hamburger span {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #F18020; }
      #navbar .c-hamburger span:before, #navbar .c-hamburger span:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #F18020;
        content: ""; }
      #navbar .c-hamburger span:before {
        top: -7px; }
      #navbar .c-hamburger span:after {
        bottom: -7px; }
    #navbar .c-hamburger.is-active span {
      background-color: #ffffff; }
      #navbar .c-hamburger.is-active span:before {
        top: 0px;
        background-color: #ffffff; }
      #navbar .c-hamburger.is-active span:after {
        background-color: #ffffff;
        bottom: 0px; }
  #navbar .sub-menu {
    padding: 0 0 0 2%;
    float: right;
    top: -100%;
    transition: all 0.5s ease;
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    margin: 0;
    background-color: #F18020;
    border-radius: 0;
    z-index: 0;
    overflow: hidden; }
    #navbar .sub-menu.oppenned {
      top: 0; }
    #navbar .sub-menu ul {
      margin: 0; }
    #navbar .sub-menu li {
      display: block;
      list-style: none;
      height: auto;
      margin-left: 0;
      transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      #navbar .sub-menu li a {
        color: #fff;
        font-size: 16px;
        width: 100%;
        display: block;
        float: left;
        text-transform: uppercase;
        line-height: 30px;
        padding-top: 0;
        padding-bottom: 10px; }
        #navbar .sub-menu li a:hover {
          font-weight: bold;
          text-decoration: none; }
        #navbar .sub-menu li a.disabled {
          pointer-events: none;
          opacity: 0.4; }
      #navbar .sub-menu li img {
        width: 2rem;
        margin-right: 1rem;
        height: 100%; }
        @media only screen and (min-width: 768px) {
          #navbar .sub-menu li img {
            margin-right: 10px;
            width: 40px; } }
      #navbar .sub-menu li .navbar-info {
        display: inline-flex;
        color: #FFFFFF !important; }
        #navbar .sub-menu li .navbar-info .navbar-label {
          font-family: 'HP Simplified W01 Reguler';
          font-style: normal;
          font-size: 14px;
          color: #FFFFFF !important; }
        #navbar .sub-menu li .navbar-info .navbar-value {
          font-family: 'HP Simplified W01 Bold';
          font-size: 16px;
          color: #FFFFFF !important; }
  #navbar .brand-top-only {
    height: 170px;
    width: auto; }
    @media screen and (max-width: 1023px) {
      #navbar .brand-top-only {
        display: none; } }
  #navbar .show-on-scroll {
    position: fixed;
    margin: 0;
    width: 100%;
    transition: .5s;
    top: 0;
    z-index: 1000; }
    @media screen and (max-width: 1023px) {
      #navbar .show-on-scroll {
        display: none; } }

.hero-section {
  background-repeat: no-repeat;
  background-size: cover;
  height: 92.5vh;
  position: relative;
  background-position: center; }
  @media only screen and (min-width: 960px) {
    .hero-section {
      height: 734px; } }
  .hero-section .container {
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 769px) {
      .hero-section .container {
        display: flex;
        align-items: center; } }
    .hero-section .container .content {
      margin: auto 0; }
    .hero-section .container .columns.wrap {
      height: 100%;
      align-items: center; }
      @media only screen and (max-width: 769px) {
        .hero-section .container .columns.wrap {
          height: unset; } }
  .hero-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6); }
    @media only screen and (min-width: 768px) {
      .hero-section::before {
        background-color: unset; } }
  .hero-section .columns {
    width: 100%; }
  .hero-section h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0; }
    @media only screen and (min-width: middle) {
      .hero-section h2 {
        font-size: 58px; } }
  .hero-section span {
    color: #ffffff;
    margin-top: 1rem;
    display: block;
    font-size: 16px;
    font-weight: 400; }
  .hero-section .hero-info {
    margin-right: 1.5rem; }
    .hero-section .hero-info p {
      font-size: 16px;
      color: #ffffff;
      margin-bottom: 0; }
    .hero-section .hero-info h5 {
      font-size: 24px;
      color: #ffffff;
      margin-bottom: 0; }
    .hero-section .hero-info img {
      height: 100%;
      width: 40px; }

.btn-enroll {
  width: 150px;
  font-family: 'GOTHAM-BOLD';
  font-size: 13px; }

.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
  content: unset; }

.menu-text {
  font-family: 'GOTHAM-BOLD';
  color: #F18020 !important;
  font-size: 13px; }
  @media only screen and (min-width: 1280px) {
    .menu-text {
      font-size: 20.91px; } }

.menu-logo {
  width: 14px;
  height: 14px;
  margin-right: 5px; }

.login-button {
  width: 104px;
  padding: 0 10px;
  color: #ffffff;
  font-family: 'GOTHAM-BOLD';
  font-size: 13px; }
  .login-button .login-image {
    width: 21px;
    height: 21px;
    margin-right: 6px; }

.search-button {
  border-color: unset;
  border-width: unset;
  border: unset; }
  .search-button .search-icon {
    width: 25px;
    height: 25px; }

.button.no-border {
  border-color: unset;
  border-width: unset;
  border: unset;
  color: #F18020;
  font-family: 'GOTHAM-BOLD';
  font-size: 13px; }

.button.search-button.is-focused:not(:active),
.button.search-button:focus:not(:active),
.button.no-border:focus:not(:active) {
  box-shadow: unset; }

.mega-menu {
  position: fixed;
  padding: 3rem 2rem;
  width: 100%;
  top: 76px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.9);
  left: 0;
  max-width: 1280px;
  margin-left: 50%;
  transform: translateX(-50%);
  z-index: 5; }
  .mega-menu .columns h4 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 1rem;
    color: #F18020;
    font-family: "Gotham-Black_0"; }
    .mega-menu .columns h4 a {
      color: #F18020; }
  .mega-menu .columns ul li {
    font-size: 13px;
    font-family: "GOTHAM-BOOK_0";
    margin-bottom: .3rem; }
    .mega-menu .columns ul li a {
      color: #000000; }
      .mega-menu .columns ul li a:hover {
        color: #F18020; }

.starting-modal .modal-background {
  background-color: rgba(10, 10, 10, 0.68); }
.starting-modal .modal-wrapper {
  background: url("assets/img/bg-modal.png");
  width: auto;
  height: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 480px) {
    .starting-modal .modal-wrapper {
      width: 250px;
      height: 250px; } }
  @media only screen and (min-width: 768px) {
    .starting-modal .modal-wrapper {
      width: 350px;
      height: 350px; } }
  @media only screen and (min-width: 1366px) {
    .starting-modal .modal-wrapper {
      width: 400px;
      height: 400px; } }
  @media only screen and (min-width: 1600px) {
    .starting-modal .modal-wrapper {
      width: 500px;
      height: 500px; } }
.starting-modal .modal-content {
  width: 100%;
  padding: 1rem;
  max-height: unset; }
.starting-modal .wrapper {
  padding: 2rem;
  background-color: white;
  width: fit-content;
  margin: 0 auto;
  border-radius: 60px; }
  .starting-modal .wrapper .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .starting-modal .wrapper .image-wrapper {
        height: 100%; } }
    .starting-modal .wrapper .image-wrapper img {
      width: 75%;
      height: auto; }
  .starting-modal .wrapper h3 {
    font-family: 'BrandonGrotesque-Black';
    font-size: 13px; }
    @media only screen and (min-width: 768px) {
      .starting-modal .wrapper h3 {
        font-size: 25px; } }
  .starting-modal .wrapper h5 {
    font-family: "AdobeFangsongStd-Regular";
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      .starting-modal .wrapper h5 {
        font-size: 17px; } }
.starting-modal .btn-primary {
  background-color: #F18020;
  color: #ffffff;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
  border-radius: 20px;
  padding: 0 30px; }

@supports (-webkit-touch-callout: none) {
  #hero-homepage {
    background-attachment: scroll; } }
@supports not (-webkit-touch-callout: none) {
  #hero-homepage {
    background-attachment: fixed; } }
.hero-homepage {
  height: 100vh;
  width: 100%;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover !important; }
  .hero-homepage .container {
    height: 100%; }
    .hero-homepage .container .first-columns {
      height: 100%;
      align-items: center; }
      @media only screen and (min-width: 960px) {
        .hero-homepage .container .first-columns {
          align-content: flex-end; } }
    @media only screen and (max-width: 769px) {
      .hero-homepage .container .blank-div {
        height: 80%; } }
    .hero-homepage .container h1 {
      color: #ffffff;
      font-family: 'unicode.futurab_0';
      text-transform: uppercase;
      line-height: 1.25;
      text-align: center;
      font-size: 32px; }
      @media only screen and (min-width: 768px) {
        .hero-homepage .container h1 {
          font-size: 40px; } }
      @media only screen and (min-width: 1280px) {
        .hero-homepage .container h1 {
          font-size: 50px; } }

.grade-homepage {
  position: relative;
  z-index: 1; }
  .grade-homepage .grade {
    height: 324px; }
    @media only screen and (max-width: 769px) {
      .grade-homepage .grade {
        height: fit-content; } }
    .grade-homepage .grade .column {
      position: relative; }
      .grade-homepage .grade .column .container-content .grade-content {
        padding: 2rem 1.3rem;
        color: #F18020; }
        @media only screen and (min-width: 768px) {
          .grade-homepage .grade .column .container-content .grade-content {
            height: 100%; } }
        .grade-homepage .grade .column .container-content .grade-content h4,
        .grade-homepage .grade .column .container-content .grade-content h5,
        .grade-homepage .grade .column .container-content .grade-content p {
          position: relative;
          z-index: 14; }
        .grade-homepage .grade .column .container-content .grade-content h4 {
          font-size: 17px;
          font-family: "GOTHAM-BOLD";
          height: 95px; }
          @media only screen and (min-width: 768px) {
            .grade-homepage .grade .column .container-content .grade-content h4 {
              font-size: 20px; } }
          @media only screen and (max-width: 769px) {
            .grade-homepage .grade .column .container-content .grade-content h4 {
              line-height: 1.25; } }
        .grade-homepage .grade .column .container-content .grade-content h5 {
          font-size: 13px;
          font-family: 'GOTHAM-LIGHTITALIC';
          height: 65px; }
          @media only screen and (min-width: 768px) {
            .grade-homepage .grade .column .container-content .grade-content h5 {
              font-size: 20px; } }
          @media only screen and (max-width: 769px) {
            .grade-homepage .grade .column .container-content .grade-content h5 {
              height: 70px; } }
          @media only screen and (max-width: 480px) {
            .grade-homepage .grade .column .container-content .grade-content h5 {
              height: 50px; } }
        .grade-homepage .grade .column .container-content .grade-content div {
          display: flex; }
          .grade-homepage .grade .column .container-content .grade-content div p {
            font-family: "GOTHAM-BOLD"; }
            @media only screen and (min-width: 960px) {
              .grade-homepage .grade .column .container-content .grade-content div p {
                font-size: 34px; } }
            @media only screen and (min-width: 1280px) {
              .grade-homepage .grade .column .container-content .grade-content div p {
                font-size: 44px; } }
            @media only screen and (max-width: 769px) {
              .grade-homepage .grade .column .container-content .grade-content div p {
                font-size: 28px; } }
            @media screen and (max-width: 380px) {
              .grade-homepage .grade .column .container-content .grade-content div p {
                font-size: 18px !important; } }
            @media screen and (max-width: 480px) {
              .grade-homepage .grade .column .container-content .grade-content div p {
                font-size: 20px; } }
            .grade-homepage .grade .column .container-content .grade-content div p.year {
              padding-top: .5rem; }
              @media only screen and (min-width: 960px) {
                .grade-homepage .grade .column .container-content .grade-content div p.year {
                  padding-top: .9rem; } }
            .grade-homepage .grade .column .container-content .grade-content div p span {
              line-height: 1;
              margin-top: 1px;
              font-size: 6px;
              display: block; }
              @media only screen and (min-width: 768px) {
                .grade-homepage .grade .column .container-content .grade-content div p span {
                  font-size: 8px; } }
      .grade-homepage .grade .column:hover > .container-content::after {
        width: 105%;
        height: 107%;
        position: absolute;
        background-color: #F18020;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 13;
        margin-top: -5%;
        box-shadow: 2px 2px 2px #b8aeae; }
      .grade-homepage .grade .column:hover > .container-content::before {
        content: unset; }
      .grade-homepage .grade .column:hover > .container-content h4,
      .grade-homepage .grade .column:hover > .container-content h5,
      .grade-homepage .grade .column:hover > .container-content p {
        position: relative;
        color: #ffffff; }
    .grade-homepage .grade .grade-column:hover {
      background-color: #F18020;
      color: #ffffff;
      z-index: 100;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }
      @media only screen and (min-width: 768px) {
        .grade-homepage .grade .grade-column:hover {
          transform: scale(1.05);
          color: #ffffff; } }
      @media only screen and (max-width: 769px) {
        .grade-homepage .grade .grade-column:hover {
          transform: unset; } }
      .grade-homepage .grade .grade-column:hover h4,
      .grade-homepage .grade .grade-column:hover h5,
      .grade-homepage .grade .grade-column:hover p {
        color: #ffffff; }
  .grade-homepage .elc-video {
    height: 324px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 11;
    align-items: end; }
    .grade-homepage .elc-video .elc-video-caption {
      font-family: "GOTHAM-BOLD";
      color: #ffffff;
      font-size: 37px; }
      .grade-homepage .elc-video .elc-video-caption .video-elc {
        object-fit: cover;
        width: 100%; }
        @media only screen and (max-width: 480px) {
          .grade-homepage .elc-video .elc-video-caption .video-elc {
            height: 380px !important; } }
        @media only screen and (max-width: 769px) {
          .grade-homepage .elc-video .elc-video-caption .video-elc {
            height: 100%; } }
      @media only screen and (max-width: 769px) {
        .grade-homepage .elc-video .elc-video-caption {
          height: 100%;
          padding-top: 4rem; } }

.columns.is-gapless.grade-wrapper:not(:last-child) {
  margin-bottom: 0; }

.upcoming-event {
  position: relative;
  z-index: 0; }
  .upcoming-event .container .column {
    height: 380px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .upcoming-event .container .middle-upcoming-event {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .upcoming-event .container .middle-upcoming-event .event-caption {
      line-height: 1.2;
      font-family: 'GOTHAM-BOLD';
      color: #ffffff;
      position: relative;
      z-index: 15;
      padding: 0 2rem;
      text-align: center;
      font-size: 28px; }
      @media only screen and (min-width: 768px) {
        .upcoming-event .container .middle-upcoming-event .event-caption {
          font-size: 38px; } }
    .upcoming-event .container .middle-upcoming-event::after {
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #F18020;
      position: absolute;
      opacity: .72;
      z-index: 14; }
  .upcoming-event .container .right-upcoming-event {
    background-position-y: 0; }

.school-location-section {
  position: relative;
  z-index: 0; }
  .school-location-section .container .column {
    height: 307px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .school-location-section .container .column {
        height: 357px; } }
  .school-location-section .image_2 {
    background-size: unset !important; }

.education-philosophy {
  background-color: #ffffff; }
  .education-philosophy .philosofy-title h3 {
    font-family: 'Gotham-Black_0';
    font-size: 32px;
    color: #F18020; }
  .education-philosophy .philosofy-content p {
    font-family: 'OpenSans-SemiboldItalic_0';
    font-size: 14px;
    color: #F18020;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: revert;
    word-break: break-word;
    display: -webkit-box; }
  .education-philosophy .philosofy-content a {
    margin-top: 1rem;
    font-family: 'unicode.futurab_0';
    font-size: 12px;
    color: #F18020;
    display: block; }

.governors .container .governors-title h2 {
  font-family: 'unicode.futurab_0';
  font-size: 30px;
  color: #F18020;
  margin-bottom: 3rem;
  text-align: center; }
.governors .container .governors-content img {
  display: block;
  margin: 0 auto;
  width: 152px;
  height: auto;
  margin-bottom: 1rem; }
.governors .container .governors-content h4 {
  text-align: center;
  font-family: 'GOTHAM-BOLD';
  font-size: 15px;
  color: #606060; }
.governors .container .governors-content p {
  text-align: center;
  font-family: 'GOTHAM-BOOK_0';
  font-size: 12px;
  color: #606060; }

.testimonial-section {
  background-color: #F18020;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position-x: 50%;
  background-position-y: 50%; }
  @media only screen and (min-width: 768px) {
    .testimonial-section {
      background-size: 20%;
      background-position-x: 45%;
      background-position-y: 50%; } }
  .testimonial-section .content-wrapper {
    padding: 3rem 0; }
  .testimonial-section .img-testi {
    height: auto;
    max-width: unset;
    width: 100%; }
    @media only screen and (max-width: 769px) {
      .testimonial-section .img-testi {
        width: 200px; } }
    @media only screen and (min-width: 1280px) {
      .testimonial-section .img-testi {
        width: 205px; } }
  .testimonial-section p {
    font-family: 'OpenSans-Regular';
    font-size: 13px;
    line-height: 20px;
    color: #ffffff; }
  .testimonial-section a {
    font-family: 'Gotham-Black_0';
    font-size: 12px;
    line-height: 15px;
    color: #ffffff; }
  .testimonial-section h2 {
    font-size: 30px; }
  .testimonial-section h4 {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Gotham-Black_0';
    color: #ffffff; }
  @media only screen and (max-width: 480px) {
    .testimonial-section ul li#child-relation {
      padding: 2px;
      margin-left: 14px; } }
  @media only screen and (min-width: 768px) {
    .testimonial-section ul li#child-relation {
      margin-left: 14px; } }
  @media only screen and (min-width: 960px) {
    .testimonial-section ul li#child-relation {
      margin-left: 0; } }
  .testimonial-section ul li {
    font-size: 11px;
    line-height: 12px;
    font-family: 'GOTHAM-BOOK_0';
    color: #ffffff; }
  .testimonial-section .splide__pagination {
    display: flex !important;
    bottom: -1.5em; }
  .testimonial-section .splide__arrow {
    display: none; }
  .testimonial-section .splide__pagination__page {
    background-color: #B5B5B5; }
    .testimonial-section .splide__pagination__page.is-active {
      background-color: #F18020; }

.testimonial-section-2 {
  background-repeat: no-repeat;
  background-size: 90%;
  background-position-x: 50%;
  background-position-y: 50%; }
  @media only screen and (min-width: 768px) {
    .testimonial-section-2 {
      background-size: 20%;
      background-position-x: 45%;
      background-position-y: 50%; } }
  .testimonial-section-2 .content-wrapper {
    padding: 3rem 0; }
  .testimonial-section-2 .img-testi {
    height: auto;
    max-width: unset;
    width: 100%; }
    @media only screen and (max-width: 769px) {
      .testimonial-section-2 .img-testi {
        width: 200px; } }
    @media only screen and (min-width: 1280px) {
      .testimonial-section-2 .img-testi {
        width: 205px; } }
  .testimonial-section-2 p {
    font-family: 'OpenSans-Regular';
    font-size: 13px;
    line-height: 20px;
    color: #ffffff; }
  .testimonial-section-2 a {
    font-family: 'Gotham-Black_0';
    font-size: 12px;
    line-height: 15px;
    color: #ffffff; }
  .testimonial-section-2 h2 {
    font-size: 30px; }
  .testimonial-section-2 h4 {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Gotham-Black_0';
    color: #ffffff; }
  @media only screen and (max-width: 480px) {
    .testimonial-section-2 ul li#child-relation {
      padding: 2px;
      margin-left: 14px; } }
  @media only screen and (min-width: 768px) {
    .testimonial-section-2 ul li#child-relation {
      margin-left: 14px; } }
  @media only screen and (min-width: 960px) {
    .testimonial-section-2 ul li#child-relation {
      margin-left: 0; } }
  .testimonial-section-2 ul li {
    font-size: 11px;
    line-height: 12px;
    font-family: 'GOTHAM-BOOK_0';
    color: #ffffff; }
  .testimonial-section-2 .splide__pagination {
    display: flex !important;
    bottom: -1.5em; }
  .testimonial-section-2 .splide__arrow {
    display: none; }
  .testimonial-section-2 .splide__pagination__page {
    background-color: #B5B5B5; }
    .testimonial-section-2 .splide__pagination__page.is-active {
      background-color: #F18020; }

.footer {
  padding: 3rem 1.5rem 3rem; }
  .footer .form-email .input-email {
    background-color: unset;
    border: unset;
    box-shadow: none;
    border-bottom: 2px solid white;
    color: white;
    padding: 0; }
  .footer .footer-title,
  .footer .footer-content {
    padding: 3rem 1.5rem 2rem; }
  .footer .form-title {
    font-size: 23px !important; }

.education-modal .modal-content {
  background-color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .education-modal .modal-content {
      border-radius: 6%; } }
  .education-modal .modal-content .wrapper {
    padding: 2rem 3rem; }
    .education-modal .modal-content .wrapper .btn-philosophy h3 {
      font-family: 'Gotham-Black_0';
      font-size: 28px;
      color: #F18020;
      line-height: 35px;
      font-style: italic;
      font-weight: bold; }
    .education-modal .modal-content .wrapper p {
      font-family: 'OpenSans-Semibold';
      font-size: 14px;
      color: #F18020;
      line-height: 25px;
      font-style: italic; }
.education-modal .is-large.delete,
.education-modal .is-large.modal-close {
  height: 50px;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  width: 50px; }
.education-modal .delete::before,
.education-modal .modal-close::before {
  height: 10px;
  width: 100%; }
.education-modal .delete::after,
.education-modal .modal-close::after {
  height: 100%;
  width: 10px; }

.login-modal .modal-content {
  max-width: 400px;
  overflow: unset; }
  .login-modal .modal-content .image {
    position: absolute;
    top: -9%;
    left: calc(50% - 3rem);
    z-index: 1; }
    .login-modal .modal-content .image img {
      width: 85px;
      height: auto; }
  .login-modal .modal-content .wrapper {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 3rem 3rem;
    position: relative;
    border-radius: 15px; }
    .login-modal .modal-content .wrapper .login input {
      border-radius: 8px;
      background-color: white;
      padding-left: 3.5rem;
      height: 63px;
      font-size: 18px;
      color: #868787; }
      .login-modal .modal-content .wrapper .login input::placeholder {
        font-family: 'GOTHAM-BOOK_0';
        font-size: 18px;
        line-height: 22px;
        color: #868787; }
    .login-modal .modal-content .wrapper .login .control.has-icons-left .icon,
    .login-modal .modal-content .wrapper .login .control.has-icons-right .icon {
      color: #868787;
      font-size: 1.8em;
      height: 100%;
      width: 2em; }
    .login-modal .modal-content .wrapper .btn-login {
      margin-bottom: 0.75rem; }
      .login-modal .modal-content .wrapper .btn-login a {
        height: 63px;
        background-color: #F18020;
        font-family: 'GOTHAM-BOOK_0';
        text-align: center;
        line-height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        border-radius: 10px; }
    .login-modal .modal-content .wrapper .login-footer {
      padding-left: 10px;
      padding-right: 10px; }
      .login-modal .modal-content .wrapper .login-footer .checkbox .label-checkbox {
        margin-left: 25px;
        font-family: 'GOTHAM-BOOK_0';
        font-size: 12px; }
      .login-modal .modal-content .wrapper .login-footer .checkbox .checkmark {
        top: -2;
        background-color: #ffffff;
        width: 17px;
        height: 17px; }
        .login-modal .modal-content .wrapper .login-footer .checkbox .checkmark::after {
          content: "";
          top: 1px;
          left: 4px;
          width: 7px;
          height: 10px;
          border: solid #45A5BF;
          border-width: 0 3px 3px 0; }
      .login-modal .modal-content .wrapper .login-footer .forgot-password {
        text-align: right; }
        @media only screen and (max-width: 769px) {
          .login-modal .modal-content .wrapper .login-footer .forgot-password {
            text-align: unset; } }
        .login-modal .modal-content .wrapper .login-footer .forgot-password a {
          font-family: 'GOTHAM-BOOK_0';
          font-size: 12px;
          line-height: 15px;
          color: #ffffff; }
  .login-modal .modal-content hr {
    margin: 2.5rem 0 1rem 0; }
  .login-modal .modal-content p {
    color: #ffffff;
    font-family: 'GOTHAM-BOOK_0';
    font-size: 12px;
    line-height: 13px;
    text-align: center; }
    .login-modal .modal-content p a {
      color: #ffffff;
      font-family: 'GOTHAM-BOLD'; }

.testimonial-modal .modal-content {
  max-width: 800px;
  background-color: #ffffff;
  overflow: unset; }
  @media only screen and (min-width: 768px) {
    .testimonial-modal .modal-content {
      border-radius: 25px; } }
  .testimonial-modal .modal-content .wrapper {
    padding: 2rem 3rem; }
    @media only screen and (max-width: 769px) {
      .testimonial-modal .modal-content .wrapper .image {
        display: flex;
        align-items: center;
        height: 100%; } }
    .testimonial-modal .modal-content .wrapper .image img {
      width: 176px;
      height: auto; }
    .testimonial-modal .modal-content .wrapper .modal-testimonial-wrapper {
      height: 100%;
      display: flex;
      align-items: center; }
    .testimonial-modal .modal-content .wrapper p {
      font-family: 'OpenSans-Regular';
      font-size: 12px;
      line-height: 18px; }
    .testimonial-modal .modal-content .wrapper h4 {
      font-family: 'GOTHAM-BOOK_0';
      font-size: 14px;
      line-height: 17px;
      color: #606060;
      font-weight: bold; }
    .testimonial-modal .modal-content .wrapper h5 {
      margin-top: .5rem;
      font-family: 'GOTHAM-BOOK_0';
      font-size: 12px;
      line-height: 13px;
      color: #606060;
      font-weight: bold; }
    .testimonial-modal .modal-content .wrapper h6 span {
      font-family: 'GOTHAM-BOOK_0';
      font-size: 10px;
      line-height: 13px;
      color: #606060;
      font-weight: bold;
      display: block; }
    .testimonial-modal .modal-content .wrapper hr {
      margin: unset;
      margin-top: 1rem;
      margin-bottom: .5rem;
      height: 4px;
      border: 2px solid #606060; }

.enrollment-breadcrump li a {
  font-family: "GOTHAM-BOLD"; }
.enrollment-breadcrump li::after {
  content: '|';
  color: #b5b5b5; }

.enrollment-banner {
  height: 164px !important;
  background-position: center !important; }
  .enrollment-banner .container h1 {
    font-family: 'unicode.futurab_0';
    font-size: 33px;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #606060; }
    @media only screen and (max-width: 480px) {
      .enrollment-banner .container h1 {
        font-size: 16px; } }

.enrollment-introduction .container .wrapper-title {
  height: 100%; }
.enrollment-introduction .container h3 {
  font-family: 'unicode.futurab_0';
  font-size: 31px;
  line-height: 40px;
  color: #C6C6C6;
  letter-spacing: 3px; }
  @media only screen and (max-width: 769px) {
    .enrollment-introduction .container h3 {
      font-size: 24px; } }
  @media only screen and (max-width: 480px) {
    .enrollment-introduction .container h3 {
      font-size: 16px; } }
.enrollment-introduction .container p {
  font-family: 'OpenSans-Regular';
  color: #606060;
  font-size: 14px;
  line-height: 30px; }

.accordion-section .accordion h2 {
  font-family: 'Futura Bold';
  font-size: 29px;
  letter-spacing: 3px; }
  @media only screen and (max-width: 480px) {
    .accordion-section .accordion h2 {
      font-size: 19px;
      letter-spacing: 2px; } }
.accordion-section .accordion-panel {
  transition: 1s ease-out; }
  .accordion-section .accordion-panel.active {
    max-height: unset !important; }
.accordion-section .mb-paragraf {
  margin-bottom: 1rem; }
.accordion-section .enrollment-guide .enrollment-guide-content {
  margin-bottom: 2rem;
  color: #606060; }
  .accordion-section .enrollment-guide .enrollment-guide-content.in-right {
    margin-bottom: 1rem; }
  .accordion-section .enrollment-guide .enrollment-guide-content h4,
  .accordion-section .enrollment-guide .enrollment-guide-content .numbering {
    font-family: 'OpenSans-Bold_0';
    letter-spacing: 1px;
    font-size: 13px; }
    @media only screen and (max-width: 769px) {
      .accordion-section .enrollment-guide .enrollment-guide-content h4,
      .accordion-section .enrollment-guide .enrollment-guide-content .numbering {
        font-size: 13px; } }
    @media only screen and (max-width: 480px) {
      .accordion-section .enrollment-guide .enrollment-guide-content h4,
      .accordion-section .enrollment-guide .enrollment-guide-content .numbering {
        font-size: 10px; } }
  .accordion-section .enrollment-guide .enrollment-guide-content p,
  .accordion-section .enrollment-guide .enrollment-guide-content td,
  .accordion-section .enrollment-guide .enrollment-guide-content th {
    font-family: 'OpenSans-Regular';
    letter-spacing: 1px;
    font-size: 13px; }
    @media only screen and (max-width: 769px) {
      .accordion-section .enrollment-guide .enrollment-guide-content p,
      .accordion-section .enrollment-guide .enrollment-guide-content td,
      .accordion-section .enrollment-guide .enrollment-guide-content th {
        font-size: 13px; } }
    @media only screen and (max-width: 480px) {
      .accordion-section .enrollment-guide .enrollment-guide-content p,
      .accordion-section .enrollment-guide .enrollment-guide-content td,
      .accordion-section .enrollment-guide .enrollment-guide-content th {
        font-size: 10px; } }
  .accordion-section .enrollment-guide .enrollment-guide-content .contact {
    margin: 1rem 0; }
    @media only screen and (min-width: 768px) {
      .accordion-section .enrollment-guide .enrollment-guide-content .contact p.contact-divider {
        padding-right: 3px; } }
    @media only screen and (max-width: 480px) {
      .accordion-section .enrollment-guide .enrollment-guide-content .contact p {
        font-size: 10px; }
        .accordion-section .enrollment-guide .enrollment-guide-content .contact p.contact-divider {
          padding: 0 !important; }
      .accordion-section .enrollment-guide .enrollment-guide-content .contact .website .contact-divider {
        padding-right: 3px !important; } }
  .accordion-section .enrollment-guide .enrollment-guide-content .school-grade .contact-label {
    display: inline-block; }
    @media only screen and (min-width: 960px) {
      .accordion-section .enrollment-guide .enrollment-guide-content .school-grade .contact-label {
        width: 194px; } }
@media only screen and (max-width: 480px) {
  .accordion-section .enrollment-team .enrollment-team-content {
    width: 100%; } }
@media only screen and (max-width: 769px) {
  .accordion-section .enrollment-team img {
    height: 200px;
    width: auto; } }
.accordion-section .enrollment-team .btn-primary {
  width: 135px;
  display: block;
  text-align: center;
  border-radius: 20px;
  font-family: "Futura Bold";
  color: white;
  font-size: 13px;
  line-height: 25px;
  text-transform: uppercase;
  margin-top: 1rem;
  letter-spacing: 1px;
  padding: 8px 15px; }
.accordion-section .enrollment-team h4 {
  font-size: 20px;
  line-height: 26px;
  font-family: "Futura Bold";
  color: #F18020; }
  @media only screen and (min-width: 1280px) {
    .accordion-section .enrollment-team h4 {
      font-size: 23px; } }
.accordion-section .enrollment-team h5 {
  font-size: 15px;
  line-height: 18px;
  color: #F18020;
  font-family: "D-DINCondensed"; }
  @media only screen and (min-width: 1280px) {
    .accordion-section .enrollment-team h5 {
      font-size: 19px; } }
.accordion-section .international-student::after {
  content: unset; }
.accordion-section .international-student .introduction {
  margin-bottom: 2rem; }
.accordion-section .international-student p {
  font-family: 'OpenSans-Regular';
  font-size: 15px;
  line-height: 30px;
  color: #606060; }
.accordion-section .international-student .student-content {
  margin-bottom: 2rem; }
  @media only screen and (min-width: 769px) {
    .accordion-section .international-student .student-content .left-content {
      padding-right: 2rem; } }
  @media only screen and (min-width: 769px) {
    .accordion-section .international-student .student-content .right-content {
      padding-left: 2rem; } }
  @media only screen and (min-width: 768px) {
    .accordion-section .international-student .student-content .multicultural {
      padding-top: 2rem; } }
  .accordion-section .international-student .student-content h3 {
    font-family: 'Futura Bold';
    font-size: 30px;
    line-height: 40px;
    color: #606060;
    letter-spacing: 5px;
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 960px) {
      .accordion-section .international-student .student-content h3 {
        font-size: 33px; } }
    @media only screen and (max-width: 480px) {
      .accordion-section .international-student .student-content h3 {
        font-size: 20px; } }

.enrollment-policy {
  background-size: cover;
  background-position: center;
  height: 380px; }
  .enrollment-policy .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .enrollment-policy .container p {
      text-align: center;
      color: #ffffff;
      font-family: 'D-DINCondensed';
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 0.75rem; }
    .enrollment-policy .container a {
      color: #ffffff;
      font-family: 'Futura Bold';
      font-size: 30px;
      line-height: 35px;
      text-align: center;
      border: 1px solid white;
      padding: 1rem 2rem;
      letter-spacing: 4px; }

.our-family {
  background-color: #F18020; }
  .our-family h2 {
    color: white;
    font-family: 'Futura Bold';
    text-align: center;
    letter-spacing: 2px;
    font-size: 29px;
    margin-bottom: 2.2rem; }
  @media only screen and (min-width: 768px) {
    .our-family .content {
      margin-bottom: 1rem; } }
  @media only screen and (max-width: 769px) {
    .our-family .content .column {
      margin-bottom: 1rem;
      text-align: center; } }
  .our-family .content a {
    color: white;
    font-family: 'Roboto-Regular';
    letter-spacing: 2px;
    font-size: 17px;
    border: 2px solid white;
    padding: 0.75rem 3rem; }

.news-event h1 {
  font-size: 30px; }

@media only screen and (min-width: 768px) {
  .news-tab {
    margin: 3rem 0; } }

@media only screen and (min-width: 768px) {
  .news-gallery h2 {
    font-size: 19px; } }
@media only screen and (min-width: 960px) {
  .news-gallery h2 {
    font-size: 24px; } }
@media only screen and (min-width: 1280px) {
  .news-gallery h2 {
    font-size: 28px; } }
@media only screen and (min-width: 768px) {
  .news-gallery p {
    font-size: 14px; } }
@media only screen and (min-width: 960px) {
  .news-gallery p {
    font-size: 18px; } }
@media only screen and (min-width: 1280px) {
  .news-gallery p {
    font-size: 20px; } }
@media only screen and (min-width: 768px) {
  .news-gallery a {
    font-size: 13px; } }
@media only screen and (min-width: 960px) {
  .news-gallery a {
    font-size: 12px; } }
@media only screen and (min-width: 1280px) {
  .news-gallery a {
    font-size: 17px; } }
.news-gallery .border-overlay-right {
  width: 30%;
  text-align: center; }

.news-detail h1 {
  font-size: 38px;
  line-height: 45px; }
  @media only screen and (min-width: 768px) {
    .news-detail h1 {
      font-size: 46px;
      letter-spacing: 8px; } }
.news-detail p {
  font-size: 1rem; }
  .news-detail p.date {
    font-size: 20px; }
    @media only screen and (min-width: 768px) {
      .news-detail p.date {
        font-size: 24px; } }

.news-back {
  margin-top: 76px; }
  @media only screen and (min-width: 768px) {
    .news-back {
      margin-top: 120px; } }

.inquiry-banner {
  letter-spacing: 2px;
  text-shadow: unset;
  background-size: cover;
  background-position: center;
  margin-top: 5rem; }
  .inquiry-banner h1 {
    font-family: 'unicode.futurab_0';
    font-size: 33px;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff; }
    @media only screen and (max-width: 480px) {
      .inquiry-banner h1 {
        font-size: 16px; } }

.inquiry-form .required-message {
  color: #F18020;
  font-family: 'GOTHAM-BOLD';
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 480px) {
    .inquiry-form .required-message {
      font-size: 12px; } }
.inquiry-form .inquiry-form-title {
  margin-bottom: 2rem;
  color: #F18020;
  font-family: 'GOTHAM-BOLD';
  font-size: 23px;
  line-height: 27px;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .inquiry-form .inquiry-form-title {
      font-size: 17px; } }
  .inquiry-form .inquiry-form-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -8px;
    left: 0;
    background-color: #F18020; }
.inquiry-form label {
  font-family: 'OpenSans-Bold_0';
  font-size: 16px;
  line-height: unset;
  letter-spacing: 1px;
  margin-top: 1rem;
  color: #606060; }
  .inquiry-form label abbr {
    color: #F18020; }
  .inquiry-form label.label-checkbox {
    margin-top: 1.3rem; }
  .inquiry-form label.checkbox-message {
    color: #F18020;
    font-family: 'GOTHAM-BOLD';
    font-size: 11px;
    letter-spacing: unset; }
.inquiry-form .form-control {
  background-color: #EDEDED;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
  border: unset;
  width: 80%; }
  .inquiry-form .form-control::placeholder {
    color: #606060; }
.inquiry-form select {
  font-family: 'OpenSans-Bold_0';
  font-size: 11px;
  color: #606060;
  letter-spacing: 1px; }
.inquiry-form textarea {
  border-radius: 20px; }
.inquiry-form .checkbox {
  margin-bottom: 1.5rem;
  display: block; }
  .inquiry-form .checkbox .input-checkbox:checked ~ .checkmark {
    background-color: #F18020; }
  .inquiry-form .checkbox .checkbox-span {
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    line-height: 7px;
    letter-spacing: 1px;
    color: #606060;
    width: 285px;
    display: inline-block; }
    @media screen and (min-width: 841px) and (max-width: 1023px) {
      .inquiry-form .checkbox .checkbox-span {
        width: 230px;
        font-size: 13px; } }
    @media screen and (min-width: 769px) and (max-width: 840px) {
      .inquiry-form .checkbox .checkbox-span {
        width: 206px;
        font-size: 11px; } }
    @media only screen and (max-width: 480px) {
      .inquiry-form .checkbox .checkbox-span {
        font-size: 14.5px; } }
  .inquiry-form .checkbox .checkmark {
    background-color: #C1C1C1;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    right: 0;
    height: 18px;
    width: 18px;
    left: unset; }
    .inquiry-form .checkbox .checkmark::after {
      top: 3px;
      left: 5px;
      width: 4px;
      height: 6.5px;
      border-width: 0 2.35px 2px 0; }
    .inquiry-form .checkbox .checkmark.checkbox-policy {
      background-color: #EDEDED; }
.inquiry-form .btn-next {
  width: 132px;
  height: 62px;
  background-color: #F18020;
  color: #ffffff;
  font-family: 'unicode.futurab_0';
  font-size: 19px;
  text-align: center;
  text-transform: uppercase;
  border: unset;
  border-radius: 45px;
  margin-top: 3rem; }
  @media only screen and (max-width: 769px) {
    .inquiry-form .btn-next {
      height: 40px;
      font-size: 15px; } }
  .inquiry-form .btn-next[disabled] {
    background-color: rgba(241, 128, 32, 0.5); }
  .inquiry-form .btn-next.btn-back {
    background-color: #7F7F7F; }
.inquiry-form .second-child {
  margin: 3rem 0; }
.inquiry-form .privacy-policy {
  column-gap: 15px; }
  .inquiry-form .privacy-policy p {
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    line-height: 22px;
    color: #606060;
    letter-spacing: 1.5px; }

.btn-update-contact[disabled] {
  background-color: rgba(241, 128, 32, 0.6); }

.background-white {
  background-color: #ffffff; }

.mt-100 {
  margin-top: -13% !important; }

.background-primary {
  background-color: #F18020; }

.login-label {
  color: #ffffff;
  font-family: 'GOTHAM-BOOK_0';
  font-size: 36px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 1.5rem; }

.checkbox-wrapper .input-checkbox {
  accent-color: #e74c3c;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }
  .checkbox-wrapper .input-checkbox:checked ~ .checkmark:after {
    display: block; }
.checkbox-wrapper .label-checkbox {
  display: inline-block;
  margin-left: 17px;
  font-size: 9px; }
.checkbox-wrapper .checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 12px;
  width: 12px;
  border: 2px solid #ffffff; }
  .checkbox-wrapper .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    top: -1px;
    left: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

/* -------------------------------- 

Primary style

-------------------------------- */
/* -------------------------------- 

Main Components 

-------------------------------- */
.is-1p85-rem {
  height: 1.85rem;
  width: 1.85rem; }

.cd-horizontal-timeline a {
  text-decoration: none; }

.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none; }

.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1; }

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto; }

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden; }

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px; }

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #FFA669 !important;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s; }

.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #F8EC32 !important;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 20px !important;
  padding-bottom: 15px;
  color: #fafafa !important;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #FFA669 !important;
  background-color: #F18020 !important;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s; }

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #F18020 !important;
  border-color: #FFA669 !important; }

.cd-horizontal-timeline .events a.selected {
  pointer-events: none; }

.cd-horizontal-timeline .events a.selected::after {
  background-color: #F8EC32 !important;
  border-color: #F8EC32 !important; }

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto; }

  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop'; } }
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #FFA669 !important;
  color: #FFA669 !important;
  /* replace text with an icon */ }

.cd-timeline-navigation a:hover {
  border: 2px solid #F8EC32;
  color: #F8EC32; }

.cd-timeline-navigation a:hover:before {
  color: #F8EC32; }

.cd-timeline-navigation a.next {
  right: 0; }

.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f; }

.cd-timeline-navigation a.inactive {
  cursor: not-allowed; }

.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px; }

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf; }

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s; }

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right; }

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left; }

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse; }

.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto; }

.cd-horizontal-timeline .events-content h2 {
  color: #fafafa !important;
  font-weight: bold;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2; }

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto; }

.cd-horizontal-timeline .events-content em::before {
  content: '- '; }

.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #ffffff !important; }

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
  line-height: 1.6; }

.cd-horizontal-timeline .events-content p {
  display: block;
  margin-bottom: 15px; }

@media only screen and (max-width: 480px) {
  .margin-history-box {
    margin-left: 0rem !important;
    margin-bottom: 2rem !important; } }
@media only screen and (min-width: 1280px) {
  .margin-history-box {
    margin-left: 3rem !important;
    margin-bottom: 2rem !important; } }

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 2.6rem;
    color: #005695; }

  .cd-horizontal-timeline .events-content em {
    font-size: 2rem; }

  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem; } }
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
.navbar-link:not(.is-arrowless)::after {
  border-color: #ffcb05;
  margin-top: -0.375em;
  right: 1.125em; }

#show-more a,
#show-less a {
  cursor: pointer;
  color: #F28020;
  font-size: 36px; }

.button.is-warning {
  background-color: #F28020; }

.navbar-item img {
  max-height: 5rem !important; }

.hero-section h2 {
  color: #F28020;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0; }
  @media only screen and (min-width: middle) {
    .hero-section h2 {
      font-size: 58px; } }

.has-background-orange {
  background-color: #F28020; }

.has-background-aqua {
  background-color: #35BCB1; }

.has-background-gray {
  background-color: #f4f4f4; }

.has-background-purple {
  background-color: #84329b; }

.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body,
.hero.is-halfheight .hero-body {
  display: contents; }

.hero-body {
  padding: 0px; }

.image-about-gapless {
  object-fit: cover; }

.has-text-orange {
  color: #F28020; }

.has-text-red {
  color: #ff2a00; }

.has-text-orange-primary {
  color: #EE8022; }

.has-text-gray-book {
  color: #d7d7dd; }

@media only screen and (max-width: 480px) {
  .text-orange-mobile {
    font-size: 1.25rem;
    color: #F28020; } }

.has-text-purple {
  color: #84329b; }

.has-text-aqua {
  color: #35BCB1 !important; }

#tab-content .content {
  display: none; }

#tab-content .content.is-active {
  display: flex;
  flex-wrap: wrap; }

#tab-subject .content-subject {
  display: none; }

#tab-subject .content-subject.is-active {
  display: block; }

#tab-technology .content-technology {
  display: none; }

#tab-technology .content-technology.is-active {
  display: block; }

.section-a#content-curriculum {
  content-visibility: hidden !important; }

.section-a#content-curriculum.is-active {
  content-visibility: visible !important; }

.section-b#content-highlight {
  content-visibility: hidden !important; }

.section-b#content-highlight.is-active {
  content-visibility: visible !important; }

.section-a#content-cambridge {
  content-visibility: hidden !important; }

.section-a#content-cambridge.is-active {
  content-visibility: visible !important; }

.section-b#content-highschool {
  content-visibility: hidden !important; }

.section-b#content-highschool.is-active {
  content-visibility: visible !important; }

.section-c#content-alumni {
  content-visibility: hidden !important; }

.section-c#content-alumni.is-active {
  content-visibility: visible !important; }

.has-text-gray {
  color: #606161; }

.has-text-piaget {
  color: #F38F4B; }

.has-text-green {
  color: #2EAA47; }

.has-text-blue {
  color: #28BECF; }

.has-text-pink {
  color: #DC497E; }

.font-size-140 {
  font-size: 140px; }

.font-size-40 {
  font-size: 40px; }

.font-size-6r {
  font-size: 6rem; }

@media only screen and (max-width: 480px) {
  .font-size-5r {
    font-size: 3rem; } }
@media only screen and (min-width: 1280px) {
  .font-size-5r {
    font-size: 5rem; } }

.font-size-3p5r {
  font-size: 3.5rem; }

.font-size-1p75r {
  font-size: 1.75rem; }

.font-size-7r {
  font-size: 7rem; }

@media only screen and (max-width: 480px) {
  .image-cambridge-hs {
    text-align: center; } }
@media only screen and (min-width: 1280px) {
  .image-cambridge-hs {
    text-align: right; } }

.col-height-100p {
  height: 100%; }

.bg-orange {
  background-color: #F28020; }

.bg-white {
  background-color: white; }

.border-news-orange {
  border: #F28020 2px solid;
  padding: .75rem; }

.border-news-white {
  border: white 2px solid;
  padding: .75rem; }

.button-news {
  background-color: white;
  color: #F28020;
  border: none; }
  @media only screen and (max-width: 480px) {
    .button-news {
      font-size: 11.5px !important; } }
  @media only screen and (min-width: 768px) {
    .button-news {
      font-size: 16px !important; } }
  @media only screen and (min-width: 1280px) {
    .button-news {
      font-size: 20px !important;
      width: 225px; } }
  .button-news.is-active {
    background-color: #F28020;
    color: white;
    width: fit-content; }

.years-old {
  display: flex;
  /* align-items: center; */
  width: 50px;
  height: 50px;
  position: relative;
  top: 25px; }

.years-old-hs {
  display: flex;
  /* align-items: center; */
  width: 50px;
  height: 50px;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .years-old-hs {
      font-size: .75rem;
      position: relative;
      top: 10px; } }
  @media only screen and (min-width: 768px) {
    .years-old-hs {
      top: 20px; } }
  @media only screen and (min-width: 1280px) {
    .years-old-hs {
      font-size: 1rem;
      position: relative;
      top: 1rem; } }

.hero-section-large {
  height: 160vh !important; }

.font-gotham-black {
  font-family: 'Gotham-Black_0'; }

.font-gotham-book {
  font-family: 'GOTHAM-BOOK_0'; }

.font-gotham-bold {
  font-family: 'GOTHAM-BOLD'; }

.font-gotham-light-italic {
  font-family: "GOTHAM-LIGHTITALIC"; }

.font-futura {
  font-family: "unicode\.futurab_0"; }

.font-opensans-regular {
  font-family: 'OpenSans-Regular'; }

.font-opensans-bold {
  font-family: 'OpenSans-Bold_0'; }

.font-barlow-bold {
  font-family: 'Barlow-Bold'; }

.font-futura-lt-bold {
  font-family: "FuturaLT-Bold"; }

.font-myriad-pro {
  font-family: 'MyriadPro-Regular_0'; }

.font-brandon-grotesque-black {
  font-family: 'BrandonGrotesque-Black'; }

.font-brandon-grotesque-bold {
  font-family: 'BrandonGrotesque-Bold'; }

.font-roboto-regular {
  font-family: 'Roboto-Regular'; }

.font-roboto-light {
  font-family: 'Roboto-Light'; }

.accordion-d {
  background-color: #F28020;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s; }
  @media only screen and (max-width: 480px) {
    .accordion-d {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .accordion-d {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    .accordion-d {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1280px) {
    .accordion-d {
      font-size: 2rem; } }

.accordion-d:hover {
  background-color: white;
  color: #F28020 !important; }

.accordion-d:after {
  /* Unicode character for "plus" sign (+) */
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px; }

.active-d:after {
  /* Unicode character for "minus" sign (-) */
  content: "\ff0d"; }

.accordion-d.active-d + .panel {
  max-height: unset; }

.accordion-d + .panel {
  max-height: 0; }

.accordion-pia.active-pia + .panel {
  max-height: unset; }

.accordion-pia + .panel {
  max-height: 0; }

.accordion-hs.active-hs + .panel {
  max-height: unset; }

.accordion-hs + .panel {
  max-height: 0; }

.active-hs:after {
  /* Unicode character for "minus" sign (-) */
  content: "\ff0d" !important; }

.panel {
  padding: 0 18px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-left: 0rem;
  margin-right: 0rem;
  box-shadow: none;
  padding-top: 1rem; }

.accordion-pia {
  background-color: white;
  color: #F28020;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  position: relative;
  transition: 0.4s;
  padding-right: 2rem; }
  @media only screen and (max-width: 480px) {
    .accordion-pia {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .accordion-pia {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    .accordion-pia {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1280px) {
    .accordion-pia {
      font-size: 2rem; } }

.accordion-pia:hover {
  background-color: #F28020;
  color: white !important; }

.accordion-pia:after {
  /* Unicode character for "plus" sign (+) */
  content: '\002B';
  font-weight: bold;
  /* float: right; */
  top: 50%;
  margin-left: 5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0; }

.accordion-hs {
  background-color: white;
  color: #9556a2;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  position: relative;
  transition: 0.4s;
  padding-right: 2rem; }
  @media only screen and (max-width: 480px) {
    .accordion-hs {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .accordion-hs {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    .accordion-hs {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1280px) {
    .accordion-hs {
      font-size: 2rem; } }

.accordion-hs:hover {
  background-color: #9556a2;
  color: white !important; }

.accordion-hs:after {
  /* Unicode character for "plus" sign (+) */
  content: '\002B';
  font-weight: bold;
  /* float: right; */
  top: 50%;
  margin-left: 5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0; }

.active-pia:after {
  /* Unicode character for "minus" sign (-) */
  content: "\ff0d"; }

.l-h-08 {
  line-height: 0.8; }

.l-h-1 {
  line-height: 1 !important; }

.l-h-1p15 {
  line-height: 1.15; }

.l-h-1-5 {
  line-height: 1.5; }

.l-h-2 {
  line-height: 2; }

.border-bottom-white {
  border-bottom: 1px solid white; }

.border-bottom-orange {
  border-bottom: 1px solid #F28020; }

.border-bottom-purple {
  border-bottom: 1pt solid #84329b; }

.world-class-curriculum::after {
  border-bottom: 1pt solid #84329b; }

.li-style-asterisk {
  font-family: 'GOTHAM-BOOK_0';
  font-size: 12px; }
  .li-style-asterisk ul {
    margin-left: 0.25rem !important;
    margin-top: 0 !important; }
  .li-style-asterisk li {
    list-style-type: '* '; }
  .li-style-asterisk p {
    margin-left: 0.25rem;
    margin-top: -1rem; }

#line-height-message {
  line-height: 30pt; }

#line-height-text {
  line-height: 20pt; }

#line-height-story {
  line-height: 27pt; }

#line-height-mission {
  line-height: 24pt; }

#line-height-vision {
  line-height: 32pt; }

.section-about .pesan-academic {
  font-size: 24px !important;
  font-family: 'unicode.futurab_0'; }
.section-about .message-about {
  font-size: 20px !important;
  font-family: 'GOTHAM-BOOK_0'; }
@media only screen and (max-width: 480px) {
  .section-about .image {
    height: auto;
    width: 100%; }
  .section-about .pesan-academic {
    font-size: 24px !important;
    font-family: 'unicode.futurab_0'; }
  .section-about .message-about {
    font-size: 16px !important; } }
@media only screen and (min-width: 768px) {
  .section-about {
    text-align: center; }
    .section-about .image {
      height: 300px;
      width: 300px; }
    .section-about .message-about {
      font-size: 18px !important; } }
@media only screen and (min-width: 960px) {
  .section-about {
    text-align: left; }
    .section-about .image {
      height: 400px;
      width: 400xp;
      margin-left: 0rem; }
    .section-about .message-about {
      font-size: 16px !important; } }
@media only screen and (min-width: 1280px) {
  .section-about {
    padding: 1rem 3rem 4rem 3rem !important;
    text-align: inherit; }
    .section-about .image {
      height: 350px;
      width: 350px; }
    .section-about .message-about {
      font-size: 16px !important; } }

.section-story p {
  font-family: 'OpenSans-Regular'; }
@media only screen and (max-width: 480px) {
  .section-story p {
    font-size: 16px; }
  .section-story h2 {
    font-size: 20px !important; } }
@media only screen and (min-width: 768px) {
  .section-story .columns {
    display: flex; }
  .section-story .column h2 {
    font-size: 24px !important; } }
@media only screen and (min-width: 960px) {
  .section-story .column p {
    font-size: 20px; }
  .section-story .column h1 {
    font-size: 28px !important; } }
@media only screen and (min-width: 1280px) {
  .section-story .column p {
    font-size: 20px; }
  .section-story .column h2 {
    font-size: 32px !important; } }

@media only screen and (max-width: 480px) {
  .timeline-about p {
    font-size: 16px !important; } }
@media only screen and (min-width: 768px) {
  .timeline-about p {
    font-size: 18px !important; } }
@media only screen and (min-width: 960px) {
  .timeline-about p {
    font-size: 20px !important; } }
@media only screen and (min-width: 1280px) {
  .timeline-about p {
    font-size: 22px !important; } }

.column-story-2 {
  display: flex;
  flex-wrap: wrap;
  align-self: baseline; }

.p-vision {
  font-family: 'GOTHAM-BOOK_0';
  margin-top: 7.5rem !important;
  margin-left: 6.5rem !important;
  font-size: 28px; }
  @media only screen and (max-width: 480px) {
    .p-vision {
      margin-top: 3.5rem !important;
      margin-left: 1.5rem !important;
      font-size: 28px; } }
  @media only screen and (min-width: 768px) {
    .p-vision {
      margin-top: 4.5rem !important;
      margin-left: 4.5rem !important;
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .p-vision {
      margin-top: 3.5rem !important;
      margin-left: 3.5rem !important;
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .p-vision {
      margin-top: 4.5rem !important;
      margin-left: 6.5rem !important;
      font-size: 32px; } }

.p-vision-1 {
  font-family: 'GOTHAM-BOLD';
  margin-top: 14rem !important; }
  @media only screen and (max-width: 480px) {
    .p-vision-1 {
      margin-top: 12rem !important;
      padding: 1.5rem;
      font-size: 28px; } }
  @media only screen and (min-width: 768px) {
    .p-vision-1 {
      margin-top: 15rem !important;
      margin-left: 4.5rem;
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .p-vision-1 {
      margin-top: 9rem !important;
      margin-left: 0rem;
      padding: 3.5rem;
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .p-vision-1 {
      margin-top: 12rem !important;
      margin-left: 4.5rem;
      padding: 2rem;
      font-size: 36px; } }

.p-mission {
  font-family: 'GOTHAM-BOOK_0';
  margin-top: 7.5rem !important;
  margin-left: 2.5rem;
  font-size: 24px; }
  @media only screen and (max-width: 480px) {
    .p-mission {
      margin-top: 3.5rem !important;
      margin-left: 1.5rem !important;
      font-size: 28px; } }
  @media only screen and (min-width: 768px) {
    .p-mission {
      margin-top: 4.5rem !important;
      margin-left: 4.5rem !important;
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .p-mission {
      margin-top: 3.5rem !important;
      margin-left: 3.5rem !important;
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .p-mission {
      margin-top: 4.5rem !important;
      margin-left: 4.5rem !important;
      font-size: 32px; } }

.p-mission-1 {
  font-family: 'GOTHAM-BOLD'; }
  @media only screen and (max-width: 480px) {
    .p-mission-1 {
      padding: 1.5rem;
      margin-top: 8rem;
      font-size: 28px; } }
  @media only screen and (min-width: 768px) {
    .p-mission-1 {
      padding: 4.5rem;
      margin-top: 8rem;
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .p-mission-1 {
      padding: 3.5rem;
      margin-top: 9rem;
      font-size: 28px; } }
  @media only screen and (min-width: 1280px) {
    .p-mission-1 {
      padding-left: 4.5rem;
      padding-right: 14.5rem;
      margin-top: 8rem;
      font-size: 24px; } }

.text-piaget {
  font-family: 'OpenSans-Bold_0'; }

.text-piaget-2 h2 {
  font-family: 'MyriadPro-Regular_0';
  font-weight: bold; }

@media only screen and (max-width: 480px) {
  .section-large-piaget .column p {
    font-size: 14px; }
  .section-large-piaget .column h2 {
    font-size: 44px; } }
@media only screen and (min-width: 768px) {
  .section-large-piaget .column p {
    font-size: 18px; }
  .section-large-piaget .column h2 {
    font-size: 90px; } }
@media only screen and (min-width: 960px) {
  .section-large-piaget .column p {
    font-size: 20px; }
  .section-large-piaget .column h2 {
    font-size: 110px; } }
@media only screen and (min-width: 1280px) {
  .section-large-piaget .column p {
    font-size: 22px; }
  .section-large-piaget .column h2 {
    font-size: 140px; } }

.section-gov {
  text-align: center; }

.col-gov {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.image-gov {
  height: 152px;
  width: auto; }

.text-box-gov {
  height: auto;
  min-height: 80px;
  max-height: 300px;
  padding: 1.5rem 1rem;
  position: relative;
  bottom: 0;
  left: 0;
  width: 265px;
  height: 100%;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px; }
  @media only screen and (max-width: 480px) {
    .text-box-gov {
      flex-direction: column;
      align-content: center;
      align-self: center; } }
  @media only screen and (min-width: 768px) {
    .text-box-gov {
      flex-direction: column;
      align-content: center;
      align-self: center; } }
  @media only screen and (min-width: 960px) {
    .text-box-gov {
      flex-direction: unset;
      align-content: flex-start; } }
  @media only screen and (min-width: 1280px) {
    .text-box-gov {
      flex-direction: unset;
      align-content: flex-start; } }

@media only screen and (max-width: 480px) {
  .section-school-leadership .column p {
    font-size: 16px;
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .section-school-leadership .column p {
    font-size: 20px;
    text-align: center; } }
@media only screen and (min-width: 960px) {
  .section-school-leadership .column p {
    font-size: 20px;
    text-align: left; } }
@media only screen and (min-width: 1280px) {
  .section-school-leadership .column p {
    font-size: 24px;
    text-align: left; } }

@media only screen and (max-width: 480px) {
  .section-faqs .column h2 {
    font-size: 20px !important; }
  .section-faqs .column p {
    font-size: 16px !important; } }
@media only screen and (min-width: 768px) {
  .section-faqs .column h2 {
    font-size: 24px !important; }
  .section-faqs .column p {
    font-size: 20px !important; } }
@media only screen and (min-width: 960px) {
  .section-faqs .column h2 {
    font-size: 28px !important; } }
@media only screen and (min-width: 1280px) {
  .section-faqs .column h2 {
    font-size: 36px !important; }
  .section-faqs .column p {
    font-size: 24px !important; } }

.button-subscribe {
  width: 160px;
  margin-bottom: 1rem; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

@media only screen and (max-width: 480px) {
  .margin-top-elc-1f {
    margin-top: 2rem; } }

.button-elc-get {
  width: 240px;
  padding: 0.25rem 1.5rem; }

.button-elc-get:hover {
  background-color: #ff7c25 !important;
  color: black !important; }

@media only screen and (max-width: 480px) {
  .hero-montessori-min-top-10 {
    margin-top: -10rem; } }
@media only screen and (min-width: 768px) {
  .hero-montessori-min-top-10 {
    text-align: right; } }
@media only screen and (min-width: 960px) {
  .hero-montessori-min-top-10 {
    margin-top: -10em; } }
@media only screen and (min-width: 1280px) {
  .hero-montessori-min-top-10 {
    margin-top: -20rem; } }

@media only screen and (max-width: 480px) {
  .col-sna-montessori {
    display: block;
    text-align: center;
    padding: 3rem;
    margin-top: -2rem; } }
@media only screen and (min-width: 768px) {
  .col-sna-montessori {
    padding: 5rem; } }

#text-elc {
  line-height: 1.5; }
  @media only screen and (max-width: 480px) {
    #text-elc {
      font-size: 16px !important;
      text-align: left; } }
  @media only screen and (min-width: 768px) {
    #text-elc {
      font-size: 16px !important; } }
  @media only screen and (min-width: 1280px) {
    #text-elc {
      font-size: 18px !important; } }

@media only screen and (max-width: 480px) {
  #title-elc {
    font-size: 1.9rem;
    text-align: left; } }
@media only screen and (min-width: 768px) {
  #title-elc {
    font-size: 2.2rem; } }
@media only screen and (min-width: 1280px) {
  #title-elc {
    font-size: 2.4rem; } }

@media only screen and (max-width: 480px) {
  .mb-elc-pink {
    margin-bottom: 1rem; } }
@media only screen and (min-width: 768px) {
  .mb-elc-pink {
    margin-bottom: 1rem; } }
@media only screen and (min-width: 960px) {
  .mb-elc-pink {
    margin-bottom: 1rem; } }
@media only screen and (min-width: 1280px) {
  .mb-elc-pink {
    margin-bottom: 3.7rem; } }

@media only screen and (max-width: 480px) {
  .side-image-elc {
    width: 250px; } }
@media only screen and (min-width: 768px) {
  .side-image-elc {
    width: 400px; } }
@media only screen and (min-width: 960px) {
  .side-image-elc {
    float: right; } }
@media only screen and (min-width: 1280px) {
  .side-image-elc {
    width: 750px; } }

@media only screen and (max-width: 480px) {
  .right-image-elc {
    margin-top: 8rem;
    text-align: right; } }

@media only screen and (min-width: 960px) {
  .left-image-elc {
    float: left; } }

@media only screen and (max-width: 480px) {
  .col-image-approach {
    display: flex;
    flex-direction: column-reverse; } }
@media only screen and (min-width: 768px) {
  .col-image-approach {
    display: flex;
    text-align: left; } }

@media only screen and (min-width: 768px) {
  .col-image-sna-montessori {
    display: flex; } }

.col-montessori-approach {
  align-self: center; }
  @media only screen and (max-width: 480px) {
    .col-montessori-approach {
      padding: 3rem;
      text-align: center;
      margin-top: -3rem; } }
  @media only screen and (min-width: 768px) {
    .col-montessori-approach {
      padding: 5rem; } }
  @media only screen and (min-width: 960px) {
    .col-montessori-approach {
      text-align: left;
      margin-top: 3rem; } }

@media only screen and (max-width: 480px) {
  .hero-excellent-teachers-min-top-10 {
    margin-top: 0rem; } }
@media only screen and (min-width: 768px) {
  .hero-excellent-teachers-min-top-10 {
    text-align: right; } }
@media only screen and (min-width: 960px) {
  .hero-excellent-teachers-min-top-10 {
    margin-top: -8rem;
    text-align: left; } }
@media only screen and (min-width: 1280px) {
  .hero-excellent-teachers-min-top-10 {
    margin-top: -12rem;
    text-align: left; } }

@media only screen and (max-width: 480px) {
  .col-excellent-teachers {
    padding: 3rem;
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .col-excellent-teachers {
    padding: 5rem; } }
@media only screen and (min-width: 960px) {
  .col-excellent-teachers {
    margin-top: 3rem; } }

@media only screen and (min-width: 768px) {
  .col-image-excellent-teachers {
    display: flex;
    text-align: left; } }

.hero-section-large-elc {
  height: 90vh !important; }

.hero-section-large-elc-3 {
  height: 120vh !important; }

.hero-section-large-elc-5 {
  height: 40vh !important; }

.container-elc {
  height: 60vh !important; }

@media only screen and (max-width: 480px) {
  .section-personalized {
    margin-top: -5rem; } }
@media only screen and (min-width: 768px) {
  .section-personalized {
    margin-top: -4rem; } }
@media only screen and (min-width: 960px) {
  .section-personalized {
    margin-top: -12rem; } }
@media only screen and (min-width: 1280px) {
  .section-personalized {
    margin-top: -12rem; } }

@media only screen and (max-width: 480px) {
  .font-size-personalized {
    font-size: 1.5rem; } }
@media only screen and (min-width: 768px) {
  .font-size-personalized {
    font-size: 2.25rem; } }
@media only screen and (min-width: 1280px) {
  .font-size-personalized {
    font-size: 2.5rem; } }

.h1-hs {
  font-size: 5rem; }

.p-hs {
  font-size: 6rem; }

@media only screen and (max-width: 480px) {
  .columns-y71 {
    justify-content: center; } }
@media only screen and (min-width: 768px) {
  .columns-y71 {
    flex-direction: column;
    align-items: center; } }
@media only screen and (min-width: 960px) {
  .columns-y71 {
    justify-content: unset;
    flex-direction: unset;
    align-items: unset; } }
@media only screen and (min-width: 1280px) {
  .columns-y71 {
    justify-content: unset;
    flex-direction: unset;
    align-items: unset; } }

@media only screen and (max-width: 480px) {
  .columns-y72 {
    flex-direction: column;
    align-items: center; }
    .columns-y72 .li-samping {
      margin-left: 1rem !important; } }
@media only screen and (min-width: 768px) {
  .columns-y72 {
    flex-direction: column;
    align-items: center; } }
@media only screen and (min-width: 960px) {
  .columns-y72 {
    flex-direction: unset;
    align-items: unset; } }
@media only screen and (min-width: 1280px) {
  .columns-y72 {
    flex-direction: unset;
    align-items: unset; } }

.pr-8 {
  padding-right: 8rem; }

@media only screen and (max-width: 480px) {
  .column-overlay {
    height: 480px; } }
@media only screen and (min-width: 768px) {
  .column-overlay {
    height: 768px; } }
@media only screen and (min-width: 960px) {
  .column-overlay {
    height: auto; } }
.column-overlay .news-overlay-left {
  line-height: 1.5; }
  @media only screen and (max-width: 480px) {
    .column-overlay .news-overlay-left {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 480px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4); }
      .column-overlay .news-overlay-left h2 {
        font-size: 24px;
        padding: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .column-overlay .news-overlay-left {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      height: 768px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4); }
      .column-overlay .news-overlay-left p {
        font-size: 18px; }
      .column-overlay .news-overlay-left h2 {
        font-size: 22px;
        padding: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    .column-overlay .news-overlay-left {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      padding: 2rem;
      align-items: unset;
      text-align: unset;
      height: auto;
      background-color: rgba(0, 0, 0, 0.2); }
      .column-overlay .news-overlay-left p {
        font-size: 18px; }
      .column-overlay .news-overlay-left h2 {
        font-size: 24px;
        padding: 1.5rem 0rem; } }
  @media only screen and (min-width: 1280px) {
    .column-overlay .news-overlay-left {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      padding: 2rem;
      align-items: unset;
      text-align: unset;
      height: auto;
      background-color: rgba(0, 0, 0, 0.2); }
      .column-overlay .news-overlay-left p {
        font-size: 20px; }
      .column-overlay .news-overlay-left h2 {
        font-size: 32px; } }

@media only screen and (max-width: 480px) {
  #img-arrow-left::before {
    visibility: hidden; } }
@media only screen and (min-width: 960px) {
  #img-arrow-left::before {
    content: '';
    background-image: url(../img/panah-putih.png);
    width: 50px;
    height: 100px;
    position: absolute;
    left: 0;
    visibility: visible;
    margin-left: -48px; } }
@media only screen and (min-width: 1280px) {
  #img-arrow-left::before {
    content: '';
    background-image: url(../img/panah-putih.png);
    width: 50px;
    height: 100px;
    position: absolute;
    left: 0;
    visibility: visible;
    margin-left: -48px; } }

@media only screen and (max-width: 480px) {
  #img-arrow-left-bottom::before {
    visibility: hidden; } }
@media only screen and (min-width: 960px) {
  #img-arrow-left-bottom::before {
    content: '';
    background-image: url(../img/panah-putih.png);
    width: 50px;
    height: 100px;
    position: absolute;
    left: 0;
    visibility: visible;
    margin-left: -48px; } }
@media only screen and (min-width: 1280px) {
  #img-arrow-left-bottom::before {
    content: '';
    background-image: url(../img/panah-putih.png);
    width: 50px;
    height: 100px;
    position: absolute;
    left: 0;
    visibility: visible;
    margin-left: -48px; } }

@media only screen and (max-width: 480px) {
  #img-arrow-right::before {
    visibility: hidden; } }
@media only screen and (min-width: 960px) {
  #img-arrow-right::before {
    content: '';
    background-image: url(../img/panah-orange.png);
    width: 50px;
    height: 100px;
    position: absolute;
    right: 0;
    z-index: 1;
    visibility: visible;
    margin-right: -48px; } }
@media only screen and (min-width: 1280px) {
  #img-arrow-right::before {
    content: '';
    background-image: url(../img/panah-orange.png);
    width: 50px;
    height: 100px;
    position: absolute;
    right: 0;
    z-index: 1;
    visibility: visible;
    margin-right: -48px; } }

@media only screen and (max-width: 480px) {
  #img-arrow-right-bottom::before {
    visibility: hidden; } }
@media only screen and (min-width: 960px) {
  #img-arrow-right-bottom::before {
    content: '';
    background-image: url(../img/panah-orange.png);
    width: 50px;
    height: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: start;
    right: 0;
    z-index: 1;
    visibility: visible;
    margin-right: -48px; } }
@media only screen and (min-width: 1280px) {
  #img-arrow-right-bottom::before {
    content: '';
    background-image: url(../img/panah-orange.png);
    width: 50px;
    height: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: start;
    right: 0;
    z-index: 1;
    visibility: visible;
    margin-right: -48px; } }

.border-overlay {
  width: fit-content;
  text-align: center; }

.border-overlay-right {
  width: fit-content;
  text-align: center; }

.img-kotak {
  object-fit: cover; }
  @media only screen and (max-width: 480px) {
    .img-kotak {
      height: 480px !important; } }
  @media only screen and (min-width: 768px) {
    .img-kotak {
      height: 768px !important; } }
  @media only screen and (min-width: 960px) {
    .img-kotak {
      height: 360px !important; } }
  @media only screen and (min-width: 1280px) {
    .img-kotak {
      height: 480px !important; } }

.news-overlay-right {
  line-height: 1.5; }
  @media only screen and (max-width: 480px) {
    .news-overlay-right {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      top: auto;
      flex-direction: column;
      height: 480px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4); }
      .news-overlay-right h2 {
        padding: 24px;
        font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    .news-overlay-right {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      top: auto;
      flex-direction: column;
      height: 768px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.4); }
      .news-overlay-right p {
        font-size: 18px; }
      .news-overlay-right h2 {
        padding: 1.5rem;
        font-size: 22px; } }
  @media only screen and (min-width: 960px) {
    .news-overlay-right {
      width: 50%;
      left: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      padding: 2rem;
      align-items: unset;
      text-align: unset;
      height: -webkit-fill-available;
      top: unset;
      background-color: rgba(0, 0, 0, 0.2); }
      .news-overlay-right p {
        font-size: 18px; }
      .news-overlay-right h2 {
        font-size: 24px;
        padding: 1.5rem 0rem; } }
  @media only screen and (min-width: 1280px) {
    .news-overlay-right {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      padding: 2rem;
      align-items: unset;
      text-align: unset;
      height: -webkit-fill-available;
      background-color: rgba(0, 0, 0, 0.2); }
      .news-overlay-right p {
        font-size: 20px; }
      .news-overlay-right h2 {
        font-size: 32px; } }

.columns.is-gapless > .column-news {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .columns.is-gapless > .column-news {
      height: 240px;
      justify-content: space-evenly;
      padding: 1rem !important;
      flex-direction: column; } }
  @media only screen and (min-width: 960px) {
    .columns.is-gapless > .column-news {
      height: auto;
      padding: 2.5rem !important;
      justify-content: normal;
      flex-direction: row; } }
  @media only screen and (min-width: 1280px) {
    .columns.is-gapless > .column-news {
      height: auto;
      padding: 3rem !important;
      flex-direction: row; } }

@media only screen and (max-width: 480px) {
  #column-news-left {
    flex-direction: column !important; } }
@media only screen and (min-width: 768px) {
  #column-news-left {
    flex-direction: column !important; } }
@media only screen and (min-width: 960px) {
  #column-news-left {
    flex-direction: unset !important; } }
@media only screen and (min-width: 1280px) {
  #column-news-left {
    flex-direction: unset !important; } }

@media only screen and (max-width: 480px) {
  .columns-news {
    flex-direction: column-reverse; } }
@media only screen and (min-width: 768px) {
  .columns-news {
    flex-direction: column-reverse; } }
@media only screen and (min-width: 960px) {
  .columns-news {
    flex-direction: unset; } }
@media only screen and (min-width: 1280px) {
  .columns-news {
    flex-direction: unset; } }
.columns-news .column-news {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 480px) {
    .columns-news .column-news {
      height: 320px; } }
  @media only screen and (min-width: 1280px) {
    .columns-news .column-news {
      justify-content: unset !important;
      padding: 3rem !important; } }
  @media only screen and (max-width: 480px) {
    .columns-news .column-news h2 {
      padding-right: 0;
      font-size: 30px;
      text-align: center;
      padding: 0rem 1.5rem; } }

.section-news-1 {
  content-visibility: hidden !important; }

.section-news-1.is-active {
  content-visibility: visible !important; }

.section-news-2 {
  content-visibility: hidden !important; }

.section-news-2.is-active {
  content-visibility: visible !important; }

.section-news-3 {
  content-visibility: hidden !important; }

.section-news-3.is-active {
  content-visibility: visible !important; }

.section-news-4 {
  content-visibility: hidden !important; }

.section-news-4.is-active {
  content-visibility: visible !important; }

.box-up-to-date {
  background-color: #B5B5B5;
  height: 300px; }

.footer-sna {
  height: auto;
  background-color: #FFFFFF;
  padding: 3rem 1.5rem 3rem !important; }
  .footer-sna a {
    font-size: 16px;
    display: block; }

.box-icon {
  color: #ffffff; }

.columns-partners {
  padding: 0rem 3rem; }

.mt-n3 {
  margin-top: -3rem; }

.mt-n2 {
  margin-top: -2rem; }

.mt-n1 {
  margin-top: -1rem !important; }

.li-high-school ul {
  margin-left: 0rem !important; }
.li-high-school li {
  list-style: disc !important;
  list-style-type: disc !important; }
.li-high-school ::marker {
  color: #863399 !important;
  font-size: 1rem; }

.li-high-school-years ul {
  margin-left: 0rem !important; }
.li-high-school-years li {
  list-style: disc !important;
  list-style-type: disc !important; }
.li-high-school-years ::marker {
  font-size: 1rem; }

@media only screen and (max-width: 480px) {
  .mt-section {
    margin-top: 0px; } }
@media only screen and (min-width: 960px) {
  .mt-section {
    margin-top: 3rem; } }
@media only screen and (min-width: 1280px) {
  .mt-section {
    margin-top: 3rem; } }

@media only screen and (max-width: 480px) {
  .mt-8 {
    margin-top: unset !important; } }
@media only screen and (min-width: 960px) {
  .mt-8 {
    margin-top: 4rem !important; } }
@media only screen and (min-width: 1280px) {
  .mt-8 {
    margin-top: 8rem !important; } }

.mt-hs {
  margin-top: 0; }
  @media only screen and (max-width: 480px) {
    .mt-hs h1 {
      font-size: 60px; } }
  @media only screen and (min-width: 768px) {
    .mt-hs h1 {
      font-size: 60px; } }
  @media only screen and (min-width: 960px) {
    .mt-hs h1 {
      font-size: 70px; } }
  @media only screen and (min-width: 1280px) {
    .mt-hs h1 {
      font-size: 80px; } }
  @media only screen and (max-width: 480px) {
    .mt-hs .p-years {
      font-size: 60px; } }
  @media only screen and (min-width: 768px) {
    .mt-hs .p-years {
      font-size: 60px; } }
  @media only screen and (min-width: 960px) {
    .mt-hs .p-years {
      font-size: 70px; } }
  @media only screen and (min-width: 1280px) {
    .mt-hs .p-years {
      font-size: 80px; } }

.mt-10 {
  margin-top: 10rem !important; }

.mt-12 {
  margin-top: 12rem !important; }

.mt-6-2 {
  margin-top: 6rem !important; }

.ml-8 {
  margin-left: 5rem !important; }

.p-4-2 {
  padding: 4rem; }

@media only screen and (max-width: 480px) {
  .mb-6-2 {
    margin-bottom: 1rem !important; } }
@media only screen and (min-width: 1280px) {
  .mb-6-2 {
    margin-bottom: 6rem !important; } }

.mb-12 {
  margin-bottom: 12rem !important; }

.singapore-curriculum p {
  margin-bottom: 1rem; }
  @media only screen and (max-width: 480px) {
    .singapore-curriculum p {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    .singapore-curriculum p {
      font-size: 17px; } }
  @media only screen and (min-width: 960px) {
    .singapore-curriculum p {
      font-size: 18px; } }
  @media only screen and (min-width: 1280px) {
    .singapore-curriculum p {
      font-size: 18px; } }
.singapore-curriculum p:nth-last-child {
  margin-bottom: 0rem; }

.enter p {
  margin-bottom: 1rem; }

.enter-hs {
  font-family: 'MyriadPro-Regular_0';
  font-size: 16px;
  line-height: 1.5; }
  .enter-hs p {
    margin-bottom: 1rem; }

.pos-relative {
  position: relative; }
  @media only screen and (max-width: 480px) {
    .pos-relative {
      padding-left: 1.5rem; } }

.hero-primary {
  background-color: #35BCB1;
  color: white;
  position: relative; }

@media screen and (min-width: 481px) {
  .columns-anak-2 {
    flex-direction: column-reverse; } }
@media only screen and (min-width: 768px) {
  .columns-anak-2 {
    flex-direction: row; } }

.image-anak-2 {
  position: absolute;
  bottom: 0; }
  @media only screen and (max-width: 480px) {
    .image-anak-2 {
      width: 300px; } }
  @media screen and (min-width: 481px) {
    .image-anak-2 {
      position: revert; } }
  @media screen and (min-width: 768px) {
    .image-anak-2 {
      position: absolute; } }
  @media only screen and (min-width: 768px) {
    .image-anak-2 {
      width: 550px;
      left: 8%; } }
  @media only screen and (min-width: 960px) {
    .image-anak-2 {
      left: unset;
      right: 47%; } }
  @media only screen and (min-width: 1280px) {
    .image-anak-2 {
      width: 500px;
      left: unset;
      right: 55%; } }

@media only screen and (max-width: 480px) {
  .mb-believe {
    margin-bottom: 360px; } }
@media only screen and (min-width: 768px) {
  .mb-believe {
    margin-bottom: 720px; } }
@media only screen and (min-width: 960px) {
  .mb-believe {
    margin-bottom: 0; } }
@media only screen and (min-width: 1280px) {
  .mb-believe {
    margin-bottom: 0; } }

.core-subject {
  background-color: #34BCB1;
  border-radius: 100px;
  /* box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); */
  color: white;
  display: block; }
  @media only screen and (max-width: 480px) {
    .core-subject {
      padding: 2.25rem; } }
  @media only screen and (min-width: 768px) {
    .core-subject {
      padding: 2.75rem; } }
  @media only screen and (min-width: 960px) {
    .core-subject {
      padding: 3rem; } }
  @media only screen and (min-width: 1280px) {
    .core-subject {
      padding: 3rem; } }

.core-non-subject {
  background-color: #34BCB1;
  border-radius: 136px;
  /* box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); */
  color: white;
  display: block; }
  @media only screen and (max-width: 480px) {
    .core-non-subject {
      padding: 3rem; } }
  @media only screen and (min-width: 768px) {
    .core-non-subject {
      padding: 3.5rem; } }
  @media only screen and (min-width: 960px) {
    .core-non-subject {
      padding: 3.5rem; } }
  @media only screen and (min-width: 1280px) {
    .core-non-subject {
      padding: 4.25rem; } }

.li-core-sub ul li {
  list-style: disc !important;
  list-style-type: disc !important; }
.li-core-sub ul li::marker {
  list-style: disc !important;
  list-style-type: disc !important;
  color: #246660; }
@media only screen and (max-width: 480px) {
  .li-core-sub {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .li-core-sub {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .li-core-sub {
    font-size: 18px; } }
@media only screen and (min-width: 1280px) {
  .li-core-sub {
    font-size: 24px; } }

@media only screen and (max-width: 480px) {
  .fs-asa-cca h2 {
    font-size: 64px; } }
@media only screen and (min-width: 768px) {
  .fs-asa-cca h2 {
    font-size: 80px; } }
@media only screen and (min-width: 960px) {
  .fs-asa-cca h2 {
    font-size: 80px; } }
@media only screen and (min-width: 1280px) {
  .fs-asa-cca h2 {
    font-size: 128px; } }
@media only screen and (max-width: 480px) {
  .fs-asa-cca p {
    font-size: 16px;
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .fs-asa-cca p {
    font-size: 18px;
    text-align: center; } }
@media only screen and (min-width: 960px) {
  .fs-asa-cca p {
    font-size: 20px;
    text-align: right; } }
@media only screen and (min-width: 1280px) {
  .fs-asa-cca p {
    font-size: 24px;
    text-align: right; } }

@media only screen and (min-width: 960px) {
  .img-tech-right {
    float: right; } }
@media only screen and (min-width: 1280px) {
  .img-tech-right {
    float: right; } }

@media only screen and (max-width: 480px) {
  .flex-column-reverse {
    flex-direction: column-reverse; } }
@media only screen and (min-width: 768px) {
  .flex-column-reverse {
    flex-direction: column-reverse; } }
@media only screen and (min-width: 960px) {
  .flex-column-reverse {
    flex-direction: unset; } }
@media only screen and (min-width: 1280px) {
  .flex-column-reverse {
    flex-direction: unset; } }

.li-timeline {
  list-style: none;
  list-style-type: none; }

.button-subject {
  background-color: white;
  color: #35BCB1;
  border: none; }
  @media only screen and (max-width: 480px) {
    .button-subject {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    .button-subject {
      font-size: 18px; } }
  @media only screen and (min-width: 960px) {
    .button-subject {
      font-size: 20px; } }
  @media only screen and (min-width: 1280px) {
    .button-subject {
      font-size: 24px; } }

.button-subject.is-active {
  background-color: #35BCB1;
  color: white;
  border-color: white;
  width: 250px; }

.button-technology {
  background-color: white;
  color: #35BCB1;
  border: none; }

.button-technology.is-active {
  background-color: #35BCB1;
  color: white;
  border-color: white;
  width: 200px; }

.pos-7-12 {
  position: relative;
  letter-spacing: -1rem; }
  @media only screen and (max-width: 480px) {
    .pos-7-12 {
      font-size: 64px;
      letter-spacing: -.2rem; } }
  @media only screen and (min-width: 768px) {
    .pos-7-12 {
      position: relative;
      letter-spacing: 0rem;
      font-size: 60px; } }
  @media only screen and (min-width: 960px) {
    .pos-7-12 {
      position: relative;
      letter-spacing: -1rem;
      font-size: 70px; } }
  @media only screen and (min-width: 1280px) {
    .pos-7-12 {
      position: relative;
      letter-spacing: -1rem;
      font-size: 96px; } }

.text-primary-highschool {
  display: block; }
  @media only screen and (max-width: 480px) {
    .text-primary-highschool {
      font-size: 64px;
      letter-spacing: -.2rem; } }
  @media only screen and (min-width: 768px) {
    .text-primary-highschool {
      position: relative;
      letter-spacing: 0rem;
      font-size: 96px; } }
  @media only screen and (min-width: 768px) {
    .text-primary-highschool {
      position: relative;
      letter-spacing: 0.1rem;
      font-size: 60px;
      left: 15px; } }
  @media only screen and (min-width: 960px) {
    .text-primary-highschool {
      font-size: 70px;
      left: unset; } }
  @media only screen and (min-width: 1280px) {
    .text-primary-highschool {
      font-size: 96px;
      left: unset; } }

@media only screen and (max-width: 480px) {
  .text-under-piaget {
    font-size: 18px; } }
@media only screen and (min-width: 768px) {
  .text-under-piaget {
    font-size: 20px; } }
@media only screen and (min-width: 960px) {
  .text-under-piaget {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .text-under-piaget {
    font-size: 24px; } }

@media only screen and (max-width: 480px) {
  .font-size-tabs-subject {
    font-size: 18px; } }

@media only screen and (max-width: 480px) {
  .text-we-give-our {
    font-size: 24px; } }
@media only screen and (min-width: 768px) {
  .text-we-give-our {
    font-size: 28px; } }
@media only screen and (min-width: 960px) {
  .text-we-give-our {
    font-size: 34px; } }
@media only screen and (min-width: 1280px) {
  .text-we-give-our {
    font-size: 40px; } }

.header-primary {
  display: flex;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 1; }
  @media only screen and (max-width: 480px) {
    .header-primary {
      margin-top: 20px;
      margin-right: -60px;
      font-size: 12px; } }
  @media only screen and (min-width: 768px) {
    .header-primary {
      margin-top: 20px;
      margin-right: -56px;
      font-size: 12px; } }
  @media only screen and (min-width: 960px) {
    .header-primary {
      margin-top: 22px;
      margin-right: -70px;
      font-size: 16px; } }

.tabs-primary li.is-active a {
  color: #35BCB1 !important;
  border-bottom: 3px solid #35BCB1;
  font-weight: 700; }

.tabs-highschool li.is-active a {
  color: #9556a2 !important;
  border-bottom: 3px solid #9556a2;
  font-weight: 700; }

.tabs-highschool a {
  align-items: center;
  border-bottom-color: unset;
  border-bottom-style: none;
  border-bottom-width: 0px;
  color: #a4a3a3;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top; }
  @media only screen and (max-width: 480px) {
    .tabs-highschool a {
      font-size: 18px; } }

.tabs-highschool ul {
  border-bottom-width: 0px !important; }

.tabs-primary a {
  align-items: center;
  border-bottom-color: unset;
  border-bottom-style: none;
  border-bottom-width: 0px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top; }
  @media only screen and (max-width: 480px) {
    .tabs-primary a {
      font-size: 18px; } }

.tabs-primary ul {
  border-bottom-width: 0px; }

.ls-1 {
  letter-spacing: 1px; }

.ls-2 {
  letter-spacing: 2px; }

.label-update {
  color: #231f20 !important; }

.header-sna-community {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 2px; }
  @media only screen and (max-width: 480px) {
    .header-sna-community {
      font-size: 24px;
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 768px) {
    .header-sna-community {
      font-size: 36px;
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 1280px) {
    .header-sna-community {
      font-size: 44px;
      margin-bottom: 0 !important; } }

@media only screen and (max-width: 480px) {
  #header-sna-loves h1 {
    font-size: 18px;
    margin-bottom: 0 !important; } }
@media only screen and (min-width: 768px) {
  #header-sna-loves h1 {
    font-size: 36px;
    margin-bottom: 0 !important; } }
@media only screen and (min-width: 1280px) {
  #header-sna-loves h1 {
    font-size: 44px;
    margin-bottom: 0 !important; } }

.section-community h2 {
  letter-spacing: 2px; }
  @media only screen and (max-width: 480px) {
    .section-community h2 {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    .section-community h2 {
      font-size: 48px; } }
  @media only screen and (min-width: 960px) {
    .section-community h2 {
      font-size: 60px; } }
  @media only screen and (min-width: 1280px) {
    .section-community h2 {
      font-size: 70px; } }
@media only screen and (max-width: 480px) {
  .section-community h3 {
    font-size: 26px; } }
@media only screen and (min-width: 768px) {
  .section-community h3 {
    font-size: 32px; } }
@media only screen and (min-width: 960px) {
  .section-community h3 {
    font-size: 40px; } }
@media only screen and (min-width: 1280px) {
  .section-community h3 {
    font-size: 44px; } }
@media only screen and (max-width: 480px) {
  .section-community h6 {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .section-community h6 {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .section-community h6 {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .section-community h6 {
    font-size: 20px; } }
@media only screen and (max-width: 480px) {
  .section-community p {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .section-community p {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .section-community p {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .section-community p {
    font-size: 24px; } }
@media only screen and (max-width: 480px) {
  .section-community a {
    font-size: 24px; } }
@media only screen and (min-width: 768px) {
  .section-community a {
    font-size: 28px; } }
@media only screen and (min-width: 960px) {
  .section-community a {
    font-size: 32px; } }
@media only screen and (min-width: 1280px) {
  .section-community a {
    font-size: 48px; } }
.section-community .border-update {
  border: white 1px solid;
  padding: .75rem; }
.section-community .padding-4p5 {
  padding: 4.5rem !important; }
@media only screen and (max-width: 480px) {
  .section-community #voluntary-services {
    padding: 1rem !important; } }
@media only screen and (min-width: 768px) {
  .section-community #voluntary-services {
    padding: 1.5rem !important; } }
@media only screen and (min-width: 960px) {
  .section-community #voluntary-services {
    padding: 3rem !important; } }
@media only screen and (min-width: 1280px) {
  .section-community #voluntary-services {
    padding: 3rem !important; } }

.img-sna-community {
  display: flex;
  background-repeat: no-repeat;
  background-position: 50% 95%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-shadow: 0px 1px 4px black; }
  @media only screen and (max-width: 480px) {
    .img-sna-community {
      height: 30vh; } }
  @media only screen and (min-width: 768px) {
    .img-sna-community {
      height: 150px; } }
  @media only screen and (min-width: 960px) {
    .img-sna-community {
      height: 150px; } }
  @media only screen and (min-width: 1280px) {
    .img-sna-community {
      height: 20vh; } }

@media only screen and (max-width: 480px) {
  .img-voluntary-services {
    height: auto !important; } }
@media only screen and (min-width: 768px) {
  .img-voluntary-services {
    height: auto !important; } }
@media only screen and (min-width: 960px) {
  .img-voluntary-services {
    height: 300px !important; } }
@media only screen and (min-width: 1280px) {
  .img-voluntary-services {
    height: 440px !important; } }

.fs-submit {
  width: 265px;
  height: 67px; }
  @media only screen and (max-width: 480px) {
    .fs-submit {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) {
    .fs-submit {
      font-size: 20px; } }
  @media only screen and (min-width: 960px) {
    .fs-submit {
      font-size: 22px; } }
  @media only screen and (min-width: 1280px) {
    .fs-submit {
      font-size: 24px; } }

@media only screen and (max-width: 480px) {
  .field-search-career {
    width: 320px; } }

.background-g-c {
  background: url("../img/elc-g-career.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.input-g-c {
  background-color: #EFEFF0; }
  @media only screen and (max-width: 480px) {
    .input-g-c {
      font-size: 20px; } }
  @media only screen and (min-width: 768px) {
    .input-g-c {
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .input-g-c {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .input-g-c {
      height: 120px;
      font-size: 32px; } }

.icon-get-career {
  color: #2C3543 !important;
  margin-top: 2rem;
  margin-right: 1.5rem; }
  @media only screen and (max-width: 480px) {
    .icon-get-career {
      margin-right: 1rem; } }

.icon-magnifier {
  color: #dbdbdb;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1 !important; }
  @media only screen and (max-width: 480px) {
    .icon-magnifier {
      height: 1em !important;
      width: 1em !important;
      margin: 10px; } }
  @media only screen and (min-width: 768px) {
    .icon-magnifier {
      height: 1.5em !important;
      width: 1.5em !important;
      margin: 12px; } }
  @media only screen and (min-width: 960px) {
    .icon-magnifier {
      height: 1.25em !important;
      width: 1.25em !important;
      margin: 20px 16px; } }
  @media only screen and (min-width: 1280px) {
    .icon-magnifier {
      height: 1.75em !important;
      pointer-events: none;
      position: absolute;
      width: 1.75em !important;
      margin: 32px; } }

@media only screen and (max-width: 480px) {
  .section-get-connected #corporate-function {
    margin-top: unset; } }
@media only screen and (min-width: 768px) {
  .section-get-connected #corporate-function {
    margin-top: unset; } }
@media only screen and (min-width: 960px) {
  .section-get-connected #corporate-function {
    margin-top: -10rem; } }
@media only screen and (min-width: 1280px) {
  .section-get-connected #corporate-function {
    margin-top: -10rem; } }
@media only screen and (max-width: 480px) {
  .section-get-connected h4 {
    font-size: 28px;
    margin-bottom: 16px; } }
@media only screen and (min-width: 768px) {
  .section-get-connected h4 {
    font-size: 30px;
    margin-bottom: 16px; } }
@media only screen and (min-width: 960px) {
  .section-get-connected h4 {
    font-size: 30px;
    margin-bottom: 16px; } }
@media only screen and (min-width: 1280px) {
  .section-get-connected h4 {
    font-size: 36px;
    margin-bottom: 16px; } }
@media only screen and (max-width: 480px) {
  .section-get-connected p {
    font-size: 18px; } }
@media only screen and (min-width: 1280px) {
  .section-get-connected p {
    font-size: 20px; } }

.card-campus a {
  color: #4a4a4a; }
.card-campus a:hover {
  color: #ef8021; }
.card-campus p a {
  color: #ef8021;
  line-height: 2; }
.card-campus p a:hover {
  color: #4a4a4a; }

.section-get-connected-contact-us h6 {
  letter-spacing: 1;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .section-get-connected-contact-us h6 {
      line-height: 1.5;
      font-size: 20px;
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .section-get-connected-contact-us h6 {
      line-height: 1.5;
      font-size: 26px;
      text-align: center; } }
  @media only screen and (min-width: 960px) {
    .section-get-connected-contact-us h6 {
      line-height: 1.5;
      font-size: 32px;
      text-align: center; } }
  @media only screen and (min-width: 1280px) {
    .section-get-connected-contact-us h6 {
      line-height: 1.5;
      font-size: 36px;
      text-align: center; } }
  .section-get-connected-contact-us h6.gray {
    color: #d6d6d6; }
.section-get-connected-contact-us a.gray {
  color: #d6d6d6; }
.section-get-connected-contact-us a:hover {
  color: #f28020; }

.section-bg-get-connected {
  min-height: 50vh; }
  @media only screen and (max-width: 480px) {
    .section-bg-get-connected {
      margin-top: 0px; } }
  @media only screen and (min-width: 960px) {
    .section-bg-get-connected {
      margin-top: 3rem; } }
  @media only screen and (min-width: 1280px) {
    .section-bg-get-connected {
      margin-top: 3rem; } }
  @media only screen and (max-width: 480px) {
    .section-bg-get-connected .columns-search {
      height: 40%; } }
  @media only screen and (min-width: 768px) {
    .section-bg-get-connected .columns-search {
      height: 50%; } }
  @media only screen and (min-width: 960px) {
    .section-bg-get-connected .columns-search {
      height: 0%; } }
  @media only screen and (min-width: 1280px) {
    .section-bg-get-connected .columns-search {
      height: 0%; } }
  @media only screen and (max-width: 480px) {
    .section-bg-get-connected .column-search {
      display: inline-block;
      align-self: center; } }
  @media only screen and (min-width: 768px) {
    .section-bg-get-connected .column-search {
      display: inline-block;
      align-self: center; } }

.section-box-get-connected {
  margin-top: -10rem; }

.box-get-connected {
  border-radius: 80px; }

#career-details {
  line-height: 1.75; }
  @media only screen and (max-width: 480px) {
    #career-details {
      padding: 1.25rem; } }
  @media only screen and (min-width: 1280px) {
    #career-details {
      padding: 3rem; } }
  #career-details h1 {
    margin-left: 26px; }
    @media only screen and (max-width: 480px) {
      #career-details h1 {
        font-size: 24px; } }
    @media only screen and (min-width: 768px) {
      #career-details h1 {
        font-size: 40px; } }
    @media only screen and (min-width: 1280px) {
      #career-details h1 {
        font-size: 52px; } }
  @media only screen and (max-width: 480px) {
    #career-details h4 {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    #career-details h4 {
      font-size: 28px; } }
  @media only screen and (min-width: 1280px) {
    #career-details h4 {
      font-size: 32px; } }
  #career-details p {
    margin-left: 26px; }
    @media only screen and (max-width: 480px) {
      #career-details p {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) {
      #career-details p {
        font-size: 28px; } }
    @media only screen and (min-width: 1280px) {
      #career-details p {
        font-size: 32px; } }

@media only screen and (max-width: 480px) {
  .section-locations {
    margin-top: -8rem; } }
@media only screen and (min-width: 768px) {
  .section-locations {
    margin-top: -8rem; } }
@media only screen and (min-width: 960px) {
  .section-locations {
    margin-top: -8rem; } }
@media only screen and (min-width: 1280px) {
  .section-locations {
    margin-top: -15rem; } }
@media only screen and (max-width: 480px) {
  .section-locations #job-description p {
    font-size: 16px; } }
@media only screen and (min-width: 1280px) {
  .section-locations #job-description p {
    font-size: 22px; } }
.section-locations #column-location h3 {
  margin-left: 28px; }
  @media only screen and (min-width: 1280px) {
    .section-locations #column-location h3 {
      font-size: 24px; } }
.section-locations #column-location p {
  margin-left: 26px; }
  @media only screen and (min-width: 1280px) {
    .section-locations #column-location p {
      font-size: 24px; } }
@media only screen and (min-width: 1280px) {
  .section-locations #column-location h4 {
    font-size: 24px; } }
@media only screen and (max-width: 480px) {
  .section-locations h1 {
    font-size: 24px; } }
@media only screen and (min-width: 768px) {
  .section-locations h1 {
    font-size: 32px; } }
@media only screen and (min-width: 1280px) {
  .section-locations h1 {
    font-size: 40px; } }
.section-locations h4::before {
  content: "";
  display: block;
  background: url("../img/gc-1.png") no-repeat;
  width: 21px;
  height: 29px;
  float: left; }
  @media only screen and (max-width: 480px) {
    .section-locations h4::before {
      margin: 0px 6px 0 0; } }
  @media only screen and (min-width: 768px) {
    .section-locations h4::before {
      margin: 0px 6px 0 0; } }
  @media only screen and (min-width: 960px) {
    .section-locations h4::before {
      margin: 0px 7px 0 0; } }
  @media only screen and (min-width: 1280px) {
    .section-locations h4::before {
      margin: 10px 7px 0 0; } }

@media only screen and (max-width: 480px) {
  #career-no-job-open h1 {
    font-size: 24px; } }
@media only screen and (min-width: 768px) {
  #career-no-job-open h1 {
    font-size: 28px; } }
@media only screen and (min-width: 960px) {
  #career-no-job-open h1 {
    font-size: 32px; } }
@media only screen and (min-width: 1280px) {
  #career-no-job-open h1 {
    font-size: 40px; } }
@media only screen and (max-width: 480px) {
  #career-no-job-open p {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  #career-no-job-open p {
    font-size: 20px; } }
@media only screen and (min-width: 960px) {
  #career-no-job-open p {
    font-size: 22px; } }
@media only screen and (min-width: 1280px) {
  #career-no-job-open p {
    font-size: 24px; } }

@media only screen and (max-width: 480px) {
  .section-career-details h2 {
    font-size: 32px; } }
@media only screen and (min-width: 768px) {
  .section-career-details h2 {
    font-size: 40px; } }
@media only screen and (min-width: 960px) {
  .section-career-details h2 {
    font-size: 48px; } }
@media only screen and (min-width: 1280px) {
  .section-career-details h2 {
    font-size: 56px; } }
@media only screen and (max-width: 480px) {
  .section-career-details p {
    font-size: 20px;
    margin-right: unset; } }
@media only screen and (min-width: 768px) {
  .section-career-details p {
    font-size: 22px;
    margin-right: 2.5rem; } }
@media only screen and (min-width: 960px) {
  .section-career-details p {
    font-size: 22px;
    margin-right: 2.5rem; } }
@media only screen and (min-width: 1280px) {
  .section-career-details p {
    font-size: 24px;
    margin-right: 3rem; } }

.button-linkedin {
  background-color: #0074b1; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */ }

@media only screen and (max-width: 480px) {
  .section-linkedin p,
  .section-linkedin label {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .section-linkedin p,
  .section-linkedin label {
    font-size: 16px; } }
@media only screen and (min-width: 1280px) {
  .section-linkedin p,
  .section-linkedin label {
    font-size: 16px; } }

.accordion-bae {
  font-family: 'GOTHAM-BOOK_0'; }
  .accordion-bae p {
    margin-top: 1rem;
    margin-bottom: 1rem; }

@media only screen and (max-width: 480px) {
  .section-bae h1,
  .section-bae a,
  .section-bae p {
    font-size: 18px; } }
@media only screen and (min-width: 768px) {
  .section-bae h1,
  .section-bae a,
  .section-bae p {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .section-bae h1,
  .section-bae a,
  .section-bae p {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .section-bae h1,
  .section-bae a,
  .section-bae p {
    font-size: 22px; } }

@media only screen and (max-width: 480px) {
  .section-splide h3 {
    font-size: 20px; } }
@media only screen and (min-width: 768px) {
  .section-splide h3 {
    font-size: 24px; } }
@media only screen and (min-width: 960px) {
  .section-splide h3 {
    font-size: 28px; } }
@media only screen and (min-width: 1280px) {
  .section-splide h3 {
    font-size: 32px; } }
.section-splide img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
.section-splide .splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: unset !important;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1; }

@media only screen and (max-width: 480px) {
  .box-1 h4 {
    font-size: 20px; } }
@media only screen and (min-width: 768px) {
  .box-1 h4 {
    font-size: 24px; } }
@media only screen and (min-width: 960px) {
  .box-1 h4 {
    font-size: 28px; } }
@media only screen and (min-width: 1280px) {
  .box-1 h4 {
    font-size: 32px; } }
@media only screen and (min-width: 960px) {
  .box-1 p {
    font-size: 14px; } }
@media only screen and (min-width: 1280px) {
  .box-1 p {
    font-size: 14px; } }
@media only screen and (max-width: 480px) {
  .box-1 {
    background: rgba(0, 0, 0, 0.7);
    padding: 1.5rem;
    font-size: 16px;
    display: grid;
    align-content: center; } }
@media only screen and (min-width: 768px) {
  .box-1 {
    background: rgba(0, 0, 0, 0.7);
    padding: 1.5rem;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 50%;
    height: fit-content;
    top: 20%;
    left: 25%;
    border-radius: 30px; } }
@media only screen and (min-width: 960px) {
  .box-1 {
    top: 25%; } }
@media only screen and (min-width: 1280px) {
  .box-1 {
    top: 25%; } }

@media only screen and (max-width: 480px) {
  .img-cca {
    width: 500px; } }
@media only screen and (min-width: 768px) {
  .img-cca {
    width: 600px; } }
@media only screen and (min-width: 960px) {
  .img-cca {
    width: 700px; } }
@media only screen and (min-width: 1280px) {
  .img-cca {
    width: 900px; } }

.li-cca {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-size: cover;
  height: 100%;
  background-repeat: no-repeat; }

.section-splide-cca {
  position: relative;
  z-index: 0; }
  .section-splide-cca p {
    font-family: 'GOTHAM-BOOK_0';
    color: white; }
  .section-splide-cca .container .column-splide {
    height: 600px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .section-splide-cca .container .column-splide {
        border-radius: 30px; } }
  .section-splide-cca .container .middle-upcoming-event {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .section-splide-cca .container .middle-upcoming-event .event-caption {
      line-height: 1.2;
      font-family: 'GOTHAM-BOLD';
      color: #ffffff;
      position: relative;
      z-index: 15;
      padding: 0 2rem;
      text-align: center;
      font-size: 28px; }
      @media only screen and (min-width: 768px) {
        .section-splide-cca .container .middle-upcoming-event .event-caption {
          font-size: 38px; } }
    .section-splide-cca .container .middle-upcoming-event h6 {
      font-size: 24px; }
    .section-splide-cca .container .middle-upcoming-event p::after {
      content: '';
      background-color: #050505;
      position: absolute;
      opacity: .72;
      z-index: 14;
      border-radius: 60px; }
      @media only screen and (max-width: 480px) {
        .section-splide-cca .container .middle-upcoming-event p::after {
          width: 100%;
          height: 100%; } }
      @media only screen and (min-width: 1280px) {
        .section-splide-cca .container .middle-upcoming-event p::after {
          width: 50%;
          height: 50%; } }

@media only screen and (max-width: 480px) {
  .section-support-us h1 {
    font-size: 32px; } }
@media only screen and (min-width: 768px) {
  .section-support-us h1 {
    font-size: 48px; } }
@media only screen and (min-width: 960px) {
  .section-support-us h1 {
    padding: 4rem;
    font-size: 60px; } }
@media only screen and (min-width: 1280px) {
  .section-support-us h1 {
    padding: 4rem;
    font-size: 70px;
    text-align: center; } }
@media only screen and (max-width: 480px) {
  .section-support-us p {
    font-size: 18px; } }
@media only screen and (min-width: 768px) {
  .section-support-us p {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .section-support-us p {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .section-support-us p {
    font-size: 20px; } }

.bg-shop {
  background-image: url("../img/su-3x2.png");
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.bg-facility {
  background-image: url("../img/community-6x2.png");
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

.bg-srp {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important; }

@media only screen and (max-width: 480px) {
  .border-shop {
    font-size: 48px;
    color: white;
    border: white 4px solid;
    width: fit-content;
    height: fit-content;
    padding: 1.5rem;
    margin: 51px auto;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 768px) {
  .border-shop {
    color: white;
    font-size: 48px;
    border: white 4px solid;
    height: fit-content;
    width: fit-content;
    margin: 24px auto;
    padding: 1rem;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 960px) {
  .border-shop {
    color: white;
    font-size: 60px;
    border: white 4px solid;
    height: fit-content;
    width: fit-content;
    margin: 50px auto;
    padding: 1rem;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 1280px) {
  .border-shop {
    font-size: 80px;
    text-align: center;
    color: white;
    border: white 4px solid;
    height: fit-content;
    padding: 2rem;
    margin: 40px auto;
    text-align: center;
    letter-spacing: 4px; } }

@media only screen and (max-width: 480px) {
  .border-facility {
    font-size: 48px;
    color: white;
    border: white 4px solid;
    width: 300px;
    height: fit-content;
    padding: 1.5rem;
    margin: 16px auto;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 768px) {
  .border-facility {
    color: white;
    font-size: 48px;
    border: white 4px solid;
    height: fit-content;
    width: fit-content;
    margin: 24px auto;
    padding: 1rem;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 960px) {
  .border-facility {
    color: white;
    font-size: 60px;
    border: white 4px solid;
    height: fit-content;
    width: fit-content;
    margin: 50px auto;
    padding: 1rem;
    text-align: center;
    letter-spacing: 4px; } }
@media only screen and (min-width: 1280px) {
  .border-facility {
    font-size: 80px;
    text-align: center;
    color: white;
    border: white 4px solid;
    width: 800px;
    height: fit-content;
    padding: 0rem;
    margin: 90px auto;
    text-align: center;
    letter-spacing: 4px; } }

.banner-mobile {
  display: flex;
  background-repeat: no-repeat;
  background-position: 50% 95%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-shadow: 0px 1px 4px black; }
  @media only screen and (max-width: 480px) {
    .banner-mobile {
      height: 30vh; } }
  @media only screen and (min-width: 768px) {
    .banner-mobile {
      height: 20vh; } }
  @media only screen and (min-width: 960px) {
    .banner-mobile {
      height: 30vh; } }
  @media only screen and (min-width: 1280px) {
    .banner-mobile {
      height: 40vh; } }

.parser-mb p {
  margin-bottom: 1rem; }
.parser-mb p:last-child {
  margin-bottom: 0rem; }

.parser-life-sna p {
  margin-bottom: 1rem; }

@media only screen and (max-width: 480px) {
  .section-more-life-at-sna p {
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .section-more-life-at-sna p {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .section-more-life-at-sna p {
    font-size: 20px; } }
@media only screen and (min-width: 1280px) {
  .section-more-life-at-sna p {
    font-size: 24px; } }

.intro-support-us p {
  margin-bottom: 1rem; }
.intro-support-us p:nth-last-child(2) {
  margin-bottom: 0rem; }

.datetimepicker-dummy .datetimepicker-dummy-wrapper {
  background: #ededed !important;
  border-radius: 10px !important;
  max-width: 80% !important; }

.datetimepicker-dummy .datetimepicker-clear-button {
  position: relative !important;
  right: 30px !important; }

#team-enrollment.active::after {
  content: unset !important; }

#guide-enrollment.active::after {
  content: unset !important; }

.nav-wizard-bat li {
  list-style: none !important;
  list-style-type: none !important; }
.nav-wizard-bat a {
  font-family: 'unicode.futurab_0'; }

.book-a-tour h2 {
  font-family: 'GOTHAM-BOLD';
  color: #606060;
  letter-spacing: 1px; }
  @media only screen and (max-width: 480px) {
    .book-a-tour h2 {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) {
    .book-a-tour h2 {
      font-size: 20px; } }
  @media only screen and (min-width: 960px) {
    .book-a-tour h2 {
      font-size: 22px; } }
  @media only screen and (min-width: 1280px) {
    .book-a-tour h2 {
      font-size: 24px; } }
.book-a-tour h3 {
  font-family: 'unicode.futurab_0'; }
  @media only screen and (max-width: 480px) {
    .book-a-tour h3 {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) {
    .book-a-tour h3 {
      font-size: 20px; } }
  @media only screen and (min-width: 960px) {
    .book-a-tour h3 {
      font-size: 18px; } }
  @media only screen and (min-width: 1280px) {
    .book-a-tour h3 {
      font-size: 18px; } }
.book-a-tour h4 {
  font-family: 'unicode.futurab_0';
  color: #F28020; }
  @media only screen and (max-width: 480px) {
    .book-a-tour h4 {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) {
    .book-a-tour h4 {
      font-size: 20px; } }
  @media only screen and (min-width: 960px) {
    .book-a-tour h4 {
      font-size: 22px; } }
  @media only screen and (min-width: 1280px) {
    .book-a-tour h4 {
      font-size: 24px; } }
@media only screen and (max-width: 480px) {
  .book-a-tour h5 {
    font-size: 18px; } }
@media only screen and (min-width: 768px) {
  .book-a-tour h5 {
    font-size: 20px; } }
@media only screen and (min-width: 960px) {
  .book-a-tour h5 {
    font-size: 22px; } }
@media only screen and (min-width: 1280px) {
  .book-a-tour h5 {
    font-size: 24px; } }

.radio-list .radio {
  display: block; }
  .radio-list .radio + .radio {
    margin-left: 0; }

#children-more {
  top: -25px;
  left: 70px;
  width: 50px; }

#labeled {
  font-family: 'OpenSans-Bold_0';
  font-size: 16px;
  line-height: unset !important;
  letter-spacing: 1px;
  margin-top: 1rem;
  color: #606060; }

.progress.is-orange::-webkit-progress-value {
  background-color: #F28020; }

input[type='radio'].radio-bat:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px !important;
  left: -1px !important;
  position: relative;
  background-color: #ededed;
  content: '';
  display: inline-block;
  visibility: visible; }

input[type='radio'].radio-bat:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px !important;
  left: -1px !important;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 3px solid #ef8021; }

input[type='radio'].radio-bat-tab-2:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 4px;
  left: 1px;
  position: relative;
  background-color: #ededed;
  content: '';
  display: inline-block;
  visibility: visible; }

input[type='radio'].radio-bat-tab-2:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 4px;
  left: 1px;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 3px solid #ef8021; }

.button-bat-4 {
  width: fit-content;
  height: 62px;
  background-color: #F18020;
  color: #ffffff;
  font-family: 'unicode.futurab_0';
  font-size: 19px;
  text-align: center;
  text-transform: uppercase;
  border: unset;
  border-radius: 45px;
  margin-top: 3rem; }
  @media only screen and (max-width: 769px) {
    .button-bat-4 {
      height: 40px;
      font-size: 15px; } }
  .button-bat-4.btn-back {
    background-color: #7F7F7F; }

#confirm-booking .box {
  background-color: #fff;
  border-radius: 64px;
  color: #4a4a4a;
  display: block;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    #confirm-booking .box {
      padding: 2rem;
      width: 250px; } }
  @media only screen and (min-width: 768px) {
    #confirm-booking .box {
      padding: 2rem;
      width: 450px; } }
  @media only screen and (min-width: 960px) {
    #confirm-booking .box {
      padding: 2rem;
      width: 500px; } }
  @media only screen and (min-width: 1280px) {
    #confirm-booking .box {
      padding: 3rem;
      width: 600px; } }
#confirm-booking h5 {
  color: #ef8021;
  font-family: 'unicode.futurab_0';
  font-weight: 700; }
  @media only screen and (max-width: 480px) {
    #confirm-booking h5 {
      font-size: 22px; } }
  @media only screen and (min-width: 768px) {
    #confirm-booking h5 {
      font-size: 26px; } }
  @media only screen and (min-width: 960px) {
    #confirm-booking h5 {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    #confirm-booking h5 {
      font-size: 36px; } }

.button-close-ok {
  display: flex;
  margin: 0 auto;
  width: 100px;
  height: 60px;
  text-align: center;
  color: white;
  font-family: 'unicode.futurab_0';
  font-weight: 700;
  background: #ef8021;
  border-radius: 10px; }
  @media only screen and (max-width: 480px) {
    .button-close-ok {
      font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    .button-close-ok {
      font-size: 28px; } }
  @media only screen and (min-width: 960px) {
    .button-close-ok {
      font-size: 32px; } }
  @media only screen and (min-width: 1280px) {
    .button-close-ok {
      font-size: 36px; } }

@media only screen and (max-width: 480px) {
  #checkmark-bat {
    top: 76px !important;
    left: 30px !important;
    z-index: 2; } }
@media only screen and (min-width: 768px) {
  #checkmark-bat {
    top: 76px !important;
    left: 30px !important;
    z-index: 2; } }
@media only screen and (min-width: 960px) {
  #checkmark-bat {
    top: 50px !important;
    left: 0px !important;
    z-index: 2; } }
@media only screen and (min-width: 1280px) {
  #checkmark-bat {
    top: 76px !important;
    left: 0px !important;
    z-index: 2; } }

@media only screen and (max-width: 480px) {
  #column-bat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; } }
@media only screen and (min-width: 768px) {
  #column-bat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; } }
@media only screen and (min-width: 960px) {
  #column-bat {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: left;
    align-items: start; } }
@media only screen and (min-width: 1280px) {
  #column-bat {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: left;
    align-items: start; } }

.li-bat {
  list-style: disc;
  list-style-type: disc; }

.li-bat::marker {
  color: #ef8021;
  font-size: 24px !important; }

#label-bat {
  font-family: 'Opensans-Regular' !important;
  direction: rtl;
  width: 210px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.column .button-time-bat {
  width: 110px;
  border: black 1px solid; }
  .column .button-time-bat.is-active {
    border: white 1px solid;
    background: #ef8021;
    color: white; }

.checkbox-policy-2::after {
  top: 3px !important; }

.datetimepicker.is-orange .datepicker-nav {
  background: #ef8021;
  color: #fff; }

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
  background: 0 0;
  border: 0.1rem dotted #ef8021 !important;
  color: #ef8021 !important; }

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
  background: #ef8021 !important;
  border-color: #ef8021 !important;
  border-radius: 25091983px;
  color: #fff; }

.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-day {
  flex: 0;
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-right: 0.5rem;
  color: #ef8021 !important;
  font-weight: 100; }

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
  background: #fff;
  border: 0.1rem solid #ef8021 !important;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none; }

.datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
  background: #ef8021 !important;
  border-color: #ef8021 !important;
  color: #fff; }

.datetimepicker-dummy .datetimepicker-clear-button {
  color: #606060 !important; }

.datetimepicker-dummy .datetimepicker-clear-button {
  margin: 0.2rem 0.2rem 0 0 !important; }

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child {
  text-indent: 1.5rem !important; }

html {
  scroll-behavior: smooth; }

/* Style the form */
#regForm {
  width: 100%; }

/* Style the input fields */
/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd !important;
  width: 80%; }

/* Hide all steps by default: */
.tab {
  display: none; }

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }

/* Mark the active step: */
.step.active {
  opacity: 1; }

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D; }

.button-bat-prev {
  background-color: #7F7F7F;
  width: 132px;
  height: 62px;
  color: #ffffff;
  font-family: 'unicode.futurab_0';
  font-size: 19px;
  text-align: center;
  text-transform: uppercase;
  border: unset;
  border-radius: 45px; }

.button-bat {
  width: 132px;
  height: 62px;
  background-color: #F18020;
  color: #ffffff;
  font-family: 'unicode.futurab_0';
  font-size: 19px;
  text-align: center;
  text-transform: uppercase;
  border: unset;
  border-radius: 45px; }
  .button-bat :hover {
    background-color: white; }

.pointer-event {
  pointer-events: none; }

.visibility-on {
  display: block; }

.visibility-off {
  display: none; }

.pla-new {
  background-color: red;
  padding: 2px;
  border-radius: 4px; }

.pla-mobile {
  background: white;
  color: #EF8021;
  padding: 4px;
  border-radius: 4px; }

@media only screen and (max-width: 480px) {
  .bg-highschool-v2 {
    height: 15vh; } }
@media only screen and (min-width: 768px) {
  .bg-highschool-v2 {
    height: 35vh; } }
@media only screen and (min-width: 960px) {
  .bg-highschool-v2 {
    height: 50vh; } }
@media only screen and (min-width: 1366px) {
  .bg-highschool-v2 {
    height: 60vh; } }
@media only screen and (min-width: 1920px) {
  .bg-highschool-v2 {
    height: 45vh; } }

@media only screen and (max-width: 480px) {
  .highschool-v2 h1 {
    font-size: 2rem; } }
@media only screen and (min-width: 768px) {
  .highschool-v2 h1 {
    font-size: 3.5rem; } }
@media only screen and (min-width: 960px) {
  .highschool-v2 h1 {
    font-size: 4rem; } }
@media only screen and (min-width: 1366px) {
  .highschool-v2 h1 {
    font-size: 4.375rem; } }
@media only screen and (max-width: 480px) {
  .highschool-v2 h2 {
    font-size: 2rem; } }
@media only screen and (min-width: 768px) {
  .highschool-v2 h2 {
    font-size: 3.5rem; } }
@media only screen and (min-width: 960px) {
  .highschool-v2 h2 {
    font-size: 4rem; } }
@media only screen and (min-width: 1366px) {
  .highschool-v2 h2 {
    font-size: 70px; } }

@media only screen and (min-width: 960px) {
  .content-highschool h3 {
    font-size: 21px; } }
@media only screen and (min-width: 1366px) {
  .content-highschool h3 {
    font-size: 24px; } }

.text-shadow {
  text-shadow: 2px 2px #000000; }

.image-anak {
  position: absolute; }
  @media only screen and (max-width: 480px) {
    .image-anak {
      position: relative;
      top: -40px;
      left: -20px;
      width: 350px; } }
  @media only screen and (min-width: 768px) {
    .image-anak {
      visibility: hidden; } }
  @media only screen and (min-width: 960px) {
    .image-anak {
      visibility: visible;
      top: -62px;
      left: -55px;
      width: 380px; } }
  @media only screen and (min-width: 1366px) {
    .image-anak {
      top: -125px;
      left: -50px;
      width: 400px; } }
  @media screen and (min-width: 1600px) {
    .image-anak {
      top: -155px; } }
  @media only screen and (min-width: 1920px) {
    .image-anak {
      top: -150px; } }

@media only screen and (max-width: 480px) {
  .hs-desc {
    font-size: 13px; } }
@media only screen and (min-width: 768px) {
  .hs-desc {
    font-size: 22px; } }
@media only screen and (min-width: 960px) {
  .hs-desc {
    font-size: 24px; } }
@media only screen and (min-width: 1366px) {
  .hs-desc {
    font-size: 28px; } }

@media only screen and (max-width: 480px) {
  .hs-info {
    font-size: 1.5rem; } }
@media only screen and (min-width: 768px) {
  .hs-info {
    font-size: 1.25rem; } }
@media only screen and (min-width: 960px) {
  .hs-info {
    font-size: 1.5rem; } }
@media only screen and (min-width: 1366px) {
  .hs-info {
    font-size: 2rem; } }

@media only screen and (max-width: 480px) {
  .hs-highlight {
    font-size: 1rem; } }
@media only screen and (min-width: 768px) {
  .hs-highlight {
    font-size: 1.25rem; } }
@media only screen and (min-width: 960px) {
  .hs-highlight {
    font-size: 1.5rem; } }
@media only screen and (min-width: 1366px) {
  .hs-highlight {
    font-size: 1.75rem; } }

@media only screen and (max-width: 480px) {
  .hs-col-yo {
    position: relative;
    left: -25px;
    top: 0px;
    font-size: 10px; } }
@media only screen and (min-width: 768px) {
  .hs-col-yo {
    position: relative;
    left: -40px;
    top: -2px; } }
@media only screen and (min-width: 960px) {
  .hs-col-yo {
    position: relative;
    left: -40px;
    top: -5px; } }
@media only screen and (min-width: 1366px) {
  .hs-col-yo {
    position: relative;
    left: -40px;
    top: -5px; } }
@media only screen and (min-width: 1920px) {
  .hs-col-yo {
    position: relative;
    left: -40px;
    top: -5px; } }

@media only screen and (max-width: 480px) {
  .hs-p {
    font-size: 1rem; } }
@media only screen and (min-width: 768px) {
  .hs-p {
    font-size: 1.25rem; } }

.image-hs-highlight {
  width: 250px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    .image-hs-highlight {
      width: 150px; } }

@media only screen and (max-width: 480px) {
  .splide-hs {
    height: fit-content; } }
@media only screen and (min-width: 768px) {
  .splide-hs {
    height: fit-content; } }

@media only screen and (max-width: 480px) {
  .col-hs-splide {
    padding-left: 3rem;
    padding-right: 3rem; } }

.col-hs-indonation {
  position: relative;
  top: -20px;
  left: -20px; }
  @media only screen and (max-width: 480px) {
    .col-hs-indonation {
      top: 0;
      left: 0; } }

.hs-p-alumni p {
  margin-bottom: 1rem; }

.splide-alumni {
  height: fit-content; }

@media only screen and (max-width: 480px) {
  .image-hs-modal {
    width: 160px;
    margin: 0 auto; } }

@media only screen and (max-width: 480px) {
  .hs-modal h2 {
    font-size: 1rem; } }
@media only screen and (min-width: 768px) {
  .hs-modal h2 {
    font-size: 1.25rem; } }
@media only screen and (max-width: 480px) {
  .hs-modal h3 {
    font-size: 0.875rem; } }
@media only screen and (min-width: 768px) {
  .hs-modal h3 {
    font-size: 0.9375rem; } }

.image-activity-stuco {
  height: 100%; }

.image-elc-lanjutan {
  width: 600px;
  height: 300px;
  margin: 0 auto; }

.image-university-highschool {
  width: 200px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin: 0 auto; }

.image-journey {
  object-fit: cover; }
  .image-journey img {
    object-fit: cover;
    height: 100%; }

.icon-footer :hover {
  transform: scale(1.25);
  transition: all 0.3s; }

.news-mb p {
  margin-bottom: 1rem; }

.li-application-checklist ul {
  margin-left: 0rem !important; }
.li-application-checklist li {
  list-style: disc !important;
  list-style-type: disc !important; }
.li-application-checklist ::marker {
  color: #F18020 !important;
  font-size: 1rem; }

.is-fab {
  width: 100%;
  position: fixed;
  bottom: 35px;
  right: 35px;
  z-index: 99; }
  @media only screen and (max-width: 480px) {
    .is-fab {
      bottom: 30px;
      right: 30px; } }

.has-content-centered {
  display: flex;
  justify-content: right; }

.image-wa {
  width: 64px;
  height: 64px; }

@use 'sass:math';
@media only screen and (min-width: 1280px) {
  .font-1 {
    font-size: 1px; } }
@media only screen and (min-width: 960px) {
  .font-1 {
    font-size: 0.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-1 {
    font-size: 0.7692307692px; } }
@media only screen and (max-width: 769px) {
  .font-1 {
    font-size: 0.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-1 {
    font-size: 0.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-2 {
    font-size: 2px; } }
@media only screen and (min-width: 960px) {
  .font-2 {
    font-size: 1.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-2 {
    font-size: 1.5384615385px; } }
@media only screen and (max-width: 769px) {
  .font-2 {
    font-size: 1.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-2 {
    font-size: 1.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-3 {
    font-size: 3px; } }
@media only screen and (min-width: 960px) {
  .font-3 {
    font-size: 2.5px; } }
@media only screen and (min-width: 768px) {
  .font-3 {
    font-size: 2.3076923077px; } }
@media only screen and (max-width: 769px) {
  .font-3 {
    font-size: 2.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-3 {
    font-size: 2px; } }

@media only screen and (min-width: 1280px) {
  .font-4 {
    font-size: 4px; } }
@media only screen and (min-width: 960px) {
  .font-4 {
    font-size: 3.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-4 {
    font-size: 3.0769230769px; } }
@media only screen and (max-width: 769px) {
  .font-4 {
    font-size: 2.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-4 {
    font-size: 2.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-5 {
    font-size: 5px; } }
@media only screen and (min-width: 960px) {
  .font-5 {
    font-size: 4.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-5 {
    font-size: 3.8461538462px; } }
@media only screen and (max-width: 769px) {
  .font-5 {
    font-size: 3.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-5 {
    font-size: 3.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-6 {
    font-size: 6px; } }
@media only screen and (min-width: 960px) {
  .font-6 {
    font-size: 5px; } }
@media only screen and (min-width: 768px) {
  .font-6 {
    font-size: 4.6153846154px; } }
@media only screen and (max-width: 769px) {
  .font-6 {
    font-size: 4.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-6 {
    font-size: 4px; } }

@media only screen and (min-width: 1280px) {
  .font-7 {
    font-size: 7px; } }
@media only screen and (min-width: 960px) {
  .font-7 {
    font-size: 5.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-7 {
    font-size: 5.3846153846px; } }
@media only screen and (max-width: 769px) {
  .font-7 {
    font-size: 5px; } }
@media only screen and (max-width: 480px) {
  .font-7 {
    font-size: 4.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-8 {
    font-size: 8px; } }
@media only screen and (min-width: 960px) {
  .font-8 {
    font-size: 6.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-8 {
    font-size: 6.1538461538px; } }
@media only screen and (max-width: 769px) {
  .font-8 {
    font-size: 5.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-8 {
    font-size: 5.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-9 {
    font-size: 9px; } }
@media only screen and (min-width: 960px) {
  .font-9 {
    font-size: 7.5px; } }
@media only screen and (min-width: 768px) {
  .font-9 {
    font-size: 6.9230769231px; } }
@media only screen and (max-width: 769px) {
  .font-9 {
    font-size: 6.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-9 {
    font-size: 6px; } }

@media only screen and (min-width: 1280px) {
  .font-10 {
    font-size: 10px; } }
@media only screen and (min-width: 960px) {
  .font-10 {
    font-size: 8.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-10 {
    font-size: 7.6923076923px; } }
@media only screen and (max-width: 769px) {
  .font-10 {
    font-size: 7.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-10 {
    font-size: 6.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-11 {
    font-size: 11px; } }
@media only screen and (min-width: 960px) {
  .font-11 {
    font-size: 9.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-11 {
    font-size: 8.4615384615px; } }
@media only screen and (max-width: 769px) {
  .font-11 {
    font-size: 7.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-11 {
    font-size: 7.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-12 {
    font-size: 12px; } }
@media only screen and (min-width: 960px) {
  .font-12 {
    font-size: 10px; } }
@media only screen and (min-width: 768px) {
  .font-12 {
    font-size: 9.2307692308px; } }
@media only screen and (max-width: 769px) {
  .font-12 {
    font-size: 8.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-12 {
    font-size: 8px; } }

@media only screen and (min-width: 1280px) {
  .font-13 {
    font-size: 13px; } }
@media only screen and (min-width: 960px) {
  .font-13 {
    font-size: 10.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-13 {
    font-size: 10px; } }
@media only screen and (max-width: 769px) {
  .font-13 {
    font-size: 9.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-13 {
    font-size: 8.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-14 {
    font-size: 14px; } }
@media only screen and (min-width: 960px) {
  .font-14 {
    font-size: 11.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-14 {
    font-size: 10.7692307692px; } }
@media only screen and (max-width: 769px) {
  .font-14 {
    font-size: 10px; } }
@media only screen and (max-width: 480px) {
  .font-14 {
    font-size: 9.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-15 {
    font-size: 15px; } }
@media only screen and (min-width: 960px) {
  .font-15 {
    font-size: 12.5px; } }
@media only screen and (min-width: 768px) {
  .font-15 {
    font-size: 11.5384615385px; } }
@media only screen and (max-width: 769px) {
  .font-15 {
    font-size: 10.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-15 {
    font-size: 10px; } }

@media only screen and (min-width: 1280px) {
  .font-16 {
    font-size: 16px; } }
@media only screen and (min-width: 960px) {
  .font-16 {
    font-size: 13.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-16 {
    font-size: 12.3076923077px; } }
@media only screen and (max-width: 769px) {
  .font-16 {
    font-size: 11.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-16 {
    font-size: 10.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-17 {
    font-size: 17px; } }
@media only screen and (min-width: 960px) {
  .font-17 {
    font-size: 14.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-17 {
    font-size: 13.0769230769px; } }
@media only screen and (max-width: 769px) {
  .font-17 {
    font-size: 12.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-17 {
    font-size: 11.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-18 {
    font-size: 18px; } }
@media only screen and (min-width: 960px) {
  .font-18 {
    font-size: 15px; } }
@media only screen and (min-width: 768px) {
  .font-18 {
    font-size: 13.8461538462px; } }
@media only screen and (max-width: 769px) {
  .font-18 {
    font-size: 12.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-18 {
    font-size: 12px; } }

@media only screen and (min-width: 1280px) {
  .font-19 {
    font-size: 19px; } }
@media only screen and (min-width: 960px) {
  .font-19 {
    font-size: 15.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-19 {
    font-size: 14.6153846154px; } }
@media only screen and (max-width: 769px) {
  .font-19 {
    font-size: 13.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-19 {
    font-size: 12.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-20 {
    font-size: 20px; } }
@media only screen and (min-width: 960px) {
  .font-20 {
    font-size: 16.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-20 {
    font-size: 15.3846153846px; } }
@media only screen and (max-width: 769px) {
  .font-20 {
    font-size: 14.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-20 {
    font-size: 13.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-21 {
    font-size: 21px; } }
@media only screen and (min-width: 960px) {
  .font-21 {
    font-size: 17.5px; } }
@media only screen and (min-width: 768px) {
  .font-21 {
    font-size: 16.1538461538px; } }
@media only screen and (max-width: 769px) {
  .font-21 {
    font-size: 15px; } }
@media only screen and (max-width: 480px) {
  .font-21 {
    font-size: 14px; } }

@media only screen and (min-width: 1280px) {
  .font-22 {
    font-size: 22px; } }
@media only screen and (min-width: 960px) {
  .font-22 {
    font-size: 18.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-22 {
    font-size: 16.9230769231px; } }
@media only screen and (max-width: 769px) {
  .font-22 {
    font-size: 15.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-22 {
    font-size: 14.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-23 {
    font-size: 23px; } }
@media only screen and (min-width: 960px) {
  .font-23 {
    font-size: 19.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-23 {
    font-size: 17.6923076923px; } }
@media only screen and (max-width: 769px) {
  .font-23 {
    font-size: 16.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-23 {
    font-size: 15.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-24 {
    font-size: 24px; } }
@media only screen and (min-width: 960px) {
  .font-24 {
    font-size: 20px; } }
@media only screen and (min-width: 768px) {
  .font-24 {
    font-size: 18.4615384615px; } }
@media only screen and (max-width: 769px) {
  .font-24 {
    font-size: 17.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-24 {
    font-size: 16px; } }

@media only screen and (min-width: 1280px) {
  .font-25 {
    font-size: 25px; } }
@media only screen and (min-width: 960px) {
  .font-25 {
    font-size: 20.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-25 {
    font-size: 19.2307692308px; } }
@media only screen and (max-width: 769px) {
  .font-25 {
    font-size: 17.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-25 {
    font-size: 16.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-26 {
    font-size: 26px; } }
@media only screen and (min-width: 960px) {
  .font-26 {
    font-size: 21.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-26 {
    font-size: 20px; } }
@media only screen and (max-width: 769px) {
  .font-26 {
    font-size: 18.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-26 {
    font-size: 17.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-27 {
    font-size: 27px; } }
@media only screen and (min-width: 960px) {
  .font-27 {
    font-size: 22.5px; } }
@media only screen and (min-width: 768px) {
  .font-27 {
    font-size: 20.7692307692px; } }
@media only screen and (max-width: 769px) {
  .font-27 {
    font-size: 19.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-27 {
    font-size: 18px; } }

@media only screen and (min-width: 1280px) {
  .font-28 {
    font-size: 28px; } }
@media only screen and (min-width: 960px) {
  .font-28 {
    font-size: 23.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-28 {
    font-size: 21.5384615385px; } }
@media only screen and (max-width: 769px) {
  .font-28 {
    font-size: 20px; } }
@media only screen and (max-width: 480px) {
  .font-28 {
    font-size: 18.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-29 {
    font-size: 29px; } }
@media only screen and (min-width: 960px) {
  .font-29 {
    font-size: 24.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-29 {
    font-size: 22.3076923077px; } }
@media only screen and (max-width: 769px) {
  .font-29 {
    font-size: 20.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-29 {
    font-size: 19.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-30 {
    font-size: 30px; } }
@media only screen and (min-width: 960px) {
  .font-30 {
    font-size: 25px; } }
@media only screen and (min-width: 768px) {
  .font-30 {
    font-size: 23.0769230769px; } }
@media only screen and (max-width: 769px) {
  .font-30 {
    font-size: 21.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-30 {
    font-size: 20px; } }

@media only screen and (min-width: 1280px) {
  .font-31 {
    font-size: 31px; } }
@media only screen and (min-width: 960px) {
  .font-31 {
    font-size: 25.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-31 {
    font-size: 23.8461538462px; } }
@media only screen and (max-width: 769px) {
  .font-31 {
    font-size: 22.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-31 {
    font-size: 20.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-32 {
    font-size: 32px; } }
@media only screen and (min-width: 960px) {
  .font-32 {
    font-size: 26.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-32 {
    font-size: 24.6153846154px; } }
@media only screen and (max-width: 769px) {
  .font-32 {
    font-size: 22.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-32 {
    font-size: 21.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-33 {
    font-size: 33px; } }
@media only screen and (min-width: 960px) {
  .font-33 {
    font-size: 27.5px; } }
@media only screen and (min-width: 768px) {
  .font-33 {
    font-size: 25.3846153846px; } }
@media only screen and (max-width: 769px) {
  .font-33 {
    font-size: 23.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-33 {
    font-size: 22px; } }

@media only screen and (min-width: 1280px) {
  .font-34 {
    font-size: 34px; } }
@media only screen and (min-width: 960px) {
  .font-34 {
    font-size: 28.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-34 {
    font-size: 26.1538461538px; } }
@media only screen and (max-width: 769px) {
  .font-34 {
    font-size: 24.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-34 {
    font-size: 22.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-35 {
    font-size: 35px; } }
@media only screen and (min-width: 960px) {
  .font-35 {
    font-size: 29.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-35 {
    font-size: 26.9230769231px; } }
@media only screen and (max-width: 769px) {
  .font-35 {
    font-size: 25px; } }
@media only screen and (max-width: 480px) {
  .font-35 {
    font-size: 23.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-36 {
    font-size: 36px; } }
@media only screen and (min-width: 960px) {
  .font-36 {
    font-size: 30px; } }
@media only screen and (min-width: 768px) {
  .font-36 {
    font-size: 27.6923076923px; } }
@media only screen and (max-width: 769px) {
  .font-36 {
    font-size: 25.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-36 {
    font-size: 24px; } }

@media only screen and (min-width: 1280px) {
  .font-37 {
    font-size: 37px; } }
@media only screen and (min-width: 960px) {
  .font-37 {
    font-size: 30.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-37 {
    font-size: 28.4615384615px; } }
@media only screen and (max-width: 769px) {
  .font-37 {
    font-size: 26.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-37 {
    font-size: 24.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-38 {
    font-size: 38px; } }
@media only screen and (min-width: 960px) {
  .font-38 {
    font-size: 31.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-38 {
    font-size: 29.2307692308px; } }
@media only screen and (max-width: 769px) {
  .font-38 {
    font-size: 27.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-38 {
    font-size: 25.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-39 {
    font-size: 39px; } }
@media only screen and (min-width: 960px) {
  .font-39 {
    font-size: 32.5px; } }
@media only screen and (min-width: 768px) {
  .font-39 {
    font-size: 30px; } }
@media only screen and (max-width: 769px) {
  .font-39 {
    font-size: 27.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-39 {
    font-size: 26px; } }

@media only screen and (min-width: 1280px) {
  .font-40 {
    font-size: 40px; } }
@media only screen and (min-width: 960px) {
  .font-40 {
    font-size: 33.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-40 {
    font-size: 30.7692307692px; } }
@media only screen and (max-width: 769px) {
  .font-40 {
    font-size: 28.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-40 {
    font-size: 26.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-41 {
    font-size: 41px; } }
@media only screen and (min-width: 960px) {
  .font-41 {
    font-size: 34.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-41 {
    font-size: 31.5384615385px; } }
@media only screen and (max-width: 769px) {
  .font-41 {
    font-size: 29.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-41 {
    font-size: 27.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-42 {
    font-size: 42px; } }
@media only screen and (min-width: 960px) {
  .font-42 {
    font-size: 35px; } }
@media only screen and (min-width: 768px) {
  .font-42 {
    font-size: 32.3076923077px; } }
@media only screen and (max-width: 769px) {
  .font-42 {
    font-size: 30px; } }
@media only screen and (max-width: 480px) {
  .font-42 {
    font-size: 28px; } }

@media only screen and (min-width: 1280px) {
  .font-43 {
    font-size: 43px; } }
@media only screen and (min-width: 960px) {
  .font-43 {
    font-size: 35.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-43 {
    font-size: 33.0769230769px; } }
@media only screen and (max-width: 769px) {
  .font-43 {
    font-size: 30.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-43 {
    font-size: 28.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-44 {
    font-size: 44px; } }
@media only screen and (min-width: 960px) {
  .font-44 {
    font-size: 36.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-44 {
    font-size: 33.8461538462px; } }
@media only screen and (max-width: 769px) {
  .font-44 {
    font-size: 31.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-44 {
    font-size: 29.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-45 {
    font-size: 45px; } }
@media only screen and (min-width: 960px) {
  .font-45 {
    font-size: 37.5px; } }
@media only screen and (min-width: 768px) {
  .font-45 {
    font-size: 34.6153846154px; } }
@media only screen and (max-width: 769px) {
  .font-45 {
    font-size: 32.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-45 {
    font-size: 30px; } }

@media only screen and (min-width: 1280px) {
  .font-46 {
    font-size: 46px; } }
@media only screen and (min-width: 960px) {
  .font-46 {
    font-size: 38.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-46 {
    font-size: 35.3846153846px; } }
@media only screen and (max-width: 769px) {
  .font-46 {
    font-size: 32.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-46 {
    font-size: 30.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-47 {
    font-size: 47px; } }
@media only screen and (min-width: 960px) {
  .font-47 {
    font-size: 39.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-47 {
    font-size: 36.1538461538px; } }
@media only screen and (max-width: 769px) {
  .font-47 {
    font-size: 33.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-47 {
    font-size: 31.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-48 {
    font-size: 48px; } }
@media only screen and (min-width: 960px) {
  .font-48 {
    font-size: 40px; } }
@media only screen and (min-width: 768px) {
  .font-48 {
    font-size: 36.9230769231px; } }
@media only screen and (max-width: 769px) {
  .font-48 {
    font-size: 34.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-48 {
    font-size: 32px; } }

@media only screen and (min-width: 1280px) {
  .font-49 {
    font-size: 49px; } }
@media only screen and (min-width: 960px) {
  .font-49 {
    font-size: 40.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-49 {
    font-size: 37.6923076923px; } }
@media only screen and (max-width: 769px) {
  .font-49 {
    font-size: 35px; } }
@media only screen and (max-width: 480px) {
  .font-49 {
    font-size: 32.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-50 {
    font-size: 50px; } }
@media only screen and (min-width: 960px) {
  .font-50 {
    font-size: 41.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-50 {
    font-size: 38.4615384615px; } }
@media only screen and (max-width: 769px) {
  .font-50 {
    font-size: 35.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-50 {
    font-size: 33.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-51 {
    font-size: 51px; } }
@media only screen and (min-width: 960px) {
  .font-51 {
    font-size: 42.5px; } }
@media only screen and (min-width: 768px) {
  .font-51 {
    font-size: 39.2307692308px; } }
@media only screen and (max-width: 769px) {
  .font-51 {
    font-size: 36.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-51 {
    font-size: 34px; } }

@media only screen and (min-width: 1280px) {
  .font-52 {
    font-size: 52px; } }
@media only screen and (min-width: 960px) {
  .font-52 {
    font-size: 43.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-52 {
    font-size: 40px; } }
@media only screen and (max-width: 769px) {
  .font-52 {
    font-size: 37.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-52 {
    font-size: 34.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-53 {
    font-size: 53px; } }
@media only screen and (min-width: 960px) {
  .font-53 {
    font-size: 44.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-53 {
    font-size: 40.7692307692px; } }
@media only screen and (max-width: 769px) {
  .font-53 {
    font-size: 37.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-53 {
    font-size: 35.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-54 {
    font-size: 54px; } }
@media only screen and (min-width: 960px) {
  .font-54 {
    font-size: 45px; } }
@media only screen and (min-width: 768px) {
  .font-54 {
    font-size: 41.5384615385px; } }
@media only screen and (max-width: 769px) {
  .font-54 {
    font-size: 38.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-54 {
    font-size: 36px; } }

@media only screen and (min-width: 1280px) {
  .font-55 {
    font-size: 55px; } }
@media only screen and (min-width: 960px) {
  .font-55 {
    font-size: 45.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-55 {
    font-size: 42.3076923077px; } }
@media only screen and (max-width: 769px) {
  .font-55 {
    font-size: 39.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-55 {
    font-size: 36.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-56 {
    font-size: 56px; } }
@media only screen and (min-width: 960px) {
  .font-56 {
    font-size: 46.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-56 {
    font-size: 43.0769230769px; } }
@media only screen and (max-width: 769px) {
  .font-56 {
    font-size: 40px; } }
@media only screen and (max-width: 480px) {
  .font-56 {
    font-size: 37.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-57 {
    font-size: 57px; } }
@media only screen and (min-width: 960px) {
  .font-57 {
    font-size: 47.5px; } }
@media only screen and (min-width: 768px) {
  .font-57 {
    font-size: 43.8461538462px; } }
@media only screen and (max-width: 769px) {
  .font-57 {
    font-size: 40.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-57 {
    font-size: 38px; } }

@media only screen and (min-width: 1280px) {
  .font-58 {
    font-size: 58px; } }
@media only screen and (min-width: 960px) {
  .font-58 {
    font-size: 48.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-58 {
    font-size: 44.6153846154px; } }
@media only screen and (max-width: 769px) {
  .font-58 {
    font-size: 41.4285714286px; } }
@media only screen and (max-width: 480px) {
  .font-58 {
    font-size: 38.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-59 {
    font-size: 59px; } }
@media only screen and (min-width: 960px) {
  .font-59 {
    font-size: 49.1666666667px; } }
@media only screen and (min-width: 768px) {
  .font-59 {
    font-size: 45.3846153846px; } }
@media only screen and (max-width: 769px) {
  .font-59 {
    font-size: 42.1428571429px; } }
@media only screen and (max-width: 480px) {
  .font-59 {
    font-size: 39.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-60 {
    font-size: 60px; } }
@media only screen and (min-width: 960px) {
  .font-60 {
    font-size: 50px; } }
@media only screen and (min-width: 768px) {
  .font-60 {
    font-size: 46.1538461538px; } }
@media only screen and (max-width: 769px) {
  .font-60 {
    font-size: 42.8571428571px; } }
@media only screen and (max-width: 480px) {
  .font-60 {
    font-size: 40px; } }

@media only screen and (min-width: 1280px) {
  .font-61 {
    font-size: 61px; } }
@media only screen and (min-width: 960px) {
  .font-61 {
    font-size: 50.8333333333px; } }
@media only screen and (min-width: 768px) {
  .font-61 {
    font-size: 46.9230769231px; } }
@media only screen and (max-width: 769px) {
  .font-61 {
    font-size: 43.5714285714px; } }
@media only screen and (max-width: 480px) {
  .font-61 {
    font-size: 40.6666666667px; } }

@media only screen and (min-width: 1280px) {
  .font-62 {
    font-size: 62px; } }
@media only screen and (min-width: 960px) {
  .font-62 {
    font-size: 51.6666666667px; } }
@media only screen and (min-width: 768px) {
  .font-62 {
    font-size: 47.6923076923px; } }
@media only screen and (max-width: 769px) {
  .font-62 {
    font-size: 44.2857142857px; } }
@media only screen and (max-width: 480px) {
  .font-62 {
    font-size: 41.3333333333px; } }

@media only screen and (min-width: 1280px) {
  .font-63 {
    font-size: 63px; } }
@media only screen and (min-width: 960px) {
  .font-63 {
    font-size: 52.5px; } }
@media only screen and (min-width: 768px) {
  .font-63 {
    font-size: 48.4615384615px; } }
@media only screen and (max-width: 769px) {
  .font-63 {
    font-size: 45px; } }
@media only screen and (max-width: 480px) {
  .font-63 {
    font-size: 42px; } }

@media only screen and (min-width: 1280px) {
  .font-64 {
    font-size: 64px; } }
@media only screen and (min-width: 960px) {
  .font-64 {
    font-size: 53.3333333333px; } }
@media only screen and (min-width: 768px) {
  .font-64 {
    font-size: 49.2307692308px; } }
@media only screen and (max-width: 769px) {
  .font-64 {
    font-size: 45.7142857143px; } }
@media only screen and (max-width: 480px) {
  .font-64 {
    font-size: 42.6666666667px; } }

.border-radius-1 {
  border-radius: 1px; }

.border-radius-2 {
  border-radius: 2px; }

.border-radius-3 {
  border-radius: 3px; }

.border-radius-4 {
  border-radius: 4px; }

.border-radius-5 {
  border-radius: 5px; }

.border-radius-6 {
  border-radius: 6px; }

.border-radius-7 {
  border-radius: 7px; }

.border-radius-8 {
  border-radius: 8px; }

.border-radius-9 {
  border-radius: 9px; }

.border-radius-10 {
  border-radius: 10px; }

.border-radius-11 {
  border-radius: 11px; }

.border-radius-12 {
  border-radius: 12px; }

.border-radius-13 {
  border-radius: 13px; }

.border-radius-14 {
  border-radius: 14px; }

.border-radius-15 {
  border-radius: 15px; }

.border-radius-16 {
  border-radius: 16px; }

.border-radius-17 {
  border-radius: 17px; }

.border-radius-18 {
  border-radius: 18px; }

.border-radius-19 {
  border-radius: 19px; }

.border-radius-20 {
  border-radius: 20px; }

.border-radius-21 {
  border-radius: 21px; }

.border-radius-22 {
  border-radius: 22px; }

.border-radius-23 {
  border-radius: 23px; }

.border-radius-24 {
  border-radius: 24px; }

.border-radius-25 {
  border-radius: 25px; }

.border-radius-26 {
  border-radius: 26px; }

.border-radius-27 {
  border-radius: 27px; }

.border-radius-28 {
  border-radius: 28px; }

.border-radius-29 {
  border-radius: 29px; }

.border-radius-30 {
  border-radius: 30px; }

.border-radius-31 {
  border-radius: 31px; }

.border-radius-32 {
  border-radius: 32px; }

.border-radius-33 {
  border-radius: 33px; }

.border-radius-34 {
  border-radius: 34px; }

.border-radius-35 {
  border-radius: 35px; }

.border-radius-36 {
  border-radius: 36px; }

.border-radius-37 {
  border-radius: 37px; }

.border-radius-38 {
  border-radius: 38px; }

.border-radius-39 {
  border-radius: 39px; }

.border-radius-40 {
  border-radius: 40px; }

.border-radius-41 {
  border-radius: 41px; }

.border-radius-42 {
  border-radius: 42px; }

.border-radius-43 {
  border-radius: 43px; }

.border-radius-44 {
  border-radius: 44px; }

.border-radius-45 {
  border-radius: 45px; }

.border-radius-46 {
  border-radius: 46px; }

.border-radius-47 {
  border-radius: 47px; }

.border-radius-48 {
  border-radius: 48px; }

.border-radius-49 {
  border-radius: 49px; }

.border-radius-50 {
  border-radius: 50px; }

.border-radius-51 {
  border-radius: 51px; }

.border-radius-52 {
  border-radius: 52px; }

.border-radius-53 {
  border-radius: 53px; }

.border-radius-54 {
  border-radius: 54px; }

.border-radius-55 {
  border-radius: 55px; }

.border-radius-56 {
  border-radius: 56px; }

.border-radius-57 {
  border-radius: 57px; }

.border-radius-58 {
  border-radius: 58px; }

.border-radius-59 {
  border-radius: 59px; }

.border-radius-60 {
  border-radius: 60px; }

.border-radius-61 {
  border-radius: 61px; }

.border-radius-62 {
  border-radius: 62px; }

.border-radius-63 {
  border-radius: 63px; }

.border-radius-64 {
  border-radius: 64px; }

.border-radius-65 {
  border-radius: 65px; }

.border-radius-66 {
  border-radius: 66px; }

.border-radius-67 {
  border-radius: 67px; }

.border-radius-68 {
  border-radius: 68px; }

.border-radius-69 {
  border-radius: 69px; }

.border-radius-70 {
  border-radius: 70px; }

.border-radius-71 {
  border-radius: 71px; }

.border-radius-72 {
  border-radius: 72px; }

.border-radius-73 {
  border-radius: 73px; }

.border-radius-74 {
  border-radius: 74px; }

.border-radius-75 {
  border-radius: 75px; }

.border-radius-76 {
  border-radius: 76px; }

.border-radius-77 {
  border-radius: 77px; }

.border-radius-78 {
  border-radius: 78px; }

.border-radius-79 {
  border-radius: 79px; }

.border-radius-80 {
  border-radius: 80px; }

.border-radius-81 {
  border-radius: 81px; }

.border-radius-82 {
  border-radius: 82px; }

.border-radius-83 {
  border-radius: 83px; }

.border-radius-84 {
  border-radius: 84px; }

.border-radius-85 {
  border-radius: 85px; }

.border-radius-86 {
  border-radius: 86px; }

.border-radius-87 {
  border-radius: 87px; }

.border-radius-88 {
  border-radius: 88px; }

.border-radius-89 {
  border-radius: 89px; }

.border-radius-90 {
  border-radius: 90px; }

.border-radius-91 {
  border-radius: 91px; }

.border-radius-92 {
  border-radius: 92px; }

.border-radius-93 {
  border-radius: 93px; }

.border-radius-94 {
  border-radius: 94px; }

.border-radius-95 {
  border-radius: 95px; }

.border-radius-96 {
  border-radius: 96px; }

.border-radius-97 {
  border-radius: 97px; }

.border-radius-98 {
  border-radius: 98px; }

.border-radius-99 {
  border-radius: 99px; }

.border-radius-100 {
  border-radius: 100px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-1 {
    letter-spacing: 1px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-1 {
    letter-spacing: 0.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-1 {
    letter-spacing: 0.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-1 {
    letter-spacing: 0.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-1 {
    letter-spacing: 0.3333333333px; } }

.line-height-1 {
  line-height: 1px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-2 {
    letter-spacing: 2px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-2 {
    letter-spacing: 1.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-2 {
    letter-spacing: 1px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-2 {
    letter-spacing: 0.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-2 {
    letter-spacing: 0.6666666667px; } }

.line-height-2 {
  line-height: 2px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-3 {
    letter-spacing: 3px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-3 {
    letter-spacing: 2px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-3 {
    letter-spacing: 1.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-3 {
    letter-spacing: 1.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-3 {
    letter-spacing: 1px; } }

.line-height-3 {
  line-height: 3px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-4 {
    letter-spacing: 4px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-4 {
    letter-spacing: 2.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-4 {
    letter-spacing: 2px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-4 {
    letter-spacing: 1.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-4 {
    letter-spacing: 1.3333333333px; } }

.line-height-4 {
  line-height: 4px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-5 {
    letter-spacing: 5px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-5 {
    letter-spacing: 3.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-5 {
    letter-spacing: 2.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-5 {
    letter-spacing: 2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-5 {
    letter-spacing: 1.6666666667px; } }

.line-height-5 {
  line-height: 5px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-6 {
    letter-spacing: 6px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-6 {
    letter-spacing: 4px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-6 {
    letter-spacing: 3px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-6 {
    letter-spacing: 2.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-6 {
    letter-spacing: 2px; } }

.line-height-6 {
  line-height: 6px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-7 {
    letter-spacing: 7px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-7 {
    letter-spacing: 4.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-7 {
    letter-spacing: 3.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-7 {
    letter-spacing: 2.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-7 {
    letter-spacing: 2.3333333333px; } }

.line-height-7 {
  line-height: 7px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-8 {
    letter-spacing: 8px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-8 {
    letter-spacing: 5.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-8 {
    letter-spacing: 4px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-8 {
    letter-spacing: 3.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-8 {
    letter-spacing: 2.6666666667px; } }

.line-height-8 {
  line-height: 8px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-9 {
    letter-spacing: 9px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-9 {
    letter-spacing: 6px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-9 {
    letter-spacing: 4.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-9 {
    letter-spacing: 3.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-9 {
    letter-spacing: 3px; } }

.line-height-9 {
  line-height: 9px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-10 {
    letter-spacing: 10px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-10 {
    letter-spacing: 6.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-10 {
    letter-spacing: 5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-10 {
    letter-spacing: 4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-10 {
    letter-spacing: 3.3333333333px; } }

.line-height-10 {
  line-height: 10px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-11 {
    letter-spacing: 11px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-11 {
    letter-spacing: 7.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-11 {
    letter-spacing: 5.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-11 {
    letter-spacing: 4.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-11 {
    letter-spacing: 3.6666666667px; } }

.line-height-11 {
  line-height: 11px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-12 {
    letter-spacing: 12px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-12 {
    letter-spacing: 8px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-12 {
    letter-spacing: 6px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-12 {
    letter-spacing: 4.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-12 {
    letter-spacing: 4px; } }

.line-height-12 {
  line-height: 12px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-13 {
    letter-spacing: 13px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-13 {
    letter-spacing: 8.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-13 {
    letter-spacing: 6.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-13 {
    letter-spacing: 5.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-13 {
    letter-spacing: 4.3333333333px; } }

.line-height-13 {
  line-height: 13px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-14 {
    letter-spacing: 14px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-14 {
    letter-spacing: 9.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-14 {
    letter-spacing: 7px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-14 {
    letter-spacing: 5.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-14 {
    letter-spacing: 4.6666666667px; } }

.line-height-14 {
  line-height: 14px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-15 {
    letter-spacing: 15px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-15 {
    letter-spacing: 10px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-15 {
    letter-spacing: 7.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-15 {
    letter-spacing: 6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-15 {
    letter-spacing: 5px; } }

.line-height-15 {
  line-height: 15px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-16 {
    letter-spacing: 16px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-16 {
    letter-spacing: 10.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-16 {
    letter-spacing: 8px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-16 {
    letter-spacing: 6.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-16 {
    letter-spacing: 5.3333333333px; } }

.line-height-16 {
  line-height: 16px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-17 {
    letter-spacing: 17px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-17 {
    letter-spacing: 11.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-17 {
    letter-spacing: 8.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-17 {
    letter-spacing: 6.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-17 {
    letter-spacing: 5.6666666667px; } }

.line-height-17 {
  line-height: 17px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-18 {
    letter-spacing: 18px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-18 {
    letter-spacing: 12px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-18 {
    letter-spacing: 9px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-18 {
    letter-spacing: 7.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-18 {
    letter-spacing: 6px; } }

.line-height-18 {
  line-height: 18px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-19 {
    letter-spacing: 19px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-19 {
    letter-spacing: 12.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-19 {
    letter-spacing: 9.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-19 {
    letter-spacing: 7.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-19 {
    letter-spacing: 6.3333333333px; } }

.line-height-19 {
  line-height: 19px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-20 {
    letter-spacing: 20px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-20 {
    letter-spacing: 13.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-20 {
    letter-spacing: 10px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-20 {
    letter-spacing: 8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-20 {
    letter-spacing: 6.6666666667px; } }

.line-height-20 {
  line-height: 20px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-21 {
    letter-spacing: 21px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-21 {
    letter-spacing: 14px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-21 {
    letter-spacing: 10.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-21 {
    letter-spacing: 8.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-21 {
    letter-spacing: 7px; } }

.line-height-21 {
  line-height: 21px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-22 {
    letter-spacing: 22px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-22 {
    letter-spacing: 14.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-22 {
    letter-spacing: 11px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-22 {
    letter-spacing: 8.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-22 {
    letter-spacing: 7.3333333333px; } }

.line-height-22 {
  line-height: 22px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-23 {
    letter-spacing: 23px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-23 {
    letter-spacing: 15.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-23 {
    letter-spacing: 11.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-23 {
    letter-spacing: 9.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-23 {
    letter-spacing: 7.6666666667px; } }

.line-height-23 {
  line-height: 23px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-24 {
    letter-spacing: 24px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-24 {
    letter-spacing: 16px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-24 {
    letter-spacing: 12px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-24 {
    letter-spacing: 9.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-24 {
    letter-spacing: 8px; } }

.line-height-24 {
  line-height: 24px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-25 {
    letter-spacing: 25px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-25 {
    letter-spacing: 16.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-25 {
    letter-spacing: 12.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-25 {
    letter-spacing: 10px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-25 {
    letter-spacing: 8.3333333333px; } }

.line-height-25 {
  line-height: 25px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-26 {
    letter-spacing: 26px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-26 {
    letter-spacing: 17.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-26 {
    letter-spacing: 13px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-26 {
    letter-spacing: 10.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-26 {
    letter-spacing: 8.6666666667px; } }

.line-height-26 {
  line-height: 26px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-27 {
    letter-spacing: 27px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-27 {
    letter-spacing: 18px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-27 {
    letter-spacing: 13.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-27 {
    letter-spacing: 10.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-27 {
    letter-spacing: 9px; } }

.line-height-27 {
  line-height: 27px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-28 {
    letter-spacing: 28px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-28 {
    letter-spacing: 18.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-28 {
    letter-spacing: 14px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-28 {
    letter-spacing: 11.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-28 {
    letter-spacing: 9.3333333333px; } }

.line-height-28 {
  line-height: 28px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-29 {
    letter-spacing: 29px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-29 {
    letter-spacing: 19.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-29 {
    letter-spacing: 14.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-29 {
    letter-spacing: 11.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-29 {
    letter-spacing: 9.6666666667px; } }

.line-height-29 {
  line-height: 29px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-30 {
    letter-spacing: 30px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-30 {
    letter-spacing: 20px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-30 {
    letter-spacing: 15px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-30 {
    letter-spacing: 12px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-30 {
    letter-spacing: 10px; } }

.line-height-30 {
  line-height: 30px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-31 {
    letter-spacing: 31px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-31 {
    letter-spacing: 20.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-31 {
    letter-spacing: 15.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-31 {
    letter-spacing: 12.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-31 {
    letter-spacing: 10.3333333333px; } }

.line-height-31 {
  line-height: 31px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-32 {
    letter-spacing: 32px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-32 {
    letter-spacing: 21.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-32 {
    letter-spacing: 16px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-32 {
    letter-spacing: 12.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-32 {
    letter-spacing: 10.6666666667px; } }

.line-height-32 {
  line-height: 32px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-33 {
    letter-spacing: 33px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-33 {
    letter-spacing: 22px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-33 {
    letter-spacing: 16.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-33 {
    letter-spacing: 13.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-33 {
    letter-spacing: 11px; } }

.line-height-33 {
  line-height: 33px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-34 {
    letter-spacing: 34px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-34 {
    letter-spacing: 22.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-34 {
    letter-spacing: 17px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-34 {
    letter-spacing: 13.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-34 {
    letter-spacing: 11.3333333333px; } }

.line-height-34 {
  line-height: 34px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-35 {
    letter-spacing: 35px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-35 {
    letter-spacing: 23.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-35 {
    letter-spacing: 17.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-35 {
    letter-spacing: 14px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-35 {
    letter-spacing: 11.6666666667px; } }

.line-height-35 {
  line-height: 35px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-36 {
    letter-spacing: 36px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-36 {
    letter-spacing: 24px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-36 {
    letter-spacing: 18px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-36 {
    letter-spacing: 14.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-36 {
    letter-spacing: 12px; } }

.line-height-36 {
  line-height: 36px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-37 {
    letter-spacing: 37px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-37 {
    letter-spacing: 24.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-37 {
    letter-spacing: 18.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-37 {
    letter-spacing: 14.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-37 {
    letter-spacing: 12.3333333333px; } }

.line-height-37 {
  line-height: 37px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-38 {
    letter-spacing: 38px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-38 {
    letter-spacing: 25.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-38 {
    letter-spacing: 19px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-38 {
    letter-spacing: 15.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-38 {
    letter-spacing: 12.6666666667px; } }

.line-height-38 {
  line-height: 38px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-39 {
    letter-spacing: 39px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-39 {
    letter-spacing: 26px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-39 {
    letter-spacing: 19.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-39 {
    letter-spacing: 15.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-39 {
    letter-spacing: 13px; } }

.line-height-39 {
  line-height: 39px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-40 {
    letter-spacing: 40px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-40 {
    letter-spacing: 26.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-40 {
    letter-spacing: 20px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-40 {
    letter-spacing: 16px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-40 {
    letter-spacing: 13.3333333333px; } }

.line-height-40 {
  line-height: 40px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-41 {
    letter-spacing: 41px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-41 {
    letter-spacing: 27.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-41 {
    letter-spacing: 20.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-41 {
    letter-spacing: 16.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-41 {
    letter-spacing: 13.6666666667px; } }

.line-height-41 {
  line-height: 41px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-42 {
    letter-spacing: 42px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-42 {
    letter-spacing: 28px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-42 {
    letter-spacing: 21px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-42 {
    letter-spacing: 16.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-42 {
    letter-spacing: 14px; } }

.line-height-42 {
  line-height: 42px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-43 {
    letter-spacing: 43px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-43 {
    letter-spacing: 28.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-43 {
    letter-spacing: 21.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-43 {
    letter-spacing: 17.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-43 {
    letter-spacing: 14.3333333333px; } }

.line-height-43 {
  line-height: 43px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-44 {
    letter-spacing: 44px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-44 {
    letter-spacing: 29.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-44 {
    letter-spacing: 22px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-44 {
    letter-spacing: 17.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-44 {
    letter-spacing: 14.6666666667px; } }

.line-height-44 {
  line-height: 44px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-45 {
    letter-spacing: 45px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-45 {
    letter-spacing: 30px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-45 {
    letter-spacing: 22.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-45 {
    letter-spacing: 18px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-45 {
    letter-spacing: 15px; } }

.line-height-45 {
  line-height: 45px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-46 {
    letter-spacing: 46px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-46 {
    letter-spacing: 30.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-46 {
    letter-spacing: 23px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-46 {
    letter-spacing: 18.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-46 {
    letter-spacing: 15.3333333333px; } }

.line-height-46 {
  line-height: 46px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-47 {
    letter-spacing: 47px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-47 {
    letter-spacing: 31.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-47 {
    letter-spacing: 23.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-47 {
    letter-spacing: 18.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-47 {
    letter-spacing: 15.6666666667px; } }

.line-height-47 {
  line-height: 47px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-48 {
    letter-spacing: 48px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-48 {
    letter-spacing: 32px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-48 {
    letter-spacing: 24px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-48 {
    letter-spacing: 19.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-48 {
    letter-spacing: 16px; } }

.line-height-48 {
  line-height: 48px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-49 {
    letter-spacing: 49px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-49 {
    letter-spacing: 32.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-49 {
    letter-spacing: 24.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-49 {
    letter-spacing: 19.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-49 {
    letter-spacing: 16.3333333333px; } }

.line-height-49 {
  line-height: 49px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-50 {
    letter-spacing: 50px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-50 {
    letter-spacing: 33.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-50 {
    letter-spacing: 25px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-50 {
    letter-spacing: 20px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-50 {
    letter-spacing: 16.6666666667px; } }

.line-height-50 {
  line-height: 50px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-51 {
    letter-spacing: 51px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-51 {
    letter-spacing: 34px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-51 {
    letter-spacing: 25.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-51 {
    letter-spacing: 20.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-51 {
    letter-spacing: 17px; } }

.line-height-51 {
  line-height: 51px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-52 {
    letter-spacing: 52px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-52 {
    letter-spacing: 34.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-52 {
    letter-spacing: 26px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-52 {
    letter-spacing: 20.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-52 {
    letter-spacing: 17.3333333333px; } }

.line-height-52 {
  line-height: 52px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-53 {
    letter-spacing: 53px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-53 {
    letter-spacing: 35.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-53 {
    letter-spacing: 26.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-53 {
    letter-spacing: 21.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-53 {
    letter-spacing: 17.6666666667px; } }

.line-height-53 {
  line-height: 53px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-54 {
    letter-spacing: 54px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-54 {
    letter-spacing: 36px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-54 {
    letter-spacing: 27px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-54 {
    letter-spacing: 21.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-54 {
    letter-spacing: 18px; } }

.line-height-54 {
  line-height: 54px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-55 {
    letter-spacing: 55px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-55 {
    letter-spacing: 36.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-55 {
    letter-spacing: 27.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-55 {
    letter-spacing: 22px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-55 {
    letter-spacing: 18.3333333333px; } }

.line-height-55 {
  line-height: 55px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-56 {
    letter-spacing: 56px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-56 {
    letter-spacing: 37.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-56 {
    letter-spacing: 28px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-56 {
    letter-spacing: 22.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-56 {
    letter-spacing: 18.6666666667px; } }

.line-height-56 {
  line-height: 56px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-57 {
    letter-spacing: 57px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-57 {
    letter-spacing: 38px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-57 {
    letter-spacing: 28.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-57 {
    letter-spacing: 22.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-57 {
    letter-spacing: 19px; } }

.line-height-57 {
  line-height: 57px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-58 {
    letter-spacing: 58px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-58 {
    letter-spacing: 38.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-58 {
    letter-spacing: 29px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-58 {
    letter-spacing: 23.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-58 {
    letter-spacing: 19.3333333333px; } }

.line-height-58 {
  line-height: 58px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-59 {
    letter-spacing: 59px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-59 {
    letter-spacing: 39.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-59 {
    letter-spacing: 29.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-59 {
    letter-spacing: 23.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-59 {
    letter-spacing: 19.6666666667px; } }

.line-height-59 {
  line-height: 59px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-60 {
    letter-spacing: 60px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-60 {
    letter-spacing: 40px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-60 {
    letter-spacing: 30px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-60 {
    letter-spacing: 24px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-60 {
    letter-spacing: 20px; } }

.line-height-60 {
  line-height: 60px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-61 {
    letter-spacing: 61px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-61 {
    letter-spacing: 40.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-61 {
    letter-spacing: 30.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-61 {
    letter-spacing: 24.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-61 {
    letter-spacing: 20.3333333333px; } }

.line-height-61 {
  line-height: 61px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-62 {
    letter-spacing: 62px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-62 {
    letter-spacing: 41.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-62 {
    letter-spacing: 31px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-62 {
    letter-spacing: 24.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-62 {
    letter-spacing: 20.6666666667px; } }

.line-height-62 {
  line-height: 62px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-63 {
    letter-spacing: 63px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-63 {
    letter-spacing: 42px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-63 {
    letter-spacing: 31.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-63 {
    letter-spacing: 25.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-63 {
    letter-spacing: 21px; } }

.line-height-63 {
  line-height: 63px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-64 {
    letter-spacing: 64px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-64 {
    letter-spacing: 42.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-64 {
    letter-spacing: 32px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-64 {
    letter-spacing: 25.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-64 {
    letter-spacing: 21.3333333333px; } }

.line-height-64 {
  line-height: 64px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-65 {
    letter-spacing: 65px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-65 {
    letter-spacing: 43.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-65 {
    letter-spacing: 32.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-65 {
    letter-spacing: 26px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-65 {
    letter-spacing: 21.6666666667px; } }

.line-height-65 {
  line-height: 65px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-66 {
    letter-spacing: 66px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-66 {
    letter-spacing: 44px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-66 {
    letter-spacing: 33px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-66 {
    letter-spacing: 26.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-66 {
    letter-spacing: 22px; } }

.line-height-66 {
  line-height: 66px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-67 {
    letter-spacing: 67px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-67 {
    letter-spacing: 44.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-67 {
    letter-spacing: 33.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-67 {
    letter-spacing: 26.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-67 {
    letter-spacing: 22.3333333333px; } }

.line-height-67 {
  line-height: 67px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-68 {
    letter-spacing: 68px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-68 {
    letter-spacing: 45.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-68 {
    letter-spacing: 34px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-68 {
    letter-spacing: 27.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-68 {
    letter-spacing: 22.6666666667px; } }

.line-height-68 {
  line-height: 68px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-69 {
    letter-spacing: 69px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-69 {
    letter-spacing: 46px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-69 {
    letter-spacing: 34.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-69 {
    letter-spacing: 27.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-69 {
    letter-spacing: 23px; } }

.line-height-69 {
  line-height: 69px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-70 {
    letter-spacing: 70px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-70 {
    letter-spacing: 46.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-70 {
    letter-spacing: 35px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-70 {
    letter-spacing: 28px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-70 {
    letter-spacing: 23.3333333333px; } }

.line-height-70 {
  line-height: 70px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-71 {
    letter-spacing: 71px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-71 {
    letter-spacing: 47.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-71 {
    letter-spacing: 35.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-71 {
    letter-spacing: 28.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-71 {
    letter-spacing: 23.6666666667px; } }

.line-height-71 {
  line-height: 71px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-72 {
    letter-spacing: 72px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-72 {
    letter-spacing: 48px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-72 {
    letter-spacing: 36px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-72 {
    letter-spacing: 28.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-72 {
    letter-spacing: 24px; } }

.line-height-72 {
  line-height: 72px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-73 {
    letter-spacing: 73px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-73 {
    letter-spacing: 48.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-73 {
    letter-spacing: 36.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-73 {
    letter-spacing: 29.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-73 {
    letter-spacing: 24.3333333333px; } }

.line-height-73 {
  line-height: 73px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-74 {
    letter-spacing: 74px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-74 {
    letter-spacing: 49.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-74 {
    letter-spacing: 37px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-74 {
    letter-spacing: 29.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-74 {
    letter-spacing: 24.6666666667px; } }

.line-height-74 {
  line-height: 74px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-75 {
    letter-spacing: 75px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-75 {
    letter-spacing: 50px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-75 {
    letter-spacing: 37.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-75 {
    letter-spacing: 30px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-75 {
    letter-spacing: 25px; } }

.line-height-75 {
  line-height: 75px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-76 {
    letter-spacing: 76px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-76 {
    letter-spacing: 50.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-76 {
    letter-spacing: 38px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-76 {
    letter-spacing: 30.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-76 {
    letter-spacing: 25.3333333333px; } }

.line-height-76 {
  line-height: 76px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-77 {
    letter-spacing: 77px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-77 {
    letter-spacing: 51.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-77 {
    letter-spacing: 38.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-77 {
    letter-spacing: 30.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-77 {
    letter-spacing: 25.6666666667px; } }

.line-height-77 {
  line-height: 77px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-78 {
    letter-spacing: 78px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-78 {
    letter-spacing: 52px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-78 {
    letter-spacing: 39px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-78 {
    letter-spacing: 31.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-78 {
    letter-spacing: 26px; } }

.line-height-78 {
  line-height: 78px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-79 {
    letter-spacing: 79px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-79 {
    letter-spacing: 52.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-79 {
    letter-spacing: 39.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-79 {
    letter-spacing: 31.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-79 {
    letter-spacing: 26.3333333333px; } }

.line-height-79 {
  line-height: 79px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-80 {
    letter-spacing: 80px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-80 {
    letter-spacing: 53.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-80 {
    letter-spacing: 40px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-80 {
    letter-spacing: 32px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-80 {
    letter-spacing: 26.6666666667px; } }

.line-height-80 {
  line-height: 80px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-81 {
    letter-spacing: 81px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-81 {
    letter-spacing: 54px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-81 {
    letter-spacing: 40.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-81 {
    letter-spacing: 32.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-81 {
    letter-spacing: 27px; } }

.line-height-81 {
  line-height: 81px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-82 {
    letter-spacing: 82px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-82 {
    letter-spacing: 54.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-82 {
    letter-spacing: 41px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-82 {
    letter-spacing: 32.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-82 {
    letter-spacing: 27.3333333333px; } }

.line-height-82 {
  line-height: 82px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-83 {
    letter-spacing: 83px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-83 {
    letter-spacing: 55.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-83 {
    letter-spacing: 41.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-83 {
    letter-spacing: 33.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-83 {
    letter-spacing: 27.6666666667px; } }

.line-height-83 {
  line-height: 83px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-84 {
    letter-spacing: 84px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-84 {
    letter-spacing: 56px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-84 {
    letter-spacing: 42px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-84 {
    letter-spacing: 33.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-84 {
    letter-spacing: 28px; } }

.line-height-84 {
  line-height: 84px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-85 {
    letter-spacing: 85px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-85 {
    letter-spacing: 56.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-85 {
    letter-spacing: 42.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-85 {
    letter-spacing: 34px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-85 {
    letter-spacing: 28.3333333333px; } }

.line-height-85 {
  line-height: 85px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-86 {
    letter-spacing: 86px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-86 {
    letter-spacing: 57.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-86 {
    letter-spacing: 43px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-86 {
    letter-spacing: 34.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-86 {
    letter-spacing: 28.6666666667px; } }

.line-height-86 {
  line-height: 86px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-87 {
    letter-spacing: 87px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-87 {
    letter-spacing: 58px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-87 {
    letter-spacing: 43.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-87 {
    letter-spacing: 34.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-87 {
    letter-spacing: 29px; } }

.line-height-87 {
  line-height: 87px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-88 {
    letter-spacing: 88px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-88 {
    letter-spacing: 58.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-88 {
    letter-spacing: 44px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-88 {
    letter-spacing: 35.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-88 {
    letter-spacing: 29.3333333333px; } }

.line-height-88 {
  line-height: 88px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-89 {
    letter-spacing: 89px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-89 {
    letter-spacing: 59.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-89 {
    letter-spacing: 44.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-89 {
    letter-spacing: 35.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-89 {
    letter-spacing: 29.6666666667px; } }

.line-height-89 {
  line-height: 89px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-90 {
    letter-spacing: 90px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-90 {
    letter-spacing: 60px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-90 {
    letter-spacing: 45px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-90 {
    letter-spacing: 36px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-90 {
    letter-spacing: 30px; } }

.line-height-90 {
  line-height: 90px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-91 {
    letter-spacing: 91px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-91 {
    letter-spacing: 60.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-91 {
    letter-spacing: 45.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-91 {
    letter-spacing: 36.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-91 {
    letter-spacing: 30.3333333333px; } }

.line-height-91 {
  line-height: 91px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-92 {
    letter-spacing: 92px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-92 {
    letter-spacing: 61.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-92 {
    letter-spacing: 46px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-92 {
    letter-spacing: 36.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-92 {
    letter-spacing: 30.6666666667px; } }

.line-height-92 {
  line-height: 92px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-93 {
    letter-spacing: 93px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-93 {
    letter-spacing: 62px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-93 {
    letter-spacing: 46.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-93 {
    letter-spacing: 37.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-93 {
    letter-spacing: 31px; } }

.line-height-93 {
  line-height: 93px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-94 {
    letter-spacing: 94px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-94 {
    letter-spacing: 62.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-94 {
    letter-spacing: 47px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-94 {
    letter-spacing: 37.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-94 {
    letter-spacing: 31.3333333333px; } }

.line-height-94 {
  line-height: 94px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-95 {
    letter-spacing: 95px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-95 {
    letter-spacing: 63.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-95 {
    letter-spacing: 47.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-95 {
    letter-spacing: 38px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-95 {
    letter-spacing: 31.6666666667px; } }

.line-height-95 {
  line-height: 95px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-96 {
    letter-spacing: 96px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-96 {
    letter-spacing: 64px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-96 {
    letter-spacing: 48px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-96 {
    letter-spacing: 38.4px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-96 {
    letter-spacing: 32px; } }

.line-height-96 {
  line-height: 96px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-97 {
    letter-spacing: 97px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-97 {
    letter-spacing: 64.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-97 {
    letter-spacing: 48.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-97 {
    letter-spacing: 38.8px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-97 {
    letter-spacing: 32.3333333333px; } }

.line-height-97 {
  line-height: 97px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-98 {
    letter-spacing: 98px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-98 {
    letter-spacing: 65.3333333333px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-98 {
    letter-spacing: 49px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-98 {
    letter-spacing: 39.2px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-98 {
    letter-spacing: 32.6666666667px; } }

.line-height-98 {
  line-height: 98px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-99 {
    letter-spacing: 99px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-99 {
    letter-spacing: 66px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-99 {
    letter-spacing: 49.5px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-99 {
    letter-spacing: 39.6px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-99 {
    letter-spacing: 33px; } }

.line-height-99 {
  line-height: 99px; }

@media only screen and (min-width: 1280px) {
  .letter-spacing-100 {
    letter-spacing: 100px; } }
@media only screen and (min-width: 960px) {
  .letter-spacing-100 {
    letter-spacing: 66.6666666667px; } }
@media only screen and (min-width: 768px) {
  .letter-spacing-100 {
    letter-spacing: 50px; } }
@media only screen and (max-width: 769px) {
  .letter-spacing-100 {
    letter-spacing: 40px; } }
@media only screen and (max-width: 480px) {
  .letter-spacing-100 {
    letter-spacing: 33.3333333333px; } }

.line-height-100 {
  line-height: 100px; }

@media only screen and (max-width: 480px) {
  .responsive-align {
    text-align: center; } }
@media only screen and (max-width: 769px) {
  .responsive-align {
    text-align: center; } }
@media only screen and (min-width: 768px) {
  .responsive-align {
    text-align: center; } }
@media only screen and (min-width: 960px) {
  .responsive-align {
    text-align: inherit; } }
@media only screen and (min-width: 1280px) {
  .responsive-align {
    text-align: inherit; } }

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

.border-0 {
  border: none; }

.gotham-black {
  font-family: 'Gotham-Black_0'; }

.gotham-bold {
  font-family: 'GOTHAM-BOLD'; }

.gotham-book {
  font-family: 'GOTHAM-BOOK_0'; }

.gotham-light-italic {
  font-family: 'GOTHAM-LIGHTITALIC'; }

.open-sans-bold {
  font-family: 'OpenSans-Bold_0';
  word-spacing: 3px; }

.open-sans-light {
  font-family: 'OpenSans-Light';
  word-spacing: 3px; }

.open-sans-regular {
  font-family: 'OpenSans-Regular';
  word-spacing: 3px; }

.open-sans-semibold {
  font-family: 'OpenSans-Semibold';
  word-spacing: 3px; }

.open-sans-semibold-italic {
  font-family: 'OpenSans-SemiboldItalic_0';
  word-spacing: 3px; }

.futura-bold {
  font-family: 'unicode.futurab_0';
  letter-spacing: 1px; }

.table td {
  vertical-align: middle !important; }

table {
  width: 100%; }

.table-header,
td.table-data {
  min-width: 200px;
  padding: 10px 0;
  margin: 10px 0;
  vertical-align: middle !important; }

li {
  list-style: circle;
  list-style-type: circle; }

.breadcrumb ul li::before {
  content: '|';
  color: #b5b5b5; }

.breadcrumb ul li {
  vertical-align: middle; }

#breadcrumb-section {
  padding-bottom: 0; }
  @media only screen and (max-width: 480px) {
    #breadcrumb-section {
      padding-top: 100px; } }
  @media only screen and (max-width: 769px) {
    #breadcrumb-section {
      padding-top: 100px; } }
  @media only screen and (min-width: 768px) {
    #breadcrumb-section {
      padding-top: 120px; } }
  @media only screen and (min-width: 960px) {
    #breadcrumb-section {
      padding-top: 120px; } }
  @media only screen and (min-width: 1280px) {
    #breadcrumb-section {
      padding-top: 120px; } }

@media only screen and (max-width: 480px) {
  .overflow-x-auto {
    overflow-x: auto; } }
@media only screen and (min-width: 768px) {
  .overflow-x-auto {
    overflow-x: auto; } }

.dark-grey {
  color: #909090; }

.grey {
  color: #eaeaea; }

.bg-grey-light {
  background-color: #fbfbfb; }

.grey-light {
  color: #fbfbfb; }

.mint {
  color: #aacda2; }

.turquoise {
  color: #009999; }

.bg-turquoise {
  background-color: #009999; }

.bg-mint {
  background-color: #aacda2; }

.break-word {
  overflow-wrap: break-word; }

.border-bottom {
  border-bottom: 1px solid #f18020; }

.banner {
  height: 30vh;
  display: flex;
  background-repeat: no-repeat;
  background-position: 50% 95%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-shadow: 0px 1px 4px black; }
  @media only screen and (min-width: 1280px) {
    .banner {
      height: 20vh; } }

.gallery {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  @media only screen and (max-width: 769px) {
    .gallery {
      height: 300px; } }

@media only screen and (min-width: 768px) {
  .modal-card,
  .modal-content {
    width: 1024px; }

  .modal-element {
    height: 400px; } }
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom: 2px solid #f18020; }

.accordion:after {
  content: '\ff0b';
  /* Unicode character for "plus" sign (+) */
  position: absolute;
  align-items: center;
  font-size: 30px;
  font-weight: bolder;
  border: none;
  float: right;
  top: 45%;
  right: 0%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .accordion:after.primary {
    color: #f18020; }
  .accordion:after.mint {
    color: #aacda2; }

.active:after {
  content: '\ff0d';
  /* Unicode character for "minus" sign (-) */ }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
  padding: 0;
  padding-top: 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.animated {
  text-decoration: none;
  display: inline-block; }

.animated::after {
  content: '';
  display: block;
  width: 0;
  /* Hide border initially */
  height: 3px;
  background: #f18020;
  transition: width 0.3s ease; }

.animated:hover::after {
  width: 100%;
  /* Show border on hover */ }

/*# sourceMappingURL=main.css.map */