@charset "UTF-8";
body {
  font-family: 'Roboto', sans-serif; }

p {
  letter-spacing: 0.07em;
  line-height: 23px; }

h1 {
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #06005b; }

h2 {
  color: #06005b;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

h3 {
  color: #06005b;
  font-weight: 900;
  margin-bottom: 0px; }

h4 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff; }

section {
  padding: 50px 0px; }

.divider {
  background: #06005b;
  width: 150px;
  height: 2px;
  margin: 20px auto 40px auto; }

.bold {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 16px;
  color: #06005b; }

.grey-pattern {
  background: url("../img/grey-bg.png"); }

.margin-top-20 {
  margin-top: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 1000px;
    margin: 30px auto; } }

.navbar-brand img {
  width: 220px;
  margin-top: -6px; }

.navbar-default {
  background: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  color: #06005b; }
  .navbar-default a {
    color: #06005b !important; }
    .navbar-default a:hover {
      color: #1c52b5 !important; }

@media screen and (max-width: 768px) {
  .navbar-nav {
    float: none !important;
    text-align: center; } }

.program-list p:first-letter {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 16px;
  color: #06005b; }

.program-list p:before {
  content: " ";
  background: #06005b;
  width: 6px;
  height: 6px;
  position: absolute;
  margin-left: -12px;
  border-radius: 50%;
  margin-top: 8px; }

.program-list_column:first-of-type p:first-child:before {
  content: none; }

.program li {
  background: none;
  border: none;
  display: flex;
  /*  flex-wrap: wrap;*/
  flex-direction: row;
  min-height: 90px;
  align-content: center;
  align-items: center;
  /* justify-content: space-between; */ }

.program p {
  margin: 0px 0px 0px 10px;
  padding: 0px; }

#teachers .teachers_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #teachers .teachers_grid--element {
    margin: 20px 0px;
    height: 350px;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    #teachers .teachers_grid--element-overflow {
      position: absolute;
      left: 0px;
      top: 250px;
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
      height: 100%;
      text-align: center;
      padding: 5px;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #teachers .teachers_grid--element-overflow .description {
        font-size: 15px;
        margin-top: 0px; }
    #teachers .teachers_grid--element:hover .teachers_grid--element-overflow {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      background: rgba(6, 0, 91, 0.73);
      color: #fff;
      height: 100%;
      text-align: center;
      padding: 30% 0px; }
    #teachers .teachers_grid--element:hover h3 {
      color: #fff; }
    #teachers .teachers_grid--element-img img {
      width: 100%; }

#teachers .modal-body p:before {
  content: "• ";
  font-size: 26px;
  line-height: 15px;
  position: relative;
  top: 5px;
  left: 2px;
  color: #06005b; }

#teachers .modal-body {
  line-height: 28px; }

.parallax {
  /* The image used */
  background-image: url("../img/paralax_bg.png");
  /* Set a specific height */
  /*  height:350px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.apply-docs li {
  list-style-type: none;
  background-image: url("../img/download.png");
  background-repeat: no-repeat;
  line-height: 82px;
  padding-left: 100px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .apply-docs li:hover {
    background-image: url("../img/download-hover.png"); }

.apply-docs p {
  line-height: 82px !important;
  color: #06005b;
  font-size: 20px; }
  .apply-docs p:hover {
    color: #1c52b5; }

.parallax-aw {
  /* The image used */
  background-image: url("../img/aw_2017.jpg");
  /* Set a specific height */
  /*  height:350px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.projects_grid h3 {
  color: #fff;
  font-weight: 900;
  margin-bottom: 0px;
  text-transform: uppercase; }

.projects_grid--element {
  position: relative;
  height: 340px;
  cursor: pointer;
  overflow: hidden; }
  .projects_grid--element-overflow {
    position: absolute;
    background: rgba(6, 0, 91, 0.73);
    width: 100%;
    top: 39%;
    text-align: center;
    color: white;
    transition: visibility 1s, opacity 0.5s linear;
    z-index: 1; }
  .projects_grid--element:hover {
    /*  .projects_grid--element-overflow {
                visibility: hidden;
                opacity: 0;
                transition: visibility 1s, opacity 0.5s linear;
            }*/ }
    .projects_grid--element:hover .projects_grid--element-hidden {
      visibility: visible;
      background: #06005b;
      width: 100%;
      height: 100%;
      top: -100%;
      text-align: center;
      color: white;
      position: relative;
      opacity: 1; }
  .projects_grid--element-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 0.5s linear; }
    .projects_grid--element-hidden p {
      position: absolute;
      /* top: 80px; */
      padding: 20px;
      line-height: 27px;
      height: 100%;
      text-align: center;
      display: flex;
      flex-direction: center;
      justify-content: center;
      align-items: center; }
  .projects_grid--element-img {
    height: 340px;
    overflow: hidden; }
    .projects_grid--element-img img {
      width: 100%;
      min-height: 340px; }

.gallery img {
  margin: 2px 0px; }

#partners ul li {
  display: table-cell;
  vertical-align: middle; }

footer {
  background: #06005b;
  color: #fff;
  padding: 40px 0px; }
  footer a {
    color: #fff;
    text-decoration: underline; }