.translate-horizontally {

  transform: rotateZ(90deg);

  display: inline-block; }



.heading-1, .extendable-section h2, #home-overview h2, #news--facilities h2, #course-offered h2, #principal-message--about h2, #home-gallery h2, #site-footer h2 {

  font-weight: bold;

  font-size: 38px; }



.vertical-section-gutter, .extendable-section, #home-overview, #news--facilities, #course-offered, #principal-message--about, #home-gallery, #site-footer {

  padding: 50px 0; }

  @media (max-width: 767px) {

    .vertical-section-gutter, .extendable-section, #home-overview, #news--facilities, #course-offered, #principal-message--about, #home-gallery, #site-footer {

      padding: 30px 0; } }



.btn {

  border-radius: 0;

  color: #1468B3; }



.btn-primary {

  color: #fff;

  background-color: #1468B3;

  border-color: #1468B3; }



p {

  color: #333; }



.form-control {

  border-radius: 0; }

  .form-control:focus {

    box-shadow: none; }



body {

  font-family: 'Roboto', sans-serif; }



#site-header {

  padding-top: 7px; }

  #site-header .contact-information {

    display: inline-block; }

    #site-header .contact-information .item {

      display: inline-block;

      color: #333; }

      #site-header .contact-information .item .icon-wrapper {

        width: 30px;

        height: 30px;

        background-color: #f5bd41;

        display: inline-flex;

        justify-content: center;

        align-items: center;

        color: #fff;

        margin-right: 7px; }

      #site-header .contact-information .item:last-child .icon-wrapper {

        margin-left: 15px; }

  #site-header .social-links a {

    width: 40px;

    height: 30px;

    background-color: #333;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    margin-left: 7px;

    transition: .9s all; }

    #site-header .social-links a:hover {

      text-decoration: none;

      background-color: #1468B3; }

  #site-header [navigation-toggler] {

    background-color: transparent;

    border: 0;

    outline: 0;

    color: #1468B3; }

  #site-header .navbar {

    padding: 0;

    margin: 0;

    margin-top: 7px;

    background-color: rgb(255, 171, 56); }

    #site-header .navbar .close-navigation {

      position: absolute;

      right: 15px;

      top: 15px;

      color: #fff;

      font-size: 150%; }

    @media (max-width: 992px) {

      #site-header .navbar {

        background-color: rgba(20, 104, 179, 0.98);

        transform: translateX(100%);

        transition: .9s all;

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 10;

        margin: 0; }

        #site-header .navbar.active {

          transform: translateX(0); } }

    #site-header .navbar ul {

      width: 100%; }

      #site-header .navbar ul li {

        flex-grow: 1;

        text-align: center; }

        #site-header .navbar ul li a {

          color: #fff;

          display: block;

          padding: 15px 7px;

          font-size: 90%;

          transition: .9s all; }

        #site-header .navbar ul li:hover a {

          text-decoration: none;

          background-color: #fff;

          color: #1468B3; }



.extendable-section h2, #home-overview h2, #news--facilities h2, #course-offered h2, #principal-message--about h2, #home-gallery h2, #site-footer h2 {

  margin-bottom: 20px; }



#news--facilities {

  background-color: #EBEBEB; }

  #news--facilities .item figcaption .item-title {

    color: #333;

    font-weight: bold;

    margin-top: 7px;

    display: block;

    margin-bottom: 7px; }

  #news--facilities .item figcaption p {

    text-align: justify;

    font-size: 90%;

    color: #666;

    text-align: justify; }

  #news--facilities .item figcaption .date, #news--facilities .item figcaption .read-more {

    font-size: 80%; }

  #news--facilities .facilities-list {

    list-style: none;

    padding: 0;

    margin: 0; }

    #news--facilities .facilities-list li a {

      display: block;

      padding: 15px 15px;

      font-weight: bold;

      color: #333;

      text-decoration: none;

      transition: .9s all; }

    #news--facilities .facilities-list li:hover a {

      background-color: #333;

      color: #fff; }

    #news--facilities .facilities-list li:nth-child(odd) {

      background-color: #fff; }



#course-offered {

  min-height: 400px;

  background: url("../images/course-offered-hero.jpg");

  background-attachment: fixed;

  background-size: cover; }

  #course-offered h2 {

    background-color: rgba(20, 104, 179, 0.8);

    padding: 10px 20px;

    color: #fff; }

  #course-offered .btn {

    color: #1468B3; }

  #course-offered .course-list {

    list-style: none;

    margin: 0;

    margin-top: 50px;

    margin-left: -7px;

    margin-right: -7px; }

    #course-offered .course-list li {

      flex-grow: 1;

      flex-basis: 16.6666667%;

      height: 120px;

      display: flex;

      align-items: center;

      justify-content: center;

      background-color: rgba(20, 104, 179, 0.8);

      margin-left: 7px;

      margin-right: 7px; }

      #course-offered .course-list li a {

        color: #fff;

        font-size: 140%;

        display: flex;

        height: 100%;

        width: 100%;

        justify-content: center;

        align-items: center;

        transition: .9s all; }

        #course-offered .course-list li a:hover {

          background-color: #0a3357;

          text-decoration: none; }

  #course-offered .slick-slider .slick-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-90%);

    width: 40px;

    height: 40px;

    background-color: transparent;

    background-size: cover !important;

    border: 0;

    display: inline-block;

    font: 0/0 a;

    outline: 0;

    cursor: pointer; }

  #course-offered .slick-slider .slick-prev {

    background: url("../images/arrow-left.png");

    left: -50px; }

  #course-offered .slick-slider .slick-next {

    right: -50px;

    background: url("../images/arrow-right.png"); }

  #course-offered .slick-dots {

    padding: 0;

    margin: 0;

    margin: 20px 0;

    text-align: center; }

    #course-offered .slick-dots li {

      display: inline-block;

      height: auto;

      background-color: transparent;

      margin: 0;

      padding: 0 5px; }

      #course-offered .slick-dots li button {

        width: 15px;

        height: 15px;

        border-radius: 50%;

        font: 0/0 a;

        border: 0;

        background-color: #fff;

        display: block;

        cursor: pointer;

        outline: 0; }

      #course-offered .slick-dots li.slick-active button {

        background-color: #1468B3; }



#principal-message--about {

  background-color: #c1680c; }

  #principal-message--about p {

    color: #fff; }

  #principal-message--about .btn {

    color: #1983e1; }

  #principal-message--about .lighten-blue-box {

    height: 100%;

    background-color: #f5bd41;

    padding: 20px;

    color: #fff; }

    #principal-message--about .lighten-blue-box.flex-column {

      align-items: flex-start; }

    #principal-message--about .lighten-blue-box .thumbnail {

      min-width: 275px; }

      @media (max-width: 767px) {

        #principal-message--about .lighten-blue-box .thumbnail {

          margin-bottom: 20px; } }



#home-banner ul li {

  position: relative; }

  #home-banner ul li .caption {

    position: absolute;

    top: 50%;

    left: 20%;

    transform: translateY(-50%);

    z-index: 10000;

    background-color: rgba(20, 104, 179, 0.5);

    color: #fff;

    padding: 15px 30px;

    text-align: center; }

    @media (max-width: 767px) {

      #home-banner ul li .caption {

        display: none; } }

    @media (max-width: 1366px) {

      #home-banner ul li .caption {

        left: 10%; } }

    #home-banner ul li .caption span {

      background-color: rgba(20, 104, 179, 0.49);

      margin-left: -30px;

      margin-right: -30px;

      margin-top: -15px;

      margin-bottom: 0;

      font-size: 225%;

      padding: 15px;

      display: block; }

      @media (max-width: 1366px) {

        #home-banner ul li .caption span {

          font-size: 170%; } }

    #home-banner ul li .caption strong {

      font-size: 500%; }

      @media (max-width: 1366px) {

        #home-banner ul li .caption strong {

          font-size: 375%; } }



#home-gallery figure {

  background-color: #1468B3;

  position: relative;

  overflow: hidden; }

  #home-gallery figure img {

    transition: .9s all; }

  #home-gallery figure:hover img {

    opacity: .4; }

  #home-gallery figure:hover a {

    text-decoration: none; }

  #home-gallery figure:hover figcaption {

    opacity: 1; }

  #home-gallery figure figcaption {

    opacity: 0;

    transition: .9s all;

    position: absolute;

    left: 5%;

    top: 5%;

    width: 90%;

    height: 90%;

    padding: 15px;

    border: 5px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center; }

    #home-gallery figure figcaption a {

      color: #fff;

      font-size: 150%;

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: center; }



#site-footer {

  background-color: #c1680c;

  color: #fff; }

  #site-footer a {

    color: #fff; }

  #site-footer h3 {

    margin-bottom: 15px; }

  #site-footer .form-control {

    background-color: rgba(255, 255, 255, 0.15);

    border: 0;

    resize: none;

    margin-bottom: 15px;

    color: #fff; }

  #site-footer form input[type="submit"] {

    min-width: 140px; }

  #site-footer .social-links {

    display: flex; }

    #site-footer .social-links a {

      width: 45px;

      height: 45px;

      background-color: #fff;

      color: #1468B3;

      margin-right: 15px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 150%;

      transition: .9s all; }

      #site-footer .social-links a:hover {

        text-decoration: none;

        background-color: #1983e1;

        color: #fff; }

  #site-footer .download-brochure-button {

    border: 1px solid #1983e1;

    border-radius: 6px;

    height: 50px;

    transition: .9s all;

    margin: 15px 0; }

    #site-footer .download-brochure-button .text {

      flex-grow: 1;

      text-align: center; }

    #site-footer .download-brochure-button .icon-wrapper {

      height: 100%;

      background-color: #1983e1;

      display: block;

      width: 50px; }

    #site-footer .download-brochure-button:hover {

      text-decoration: none;

      background-color: #1983e1; }

  #site-footer .powerbar {

    margin-top: 50px;

    margin-bottom: -50px;

    background: #ca7f30;

    padding: 20px 0; }



.page {

  min-height: 252px; }

  @media (min-width: 1367px) {

    .page {

      min-height: 428px; } }

  .page .page-header {

    height: 400px;

    background: url("../images/course-banner.jpg");

    background-size: cover;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column; }

    .page .page-header h2, .page .page-header p {

      position: relative;

      z-index: 2; }

    .page .page-header h2 {

      background-color: #1468B3;

      padding: 15px;

      color: #fff;

      margin: 0;

      margin-bottom: 15px; }

    .page .page-header p {

      color: #fff; }

    .page .page-header:after {

      content: '';

      z-index: 1;

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.56); }

  .page .page-body {

    padding: 50px 0; }

    .page .page-body article p {

      text-align: justify;

      line-height: 1.7;

      color: #666; }

    .page .page-body article h3 {

      color: #333; }

    .page .page-body article ul {

      margin: 15px 0; }

      .page .page-body article ul li {

        margin: 7px 0;

        line-height: 1.7; }



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

label.error {
  color: red !important;
}