#firstpageloader .loader {
      position: absolute;
      top: 30%;
      left: 30%;
      transform: translate(-16%, -50%);
}

#firstpageloader .loader2 {
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
}



#firstpageloader .loader ul,
#firstpageloader .loader2 ul {
      list-style: none;
      margin: 0;
      padding: 0;
}

#firstpageloader .gradPhDSlide1 {
   position: absolute;
   width: 60%;
   min-height: 40vh;
   background-color: rgba(0,81,127,0.75);
    -webkit-animation: goleft 10s cubic-bezier(.74, .06, .4, .92) forwards;
   animation: goleft 10s cubic-bezier(.74, .06, .4, .92) forwards;
   left: 0;
}

#firstpageloader .gradPhDSlide1Head {
      position: absolute;
      top: 32%;
      left: 10%;
      color: #ffffff;
      margin: 0;
      font-size: 2vw;
      text-shadow: .1rem .1rem .8rem black;

}

#firstpageloader .gradPhDSlide1Descr {
      position: absolute;
      top: 45%;
      left: 10%;
      color: #ffffff;
      margin: 0;
      font-size: 1.3vw;
      text-shadow: .1rem .1rem .8rem black;

}

#firstpageloader .gradPhDSlide1Btn {
      position: absolute;
      top: 62%;
      left: 10%;
      font-size: 1.3vw;
}

@-webkit-keyframes goleft {
      0% {
            left: 0;
            width: 0%;
      }
      10% {
            left: 0;
	    width: 50%;
      }
      90% {
            left: 0;
            width: 50%;
      }
      100% {
            left: 0%;
            width: 0;
      }
}


@keyframes goleft {
      0% {
            left: 0;
            width: 0%;
      }
      10% {
            left: 0;
	    width: 50%;
      }
      90% {
            left: 0;
            width: 50%;
      }
      100% {
            left: 0%;
            width: 0;
      }
}

#firstpageloader .gradPhDSlide1Head,
#firstpageloader .gradPhDSlide1Descr,
#firstpageloader .gradPhDSlide1Btn {
       -webkit-animation: loadPhDSld 8.6s ease-in-out  forwards;
      animation: loadPhDSld 8.6s ease-in-out  forwards;
      opacity: 0;
}

@-webkit-keyframes loadPhDSld {
      0% {
            opacity: 0;
	    z-index: auto;
      }
      20% {
            opacity: 1;
	    z-index: 100
      }
      90% {
            opacity: 1;
	    z-index: 100
      }
      100% {
            opacity: 0;
	    z-index: auto;
      }
}

@keyframes loadPhDSld {
      0% {
            opacity: 0;
	    z-index: auto;
      }
      20% {
            opacity: 1;
	    z-index: 100;
      }
      90% {
            opacity: 1;
	    z-index: 100;
      }
      100% {
            opacity: 0;
	    z-index: auto;
      }
}



#firstpageloader .fcltSrchSlide1 {
   position: absolute;
   width: 60%;
   min-height: 40vh;
   background-color: rgba(0,81,127,0.75);
    -webkit-animation: goleftS2 10s cubic-bezier(.74, .06, .4, .92) forwards;
   animation: goleftS2 10s cubic-bezier(.74, .06, .4, .92) forwards;
    -webkit-animation-delay: 11s;
   animation-delay: 11s;
   left: 0;
   opacity: 0;
}

#firstpageloader .fcltSrchSlide1Head {
      position: absolute;
      top: 32%;
      left: 10%;
      color: #ffffff;
      margin: 0;
      font-size: 2vw;
      text-shadow: .1rem .1rem .8rem black;

}

#firstpageloader .fcltSrchSlide1Descr {
      position: absolute;
      top: 45%;
      left: 10%;
      color: #ffffff;
      margin: 0;
      font-size: 1.5vw;
      text-shadow: .1rem .1rem .8rem black;

}

#firstpageloader .fcltSrchSlide1Btn {
      position: absolute;
      top: 58%;
      left: 10%;
      font-size: 1.3vw;
}

@-webkit-keyframes goleftS2 {
      0% {
            left: 0;
            width: 0%;
	    opacity: 0;
      }
      10% {
            left: 0;
	    width: 50%;
            opacity: 1;
      }
      90% {
            left: 0;
            width: 50%;
	    opacity: 1;
      }
      100% {
            left: 0%;
            width: 0;
	    opacity: 0;
      }
}


@keyframes goleftS2 {
      0% {
            left: 0;
            width: 0%;
	    opacity: 0;
      }
      10% {
            left: 0;
	    width: 50%;
	    opacity: 1;
      }
      90% {
            left: 0;
            width: 50%;
	    opacity: 1;
      }
      100% {
            left: 0%;
            width: 0;
	    opacity: 0;
      }
}

#firstpageloader .fcltSrchSlide1Head,
#firstpageloader .fcltSrchSlide1Descr,
#firstpageloader .fcltSrchSlide1Btn {
       -webkit-animation: loadFcSSld 8.6s ease-in-out  forwards;
      animation: loadFcSSld 8.6s ease-in-out  forwards;
       -webkit-animation-delay: 11s;
      animation-delay: 11s;
      opacity: 0;
}

@-webkit-keyframes loadFcSSld {
      0% {
            opacity: 0;
	    z-index: auto;
      }
      20% {
            opacity: 1;
	    z-index: 100;
      }
      90% {
            opacity: 1;
	    z-index: 100;
      }
      100% {
            opacity: 0;
	    z-index: auto;
      }
}

@keyframes loadFcSSld {
      0% {
            opacity: 0;
	    z-index: auto;
      }
      20% {
            opacity: 1;
            z-index: 100;    
      }
      90% {
            opacity: 1;
	    z-index: 100;
      }
      100% {
            opacity: 0;
            z-index: auto;
     }
}


#firstpageloader .loader ul li {
      display: inline-block;
      color: #fff;
      /* font-family: Poppins, Roboto, sans-serif;
      font-weight: bolder; */
      margin: 0;
      font-size: 3.0vw;
      text-shadow: .1rem .1rem .8rem black;
      /* text-transform: uppercase; */
       -webkit-animation: loadNow 10s ease-in-out  forwards;
      animation: loadNow 10s ease-in-out  forwards;
      opacity: 0;
      transform: translateX(0px);
}

#firstpageloader .loader2 ul li {
      display: inline-block;
      color: #fff;
      /* font-family: Poppins, Roboto, sans-serif;
      font-weight: bolder; */
      margin: 0 1px;
      font-size: 2.4vw;
/*      letter-spacing: 0.05rem; */
      text-shadow: .1rem .1rem .8rem black;
      /* text-transform: uppercase; */
       -webkit-animation: loadNow 10s ease-in-out forwards;
      animation: loadNow 10s ease-in-out  forwards;
      opacity: 0;
      transform: translateX(0px);
}


@-webkit-keyframes loadNow {
      0% {
            opacity: 0;
            transform: translateX(100px);
      }
      15% {
            opacity: 1;
            transform: translateX(0px);
      }
      65% {
            opacity: 1;
            transform: translateX(0px);
      }
      80% {
            opacity: 0;
            transform: translateX(-100px);
      }
}


@keyframes loadNow {
      0% {
            opacity: 0;
            transform: translateX(100px);
      }
      15% {
            opacity: 1;
            transform: translateX(0px);
      }
      65% {
            opacity: 1;
            transform: translateX(0px);
      }
      80% {
            opacity: 0;
            transform: translateX(-100px);

      }
      
}

#firstpageloader .loader ul li:nth-child(1) {
      animation-delay: 21.1s;
      -webkit-animation-delay: 21.1s;
}

#firstpageloader .loader ul li:nth-child(2) {
      animation-delay: 21.4s;
      -webkit-animation-delay: 21.4s;
}

#firstpageloader .loader ul li:nth-child(3) {
      animation-delay: 21.7s;
      -webkit-animation-delay: 21.7s;
}

#firstpageloader .loader ul li:nth-child(4) {
      animation-delay: 22s;
      -webkit-animation-delay: 22s;
}

#firstpageloader .loader2 ul li:nth-child(1) {
      animation-delay: 22.3s;
      -webkit-animation-delay: 22.3s;
}
#firstpageloader .loader2 ul li:nth-child(2) {
      animation-delay: 22.6s;
      -webkit-animation-delay: 22.6s;
}
#firstpageloader .loader2 ul li:nth-child(3) {
      animation-delay: 22.9s;
      -webkit-animation-delay: 22.9s;
}


#firstpageloader .frontSiteName {
      position: absolute;
      width: 64vw;
      top: 46%;
      left: 48%;
      float: left;
      transform: translate(-50%, -50%);
}

#firstpageloader .frontSiteName span {
      display: inline-block;
      color: #fff;
      margin: 0 2px;
      font-size: 3.0vw;
      text-shadow: .1rem .1rem .8rem black;
       -webkit-animation: loadAfter 2s ease-in-out forwards;
      animation: loadAfter 2s ease-in-out forwards;
      opacity: 0;
      transform: translateX(0px);
}

#firstpageloader .frontSiteName p {
      display: inline-block;
      color: #fff;
      margin: 0 2px;
      font-size: 2.2vw;
      text-shadow: .1rem .1rem .8rem black;
      -webkit-animation: loadAfter 2s ease-in-out forwards;
      animation: loadAfter 2s ease-in-out  forwards;
      opacity: 0;
      transform: translateX(0px);
}

#firstpageloader .frontSiteName button {
      display: inline-block;
      margin-top: 2rem;
      color: #fff;
      font-size: 1.3vw;
      text-shadow: .1rem .1rem .8rem black;
       -webkit-animation: loadAfter 2s ease-in-out forwards;
      animation: loadAfter 2s ease-in-out forwards;
      background: rgba(0, 81, 127, 0.8);
      opacity: 0;
      transform: translateX(0px);
}

#firstpageloader .frontSiteName button:hover {
      background: rgba(0, 81, 127, 1);
}


@-webkit-keyframes loadAfter {
      0% {
            opacity: 0;
            transform: translateY(80px);
      }
      100% {
            opacity: 1;
            transform: translateY(0px);
      }
}

@keyframes loadAfter {
      0% {
            opacity: 0;
            transform: translateY(80px);
      }
      100% {
            opacity: 1;
            transform: translateY(0px);
      }
}

#firstpageloader .frontSiteName span,
#firstpageloader .frontSiteName p,
#firstpageloader .frontSiteName button {
      animation-delay: 29s;
      -webkit-animation-delay: 29s;
}

#firstpageloader .accredFrontTop {
   position: absolute;
   float: right;
   text-align: right;
   top: 0px;
   right: 0px;
   width: 30%;
   min-height: 40vh;
}
#firstpageloader .accredFrontTop img {
   position: absolute;
   bottom: 80px;
   right: 10px;

   opacity: 0;
   animation: accrdt 4s cubic-bezier(.74, .06, .4, .92) forwards;
   animation-delay: 29s;
   -webkit-animation-delay: 29s;
}

@-webkit-keyframes accrdt {
      0% {
            opacity: 0;
            transform: translateY(80px);
      }
      100% {
            opacity: 1;
            transform: translateY(0px);
      }
}

@keyframes accrdt {
      0% {
            opacity: 0;
            transform: translateY(80px);
      }
      100% {
            opacity: 1;
            transform: translateY(0px);
      }
}


@media (min-width: 576px) {
 #firstpageloader .accredFrontTop,
 #firstpageloader .fcltSrchSlide1, 
 #firstpageloader .gradPhDSlide1 {
    min-height: 50vh;
  }
}

@media (min-width: 768px) {
 #firstpageloader .accredFrontTop,
 #firstpageloader .fcltSrchSlide1,
 #firstpageloader  .gradPhDSlide1 {
    min-height: 60vh;
  }
}

@media (min-width: 992px) {
 #firstpageloader .accredFrontTop,
 #firstpageloader .fcltSrchSlide1,
 #firstpageloader .gradPhDSlide1 {
    min-height: 60vh;
  }  
}

@media (min-width: 1200px) {
 #firstpageloader .accredFrontTop,
 #firstpageloader .fcltSrchSlide1,
 #firstpageloader .gradPhDSlide1 {
    min-height: 70vh;
  }
}