@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400);

@font-face {
	font-family:'GillSans-Regular';
	src: url('GillSans_gdi.eot');
	src: url('GillSans_gdi.eot?#iefix') format('embedded-opentype'),
		url('GillSans_gdi.woff') format('woff'),
		url('GillSans_gdi.ttf') format('truetype'),
		url('GillSans_gdi.svg#GillSans-Regular') format('svg');
	font-weight: 5;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2666;
}

*{margin:0px; padding:0px;}

body{font-family:Arial, Helvetica, sans-serif;}


img{border:0px; max-width:100%;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}

p{
	font-size:13px;
	color:#616161;
	line-height:30px;
	margin-bottom:10px;
	text-align:justify;
}

/*============*/

.header{
	width:100%;
	padding-top:5px;
}

.container{
	width:1200px;
	margin:auto;
}

.phone, .email{
	width:300px;
	float:left;
	margin-top:40px;
	color:#404040;
	font-family:'GillSans-Regular';
}

.phone h4{
	font-weight:normal;
	letter-spacing:0.5px;
	background:url(../images/phone.jpg) no-repeat 0px -1px;
	padding:0px 0 0 25px;
}

.email h4{
	font-weight:normal;
	letter-spacing:0.5px;
	background:url(../images/email.jpg) no-repeat 205px 0px;
}

.email a{
	text-decoration:none;
	color:#404040;
}

.email a:hover{
	color:#850134;
}

.logo{
	width:420px;
	float:left;
	margin:0 90px;
}

.email{
	text-align:right;
}


/*===NAV===*/

.navi-gation{
	width:100%;
	background:#3a3a3a;
	text-align:center;
	font-size:17px;
	font-family:'GillSans-Regular';
}


/*===SECTION====*/

.emptyspace{
	height:50px;
}


.section{
	width:100%;
	background:#eae6e6;
}


.section-left{
	width:25%;
	float:left;
	padding:2.5% 0%;
}


@keyframes blink {
to { color:red; }
}

.my-element{
	padding:0 10%;
	font-size:23px;
	line-height:40px;
	color: blue;
	font-family:'GillSans-Regular';
	animation: blink 1s steps(2, start) infinite;
}


.section-right, .activities{
	width:70%;
	float:right;
	padding:2.5%;
	background:#FFFFFF;
}


.section-right h1, .section-right h2, .section-right h3, .section-right h4, .section-right h5{font-family: 'Alegreya', serif;}

.section-right h1{
	color:#850134;
	text-transform:uppercase;
	margin-bottom:10px;
}

.section-right h2{
	color:#850134;
	font-weight:normal;
}

.section-right h3{
	color:#1d1d1d;
	font-weight:normal;
	margin-top:5px;
}

.section-right h4{
	color:#616161;
	font-weight:normal;
	font-style:italic;
}

.section-right h5{
	color:#616161;
	/*margin:5px 0;*/
	font-weight:normal;
}


.section-right li{
	margin-left:50px;
	font-family: 'Alegreya', serif;
}

.faculty{
	margin:0;
}

.faculty li{
	list-style-type:none;
}

.faculty .pho-tos{
	margin-right:30px;
	float:left;
}

.faculty .fac-name{
	float:left;
	margin-top:25px;
}


.border-line{
	border-bottom:1px solid #bfbfbf;
	margin:10px 0;
}


.section-right .inr-img{
	margin:10px 0;
}



.admission{
	width:70%;
	float:right;
	padding:2.5%;
	background:#FFFFFF;
}


.admission h1, .admission h2, .admission h3, .admission h4, .admission h5{font-family: 'Alegreya', serif;}

.activities h1, .activities h2, .activities h3, .activities h4, .activities h5{font-family: 'Alegreya', serif;}

.admission h1{
	color:#850134;
	text-transform:uppercase;
	margin-bottom:10px;
}

.admission li{
	margin-left:50px;
	color:#616161;
	font-size:13px;
	line-height:25px;
}

.adm-table{
	width:70%;
	margin:20px auto;
	border-top:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	font-size:15px;
	color:#616161;
	font-family:'GillSans-Regular';
}

.tabl-col1{width:47%; background:#f5f5f5; border-bottom:1px solid #bfbfbf; border-right:1px solid #bfbfbf; padding:1%;}
.tabl-col2{width:47%; background:#f5f5f5; border-bottom:1px solid #bfbfbf; padding:1%;}


.bg-co-lor{background:#747272; font-size:19px; color:#fff;}

.act-box{margin-bottom:10px; border-bottom:1px dotted #bfbfbf; padding-bottom:10px;}

.act-box li{
	width:25%;
	float:left;
	line-height:30px;
	font-size:16px;
}

.act-box a{
	text-decoration:none;
	color:#616161;	
}

.act-box a:hover{
	color:#850134;	
}


.college-day{margin-bottom:10px; border-bottom:1px dotted #bfbfbf; padding-bottom:10px;}

college-day h3{
	font-family: 'Alegreya', serif;
	color:#C02963;
	font-weight:normal;
	margin-top:5px;
}

.college-day li{
	list-style-type:none;
	float:left;
	margin:10px;
}




/*====FOOTER======*/


.footer{
	width:100%;
	background:#2f2f2f;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family: 'Alegreya', serif;
	line-height:27px;
}

.footer a{
	text-decoration:none;
	color:#fff;
	font-style:italic;
	font-size:13px;
}

.footer a:hover{
	color:#850134;
}


.gototop {
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.overline{
	text-decoration:overline;
}

.ncte{
	background:#2F2F2F;
	margin:20px auto;
	text-align:center;
	padding:10px 10%;
	width:60%;
	font-size:13px;
	font-weight:bold;
}

.ncte a{
	text-decoration:none;
	color:#fff;
}


/*===MEDIA SCREEN===*/

@media only screen and (min-width:980px) and (max-width:1199px) {

p{font-size:13px; line-height:25px;}

.container{width:980px;}

.phone, .email{width:270px;}

.email h4{background:url(../images/email.jpg) no-repeat 175px 0px;}

.logo{margin:0 10px;}

}

@media only screen and (min-width:768px) and (max-width:979px) {

.container{width:768px;}

.phone, .email{width:204px; margin-top:40px;}

.logo{width:360px; margin:0px;}

.email h4{background:url(../images/email.jpg) no-repeat 110px 0px;}

.section-left, .section-right, .admission, .activities{width:95%; float:none; padding:2.5%;}


}

@media only screen and (min-width:600px) and (max-width:767px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:600px;}

.phone, .email{float:none; margin:0px 150px; text-align:center;}

.logo{float:none;}

.email h4, .phone h4{background:none; margin-bottom:10px;}

.section-left, .section-right, .admission, .activities{width:95%; float:none; padding:2.5%;}

.admission li{margin-left:15px;}

.adm-table{width:100%; font-size:14px;}

.bg-co-lor{background:#747272; font-size:16px; color:#fff;}


}

@media only screen and (min-width:480px) and (max-width:599px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:480px;}

.phone, .email{float:none; margin:0 90px; text-align:center;}

.logo{float:none; margin:0 30px;}

.phone h4, .email h4{background:none; margin-bottom:10px;}

.section-left, .section-right, .admission, .activities{width:95%; float:none; padding:2.5%;}

.admission li{margin-left:15px;}

.adm-table{width:100%; font-size:14px;}

.bg-co-lor{background:#747272; font-size:16px; color:#fff;}

.act-box li{width:38%;}

}


@media only screen and (min-width:320px) and (max-width:479px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:320px;}

.phone, .email, .logo{width:300px; float:none; margin:0 10px; text-align:center;}

.phone h4, .email h4{background:none; margin-bottom:10px;}

.section-left, .section-right, .admission, .activities{width:95%; float:none; padding:2.5%;}

.admission li{margin-left:15px;}

.adm-table{width:100%; font-size:14px;}

.bg-co-lor{background:#747272; font-size:16px; color:#fff;}

.act-box li{width:80%; float:none;}

.college-day li{margin:5px; width:140px;}

}

/*===MEDIA SCREEN===*/