.pulsate-fwd {
  -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
  animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.slide-out-left {
  -webkit-animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.scale-up-hor-center {
  -webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-hor-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.kenburns-top {
  -webkit-animation: kenburns-top 5s ease-out both;
  animation: kenburns-top 5s ease-out both;
}

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
.flip-in-diag-2-br {
  -webkit-animation: flip-in-diag-2-br 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-diag-2-br 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
.page-loader {
  z-index: 9999;
}
.transition-default, header nav#nav-menu-container ul li a, header nav#nav-menu-container ul li {
  transition: 0.2s all;
}

.section-title {
  color: #0C0C0C;
}

.elipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.elipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.elipsis-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.elipsis-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.elipsis-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.btn-selengkapnya {
  border-color: #56CCF2;
  color: #56CCF2;
  border-radius: 8px;
}
.btn-selengkapnya:hover, .btn-selengkapnya:active, .btn-selengkapnya:focus {
  border-color: #4db7d9;
}

@font-face {
  font-family: lucida;
  src: url("../fonts/lucida-calligraphy/lucida calligraphy italic.ttf");
}
.inter {
  font-family: "Inter", sans-serif !important;
}

.manrope, section#sejarah .inner > *, section#sambutan .container .inner > * {
  font-family: "Manrope", sans-serif !important;
}

.dm-serif-display {
  font-family: "DM Serif Display", serif !important;
}

.nunito-sans {
  font-family: "Nunito Sans", sans-serif !important;
}

.khula {
  font-family: "Khula", sans-serif !important;
}

.poppins {
  font-family: "Poppins", sans-serif !important;
}

.roboto {
  font-family: "Roboto", sans-serif !important;
}

.merriweather {
  font-family: "Merriweather", serif !important;
}

.jacques {
  font-family: "Jacques Francois", serif !important;
}

.mulish {
  font-family: "Mulish", sans-serif !important;
}

.lucida {
  font-family: lucida !important;
}

.fb-1 {
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.lora {
  font-family: "Lora", serif;
}

.lato {
  font-family: "Lato", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fw-400, section#sejarah .inner > *, section#sambutan .container .inner > * {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

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

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

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

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

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

.lh-30, section#sejarah .inner > *, section#sambutan .container .inner > * {
  line-height: 30px;
}

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

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

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

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

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

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

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

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

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

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

header nav#nav-menu-container ul li.menu-active a, header nav#nav-menu-container ul li:hover a {
  font-weight: bold;
}
header nav#nav-menu-container ul li a {
  font-weight: normal;
}
header.overlay-header {
  box-shadow: none !important;
}
header.overlay-header nav#nav-menu-container ul li.menu-active a, header.overlay-header nav#nav-menu-container ul li:hover a {
  color: #56CCF2;
}
header.overlay-header nav#nav-menu-container ul li a {
  color: #fff;
}
header:not(.overlay-header) {
  box-shadow: none !important;
}
header:not(.overlay-header) nav#nav-menu-container ul li.menu-active a, header:not(.overlay-header) nav#nav-menu-container ul li:hover a {
  color: #1C1C1C;
}
header:not(.overlay-header) nav#nav-menu-container ul li a {
  color: #0C0C0C;
}

footer {
  background-color: #fff !important;
}
footer .icon-wrapper {
  min-width: 50px;
  max-width: 50px;
}
footer a {
  color: #3d3d4e;
}
footer a:hover, footer a:focus, footer a:active {
  color: #0d0c22;
}
footer .list-sosmed .sosmed-wrapper {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
}

.text-dark {
  color: #0c0c0c !important;
}

.text-secondary {
  color: #c4c4c4 !important;
}

.color-102440 {
  color: #102440 !important;
}

.color-FFAE1B {
  color: #FFAE1B !important;
}

.color-4F4F4F {
  color: #4F4F4F !important;
}

.color-828282, section#sambutan .container .inner > * {
  color: #828282 !important;
}

.color-BDBDBD {
  color: #BDBDBD !important;
}

.color-18191F {
  color: #18191F !important;
}

.color-10375C {
  color: #10375C !important;
}

.color-333, section#sejarah .inner > * {
  color: #333333 !important;
}

.bg-dark {
  background-color: #0c0c0c !important;
}

.bg-secondary {
  background-color: #c4c4c4 !important;
}

#main {
  z-index: 1;
  top: -12.5vw;
}
@media (max-width: 992px) {
  #main {
    top: -18.5vw;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #main {
    top: -27.5vw;
  }
}
@media (max-width: 576px) {
  #main {
    top: -35.5vw;
  }
}

section#intro {
  height: calc(80vh);
}
section#intro figure.base-bg img {
  object-fit: cover;
}
section#intro .overlay {
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.7) 54.17%, #000000 100%), url(.jpg);
  z-index: 1;
  top: 0;
  left: 0;
}
section#intro .overlay h1 {
  font-size: xxx-large;
}
@media (max-width: 576px) {
  section#intro .overlay h1 {
    font-size: 35px;
  }
}
section#sambutan .container {
  border-radius: 6px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
  section#sambutan .container .h2nya {
    font-size: 27px;
  }
}
section#sambutan .container figure {
  height: 150px;
  width: 150px;
  border-radius: 10px;
  overflow: hidden;
}
section#sambutan .container figure img {
  object-fit: cover;
}
section#sejarah {
  top: -100px;
}
section#visi-misi figure {
  border-radius: 8px;
  overflow: hidden;
}
section#visi-misi figure.fig-1 {
  height: 250px;
}
section#visi-misi figure.fig-2 {
  height: 170px;
}
section#visi-misi figure.fig-3 {
  height: 185px;
}
section#visi-misi figure img {
  object-fit: cover;
}
section#kenapa {
  background-color: #F9F9F9;
}
section#kenapa .container-fluid {
  top: 3rem;
}
section#kenapa .container-fluid .col-lg-4 {
  z-index: 1;
}
section#kenapa .container-fluid .col-lg-4 .per-kenapa {
  border-radius: 8px;
  box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
}
section#pengajar .per-pengajar {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
}
section#pengajar .per-pengajar figure {
  height: 240px;
  width: 100%;
}
section#pengajar .per-pengajar figure img {
  object-fit: cover;
}
section#pengajar .per-pengajar > * {
  color: #000;
}
section#tatib i {
  font-size: 7rem;
  color: #D83636;
}

/*# sourceMappingURL=styleProfil.css.map */