html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}


#login-form{padding: 0 0 0 4%;}
.text{font-size:2em;color:red;}
.btn-liquid {
  display: inline-block;
  position: relative;
  width: 70%;
  height: 20%;

  border-radius: 27px;
  margin-top:9px;
  color: #fff;
  font: 700 12px/60px "Droid Sans", sans-serif;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-liquid .inner {
  position: relative;
  /*margin-top:-80px;*/
  z-index: 2;
}

.btn-liquid canvas {
  position: absolute;
  top: -30px;
  right: -50px;
  bottom: -50px;
  left: -50px;

  z-index: 1;
}

.container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 90%;
  margin-top: 4%;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.5);
}

.container .left {
  flex: 1 1 30%;
  min-height: 400px;
  background: linear-gradient(to right, rgba(3, 111, 23, 0.53), rgba(20, 21, 20, 0.65)), url(../../images/person1.png);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

body {
  overflow-y: auto; /* Make sure page scrolls */
}


.container .right {
  flex: 1 1 70%;
  min-height: auto;
  background: #FFF;
  padding: 20px;
  box-sizing: border-box;
}


@media screen and (max-width: 991px) {
  .container {
    flex-direction: column;
  }
  .container .right {
    flex: 1 1 100%;
    width: 100%;
  }
  .container .left {
    max-height: 30vh;
    flex: 1 1 100%;
    width: 100%;
  }
}


.card{
  background: #fff;
  /* font-size: 1em; */
  padding: 5px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);
  margin:10px;
}
/**** slider ****/

#slider, ul
{
  height: 200px;
}

#slider
{
  margin: auto;
  overflow: hidden;
  padding: 20px;
  margin-top: 50px;
  border-radius: 10px;
  position: relative;
  height: 550px;
}

#slider li
{
  float: left;
  position: relative;
  width: 600px;
  display: inline-block;
  height: 200px;
}

#slider ul
{
  list-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 9000px;
  transition: left .9s linear;
  -moz-transition: left .9s linear;
  -o-transition: left .9s linear;
  -webkit-transition: left .9s linear;
  margin-left: -25px;
  font-family: century gothic;
  color: #666;
}

/*** Content ***/

.slider-container
{
  /*margin: 0 auto;*/
  margin-left: 6%;
  padding: 0;
  width: 50%;
  border-bottom: 1px solid #ccc;
}

.slider-container h4
{
  color: #f5f5f5;
    text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50);
    text-align: center;
    font-weight: bold;
    margin-top:35%;
    font-size: 230%;
}

.slider-container  p
{
  margin-left:0px;
  /*font-weight: bold;*/
  line-height: 150%;
  text-align: justify;
  color:#fff;
  padding:0 10% 0 0;
}

/*** target hooks ****/

@-webkit-keyframes slide-animation {
  0% {opacity:0;}
  2% {opacity:1;}

  15% {left:0px; opacity:1;}
  17.5% {opacity:0.6;}
  20% {left:-600px; opacity:1;}

  35% {left:-600px; opacity:1;}
  37.5% {opacity:0.6;}
  40% {left:-1200px; opacity:1;}

  55% {left:-1200px; opacity:1;}
  57.5% {opacity:0.6;}
  60% {left:-1800px; opacity:1;}

  75% {left:-1800px; opacity:1;}
  77.5%  {opacity:0.6;}
  80% {left:-2400px; opacity:1;}

  95% {opacity:1;}
  97.5% {left:-2400px; opacity:0;} 
  100% {left:0px; opacity:0;}
}
.para{padding-left:5%; text-align:justify;padding-right:5%; font-size: 0.9em}
#slider ul
{
  -webkit-animation: slide-animation 25s infinite;
}

/* use to paused the content on mouse over */

#slider ul:hover
{
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}

.card-left{ margin-left:-28px}
.center
{
    text-align: center;
}



.left .text small{
  color:#fff;
}

.left .text h2{
  margin-bottom: 100px;
  color:#b3ce33;
  font-size: 1.5em;
}

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle; border-top-left-radius:8px;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  background-image: transparent;
}

/* Caption text */
.text {
  color: #fff !important;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
form a {text-decoration: none; color:#fff; font-weight: bold;}

form a:hover {text-decoration: none; color:#fff; font-weight: bold;}

#enrol{display: none;}
/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #b5d033;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.text{font-size:2em;color:red;}

.active {
  background-color: #01953d;;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 10s;
  animation-name: fade;
  animation-duration: 10s;
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
    .slider-container
{
  /*margin: 0 auto;*/
  margin-left: 15px;
  padding: 0;
  width: 75%;
  border-bottom: 1px solid #ccc;
}
}
marquee{background-color:#a2c53766; font-size:1em;}

.left-footer{padding-left:15%;}
.right-footer{padding-left:17%;}
.tos{text-align: left;
padding-top: 10px;
font-size: 12px;}

.tos1{text-align: center; margin-top:15px;}

@media screen and (max-width: 991px) {
  .slider-container
{
  /*margin: 0 auto;*/
  margin-left: 15px;
  padding: 0;
  width: 75%;
  border-bottom: 1px solid #ccc;
}
td{font-size:0.9em;}
.paraf{margin-left: -40%;
margin-top: 2%;}

span img{
    width:5% !important;
}
.paraf a{font-size:0.8em;}
span{font-size:0.9em !important;}
.pull-right{float:right;width:60%;}
.tos{font-size:0.8em;}
.tos a {font-size:0.5em;}
.tos img {width:10%;}
.logoz{width:20%;margin-left:35%;margin-right:40%;}
h3{font-size: 0.7em;margin-left: 5%;}
.text {font-size:1em;}
h4{font-size:1em !important;}
h1{font-size:20px;}
body{overflow: auto;}
  .container {
    flex-direction: column;
  }

  .container .left,
  .container .right {
    flex: 1 1 100%;
    width: 100%;
    min-height: auto;
  }
.right{padding-top:10%;}
.slider-container h4 {margin-top:2%;}
.slider-container{width:45%;}
.btn-liquid {
  width: 90%;
  height: 50px;
  margin-top:20px;
  font: 700 11px/40px "Droid Sans", sans-serif;
  letter-spacing: 0.03em;
}
.navbar-fixed-bottom{width:100%;}
.btn-liquid canvas {
  position: absolute;
  top: -55px;
  right: -50px;
  bottom: -50px;
  left: -50px;

  z-index: 1;
}
.para{font-size: 0.6em}

.slider-container p {

    margin-left: 0px;
    line-height: 95%;
    text-align: justify;
    color: #fff;
    padding: 0 10% 0 0;
    font-size:1em;

}
.slider-container h4 {
  font-size:1.5em;
}
.container{width:90%;}
.card-left{ margin-left:10px; }
 #nimc,#biosec{display:none;}
#login-form a{margin-bottom:5%;}
.right-footer{padding-left:10%;}
.left-footer{padding-left:10%;}
}