@charset "utf-8";
/* CSS Document */
@font-face {font-family: "LithosPro-Black";
  src: url("5864683b74c0ad50e3bb5c461f4f7b38.eot"); /* IE9*/
  src: url("5864683b74c0ad50e3bb5c461f4f7b38.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("5864683b74c0ad50e3bb5c461f4f7b38.woff2") format("woff2"), /* chrome、firefox */
  url("5864683b74c0ad50e3bb5c461f4f7b38.woff") format("woff"), /* chrome、firefox */
  url("5864683b74c0ad50e3bb5c461f4f7b38.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("5864683b74c0ad50e3bb5c461f4f7b38.svg#LithosPro-Black") format("svg"); /* iOS 4.1- */
}
body{
	background:#FFF;
	margin: 0;
	padding: 0;
}
h2,h3,h4{
	font-family:"Lithos Pro Black" !important;
	font-weight: 900;
	text-transform: uppercase;
}
header{
	padding:0px 0;
	background: #FFF;
}
.nav-link{
	font-weight: bold;
}
.slidearea .container-fluid{
	background:#FFF url("../images/slide1.jpg") no-repeat;
	padding:0 !important;
	margin:0 !important;
}
.carousel-caption h2{
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}
.school{
	background:#FFF url("../images/concrete-texture.png");
	padding:30px 0;
}
.noticearea{
	background:url("../images/notice_board.png") no-repeat center center;
	height: 292px;
	padding:110px 0 100px 20px;
}
@media screen and (max-width:1000px){
	.noticearea{
		padding:110px 0 100px 30px;
	}
}
.noticearea ul{
	list-style: none;
}
.noticearea ul a:link,.noticearea ul a:visited {
	color:#151414;
	text-decoration:none;
}
.noticearea ul a:hover {
	color:#151414;
	text-decoration:underline;
}
.box{
	overflow: hidden;
}
.msmborder{
	border-top:solid 1px #CCC;
	margin-top:50px;
	padding-top:25px;
}
.hmenu{
	margin:10px;
}
.hmenu a:link, .hmenu a:visited{
	padding:25px 15px;
	display:block;
	background:#A91E17;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.hmenu a:hover{
	background-image: linear-gradient(to top, #ba2922, #ba2922);
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
	margin:10px auto;
	width:296px;
	height:166px;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
	position:absolute;
	top:0;
	padding:10px;
	height:20vh;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 10px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
	font-size:22px;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
		
.intro{
	background: #252525;
	padding:50px 0;
}
.intro h3{
	color:#FFF;
	text-align: center;
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}
.intro p{
	color:#FFF;
	text-align: justify;
}
.intro p strong{
	color:#FF9D3C;
}
.vision{
	background: #F6F1F3 url("../images/concrete-texture.png");
	padding:50px 0;
}
.vision h3{
	text-align:center;
}
.gallery{
	background: #B93D30;
	padding: 50px 0;
}
.gallery h3{
	text-align: center;
	color:#FFF;
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}
.gitem img{
	border-radius:10px;
	border:solid 3px #FFF;
}
.ginfo{
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.toppers{
	background: #FF9D3C;;
	padding:50px 0;
	text-align: center;
}
.toppers h3{
	text-align: center;
	color:#1B1B1B;
	text-shadow: 0.075em 0.08em 0.1em rgba(255,255,255,1.00);
}
.toppers img{
	border-radius:10px 10px 0 0;
	border:solid 2px #323232;
	margin: 10px auto;
}

.alumni{
	background: #B93D30;
	padding: 50px 0;
}
.alumni h3{
	text-align: center;
	color:#FFF;
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}
.alumni h4{
	color:#FF9D3C;
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}
.alumni h4:nth-child(2n+1){
	text-align: right;
}
#particles-js{
    position: relative;
    width: 100%;   height: 600px;
    /*background: #262626;*/
}

#particles-js .container {
	position: absolute !important;
	width:100%;
	height:100% !important;
	top:0 !important;
	padding:50px;
	margin:0 auto !important;
}
footer{
	background: #292929 url("../images/footer_bg.jpg") no-repeat;
	background-size: cover;
	padding-top:70px;
}
footer h4{
	color:#FFF;
	text-transform: uppercase;
	margin-bottom:20px;
	text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
	text-align: center;
}
footer p{
	color:#FFF;
}
footer p strong{
	color:#FF9D3C;
}
footer a:link, footer a:visited{
	color:#FFF;
	text-decoration: none;
	transition: all 1s;
}
footer a:hover{
	color:#FFBBBC;
}
footer ul{
	list-style: none;
	margin-left:20px;
	padding: 0;
}
footer ul li{
	transition: all 1s ease;
}
footer ul li:hover{
	transform: translateX(15px);
}
footer ul li a:link,footer ul li a:visited{
	color:#FFC48A;
	text-decoration:none;
}

.footer-bottom{
	background: #000;
	padding:10px 0;
	margin-top:10px;
}
 #social{
	overflow: hidden;
	text-align: center;
}
#social a{
	 padding:5px;
}
 #social a i {
  font-size:18px;
  color:inherit;
  background-color:transparent;
  transition:transform 0.25s ease,opacity 0.2s ease;
  -webkit-transition:-webkit-transform 0.25s ease,opacity 0.2s ease;
  text-align:center;
  line-height:24px;
  height:22px;
  width:36px;
}
 #social a:hover i{
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}

 #social  a i:after {
  position:absolute;
  top:100%;
  left:0;
  width:100%
}
 #social  a i:before{
  width:100%
}
#social .fa-twitter:after{ content:"\f099" }
#social .fa-facebook:after{ content:"\f09a" }
#social .fa-youtube:after{ content:"\f167" }
#social .fa-linkedin:after{ content:"\f0e1" }
#social .fa-instagram:after{ content:"\f16d" }