.sticky-footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #1a265c;
   color: white;
   text-align: left;
   height:30px;
}
.sticky-footer .sticky-footer-headline {
    font-weight:bold;
    color:#1a265c;
    border:solid #1a265c 1px;
    background:white;
    float:left;
    text-align:center;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    width:20%;
    height:30px;
}
.sticky-footer-headline:after {
    content: "";
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.5em;
    border-color: transparent #1a265c;
    display: inline-block;
    height: 0;
    width: 0;
    left: 7px;
    top: 3px;
    position: relative;
}
.sticky-footer .sticky-footer-updates {
    float:left;
    width:80%;
}
.sticky-footer .sticky-footer-updates marquee {
    padding:8px;
}
.sticky-footer .sticky-footer-updates marquee a{
    color:yellow;
}
.fadein {
animation: fadeIn 1s ease-in both;
animation-delay: 2s;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.alumnistory {
    
}
.alumnistory .play-icon{
    cursor: pointer;
    position: absolute;
    top : 50%;
    left : 50%;
    transform: translate(-50%, -50%);
}

svg:hover #play-svg{
  fill: #CC181E;
}
.pd20 {
    padding-bottom:20px;
}
.padding10 {
    padding:10px;
}
.padding5 {
    padding:5px;
}
.alumnidash {
    padding:20px;
}
.alumnidash:hover {
    background:aliceblue;
    border:1px solid #1a265c;
}
.alumnidash img:hover {
    opacity:0.7;
    filter: grayscale(100%);
}
.pagination-wrapper .pagination > li a.active {
    color: white;
    background: #1a265c;
}
.pagination-wrapper .pagination > li a[rel="prev"] {
    color: white;
    background: #1a265c;
}

.pagination-wrapper .pagination > li a[rel="next"] {
    color: white;
    background: #1a265c;
}
.isplcontact h3 {
    font-size:18px;
}
.isplcontact h4 {
    font-size:16px;
    line-height:28px;
    margin: 5px 8px 5px 8px;
}
.isplcontact address {
    margin:15px;
}
.isplcontact .fa {
    margin-right:10px;
}
.isplcontact .isplsocial {
    margin:15px;
}
.isplaboutimg {
    text-align:center;
}
.isplaboutimg img{
    width:75%!important;
    height:auto;
}
.ispldiv h3 {
    font-size:20px;
    padding:20px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 15px;
    position: relative;
}
.ispldiv h4 {
    font-size:18px!important;
    padding:10px 20px 10px 20px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 15px;
    position: relative;
}
.ispldiv p{
    font-size:14px;
    padding:15px 25px 10px 25px;
    line-height: 1.5em;
    text-align:justify;
}
.ispldiv ul{
    font-size:14px;
    padding:25px;
    list-style-type: none;
}
.ispldiv ul li{
    line-height:25px;
    padding-left:10px;
}
.ispldiv ul li:before{
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 700;
    font-size: 10px;
}
.ispldiv h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.ispldiv h1:before,.ispldiv h3:before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    height: 4px;
    width: 52px;
    background-color: #111;
}
.ispldiv h1:after,.ispldiv h3:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 1px;
    height: 1px;
    width: 100%;
    max-width: 255px;
    background-color: #333;
}
.play-button-outer {
  margin: 25% auto;
  width: 10em;
  height: 10em;
  background-color: rgba(0, 0, 0, .25);
  cursor: pointer;
}

.play-button {
  margin: 0 auto;
  top: 25%;
  position: relative;  
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5em 0 2.5em 5em;
  border-color: transparent transparent transparent #000;
  opacity: .75; 
}

.play-button-outer:hover {
  background-color: rgba(0, 0, 0, .5);
}

.play-button-outer:hover .play-button {
  opacity: 1;
}