@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:400,700);
body {
  font-family: "PT Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  padding-top: 70px;
  font-size: 16px; }

.link {
  font-family: "PT Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  position: relative;
  color: #007fb0;
  text-decoration: none; }
  .link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #23527c;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .link:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none; }
    .link:hover:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

p {
  font-family: "PT Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Josefin Slab", "Rockwell", "Courier New", Georgia, serif;
  font-weight: 700; }

a {
  cursor: pointer; }

ol > li.header {
  font-family: "Josefin Slab", "Rockwell", "Courier New", Georgia, serif;
  font-weight: 700;
  font-size: 1.3em; }

.text-muted {
  font-size: .875em; }

@media screen and (max-width: 764px) {
  .hidden-sm-down {
    display: none; } }

@media screen and (min-width: 764px) {
  .hidden-sm-up {
    display: none; } }

.transition {
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  background: black;
  color: white;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%); }

.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards; }

.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards; }

@keyframes slide-in {
  100% {
    transform: translateX(0%); } }

@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%); } }

@keyframes slide-out {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%); } }

@keyframes popup {
  0% {
    transform: translateY(4px); }
  50% {
    transform: translateY(0px); }
  100% {
    transform: translateY(4px); } }

.student-1 {
  transform: translateY(4px);
  animation: popup 4s 0.3s ease infinite; }

.student-2 {
  transform: translateY(2px);
  animation: popup 3s 0.2s ease infinite; }

.student-3 {
  transform: translateY(5px);
  animation: popup 1.5s ease infinite; }

.student-4 {
  transform: translateY(5px);
  animation: popup 2s ease infinite; }

.footer {
  border-color: #101010;
  background-color: #222;
  border-color: #080808;
  padding: 2em 0 1em;
  margin-top: 20px; }

.footer-text {
  color: #fff;
  text-align: right; }

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

/* General Demo Style */
a {
  color: #000;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: none; }

.st-accordion {
  width: 100%;
  min-width: 270px;
  margin: 0 auto; }

.st-accordion-li {
  height: 100px;
  border-bottom: 1px solid #c7deef;
  border-top: 1px solid #fff;
  overflow: hidden; }

.st-accordion-ul {
  padding-left: 15px;
  padding-right: 15px; }

.st-accordion .st-accordion-li:first-child {
  border-top: none; }

.st-accordion .st-accordion-li > a {
  font-family: "Josefin Slab", "Rockwell", "Courier New", Georgia, serif;
  text-shadow: 1px 1px 1px #fff;
  font-size: 46px;
  display: block;
  position: relative;
  line-height: 100px;
  outline: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

.st-accordion .st-accordion-li > a span {
  background: transparent url(../img/down.png) no-repeat center center;
  text-indent: -9000px;
  width: 26px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -7px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.st-accordion .st-accordion-li > a:hover {
  color: #1693eb; }

.st-accordion .st-accordion-li > a:hover span {
  opacity: 1;
  right: 10px; }

.st-accordion .st-accordion-li.st-open > a {
  color: #1693eb; }

.st-accordion .st-accordion-li.st-open > a span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  opacity: 1; }

.st-content {
  padding-bottom: 30px; }

.st-content .st-accordion-p {
  font-size: 18px;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 28px; }

.st-content img {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }

@media screen and (max-width: 480px) {
  .st-accordion .st-accordion-li > a {
    font-size: 24px; } }

.modal-dialog {
  width: 80%; }

.modal-caption {
  text-align: center; }