@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Poppins');
html,body{
	background-color:#fff;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1.6px;
	background-color: #FA8BFF;
	background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

p,tr,td.li{
	font-family: 'Poppins', sans-serif !important;
	}

h1,h2,h3,h4,h5,h6{
	font-family: 'Berkshire Swash', cursive;
	}
h1{
	color:#2bfe87;
	font-size:52px;
	text-shadow: 2px 2px #4b7279;
	}
h3{
	color:#ea4255;
	}
h2{
	background: -webkit-linear-gradient(#ea4255, #ef7e7e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}
p   {
	padding-left:15px;
	color:#1a333d;
	letter-spacing:1px;
	}
a{
	text-decoration:none;
	color:#ea4255;
	}
a:hover{
	text-decoration:none;
	color: -webkit-linear-gradient(#ea4255, #dc1a1a);
	}
#toptext{
	height:auto;
	color:#FFF;
	}
#about,#gallery,#principal,#admission,#infrastructure,#faculty,#curricular,#activities,#results,#achievers,#mandatory_disclosure#contactus{
	height:auto;
	color:#000;
}
.bgcolor{
	background: url(../img/bg-website.jpg) no-repeat center top; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color: rgb(246, 246, 246);
    box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 60px;
    padding-right: 60px;
	}
#footer{
	height:auto;
	color:#f7f4f4;
	}
	
	
.animated-modal {
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}
