body {
	
	font-family:Calibri!important;
	margin: 0px;
	padding: 0px;
}
p {
	color: #666;
}
a {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a:hover {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	text-decoration:none!important;
}

.contact_top{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce2b2f+36,870709+71 */
background:#690; /* Old browsers */


}


.top_mail a:hover{
	color:#FFF !important;
	text-decoration:none;
}


.header{
	height:100px;
	border-bottom:#FFF solid;
	background:#9261aa;
}

.header p{
	text-align:right;
	padding-top:30px;
}

.phil h1{
	color:#FFF;
	font-size:40px;
	font-weight:bold;

}

.phon{
	font-size:22px;
	color:#FFF;
}
.info{
	font-size:22px;
	color:#FFF !important;
	text-decoration:none;
}

.info a{
	color:#FFF;
}

.info a:hover{
	color:#CCC;
}
/*==========   

BANNER CSS
==========*/

.fade-carousel {
	position: relative;
	height:560px;
}
.fade-carousel .carousel-inner .item {
	height:568px;
	
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: #fff;
	border-color: #fff;
	opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #e01334;
	border-color: #e01334;
}
/********************************/
/*          Hero Headers        */
/********************************/


.hero {
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 44%;
	color: #fff;
	text-align: left;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.hero h1 {
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.hero h3 {
	line-height:25px;
	font-size:19px;
	width:650px;
	padding-bottom:50px;
}
.hero a{
	background:#e01334;
	color:#fff;
	border-radius:10px;
	text-decoration:none;
	font-size:17px;
	padding:16px 40px 16px 40px;
}

.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
	-webkit-transition: 2s all ease-in-out .1s;
	-moz-transition: 2s all ease-in-out .1s;
	-ms-transition: 2s all ease-in-out .1s;
	-o-transition: 2s all ease-in-out .1s;
	transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
	-webkit-transition: 2s all ease-in-out .1s;
	-moz-transition: 2s all ease-in-out .1s;
	-ms-transition: 2s all ease-in-out .1s;
	-o-transition: 2s all ease-in-out .1s;
	transition: 2s all ease-in-out .1s;
}


/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 {
	height: 600px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
	background-image: url(../images/banner1.jpg);
	background-size: cover;
	height: 600px;
}
.fade-carousel .slides .slide-2 {
	background-image: url(../images/banner2.jpg);
	background-size: cover;
	height: 600px;
}
.fade-carousel .slides .slide-3 {
	background-image: url(../images/banner3.jpg);
	background-size: cover;
	height: 600px;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
.hero {
	width: 980px;
}
}
@media screen and (max-width: 640px) {
.hero h1 {
	font-size: 4em;
}
}

.menu .active a{
		color:#cf2c2f;
}
.menu a:hover{
    	background:none!important;
		color:#cf2c2f;
}
.menu ul li{
	border-right: solid 1px #666;
}
.menu ul li:last-child{
	border-right: solid 0px #666;
}
.bg_logo{
	background:#fff;
	border-bottom: solid 4px #1e7aa1;
}


/*========
WELCOME
========*/

.welcome{
	text-align:center;
	 border-bottom:#FFF 1px solid;
	height:50px;
	background:#2a80b9;
	
}

.admission{
	 text-align:center;	
	height:280px;
	background:#9261aa;
	border-bottom:#FFF solid 1px;
}

.admission h1{
	color:#FFF;
    font-size:30px;
	font-weight:bold;
	padding:17px;
}

.admission h2{
	color:#FFF;
	font-size:21px;
	line-height:30px;

}

.course{
	
	background:#999;
	padding:5px;
}

.course h2{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:20px;
}

.fami p{
	text-align:justify;
}

.course p{
	font-size:21px;
	color:#FFF;
	text-align:center;	
}

.square {
    background:#999;
    width: 250px;
    height: 160px;
	border:#FFF solid 15px;
	margin-left:70px;
	margin-top:50px;
	
}

.square h1:hover{
	
	color:#0C0;
    
}
.square h1 {
    color:#FFF; 
	text-align:center;
	padding-top:15px;
	font-weight:bold;
	font-size:40px;
}

.mphil{
	float:right;
	margin-right:150px;
}

.para p{
	font-size:21px;
	color:#FFF;
	padding-top:20px;
}


.img-circle{
	width:190px;
	height:190px;
	border-radius:50%;
	margin-top:50px;
	
}

.dasd h1{
     padding-top:30px;
     text-align:center;
	 font-weight:bold;
	 font-size:30px;
}

.dasd h3{
	font-size:22px;
	font-weight:bold;
}
.dasd{
	text-align:center;
}

.dasd p{
	text-align:center;
	font-size:18px;
}

.footer{
	background:#9261aa;
	color:#FFF;	
	height:40px;
}

.footer h3{
	margin-top:10px;
	font-size:20px;
}


.con{
	float:right;
	
	
}


.top_baner{
	position:absolute;
	top:130px;
	left:100px;
    margin-top:30px;
	width:390px;
	background:#ffbd33;
	color:#FFF;
	font-size:18px;
	
	}


.top_baner h2{
	font-size:30px;
	font-weight:bold;
	text-align:left;
}

.top_baner a{
	padding:15px;
	margin-top:20px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-right:20px;
}


@media screen and (min-width:320px) and (max-width:480px) {
	.phil h1 {
    font-size: 25px;
	text-align:center;
	margin-top:5px;
	}
	.header {
    height: auto;
}
.phon {
    font-size: 18px;
}
.info {
    font-size: 18px;
}
.header p {
    padding-top: 0;
    text-align: center;
}
.top_baner {
    font-size: 14px;
    left: 0;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.fade-carousel {
    height: auto;
}
.fade-carousel .carousel-inner .item {
    height: auto;
}
.fade-carousel .slides .slide-1 {
    height: 250px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-2 {
    height: 250px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-3 {
    height: 250px;
	background-size:100% 100%;
}
.admission h1 {
    font-size: 23px;
    padding: 10px;
}
.admission h2 {
	padding:10px;
	padding-top:0px;
	margin-top:0px;
    font-size: 18px;
	line-height:20px;
}
.admission {
    height: auto;
}
.course p{
	padding:10px;
    font-size: 18px;
	line-height:20px;
}
.square {
    margin-left: 0;
    margin-top: 9px;
    width: 100%;
}
.course {
    height: auto;
}
.dasd h1 {
    padding-top: 0;
}
.img-circle {
    height: auto;
    margin-top: 0;
    width: 100%;
}
.footer {
    height: auto;
}
.con {
    float: none;
}
.footer h3 {
	text-align:center;
    font-size: 16px;
}
}

@media (min-width: 370px) and (max-width: 800px) {
	.phil h1 {
    font-size: 25px;
	text-align:center;
	margin-top:5px;
	}
	.header {
    height: auto;
}
.phon {
    font-size: 18px;
}
.info {
    font-size: 18px;
}
.header p {
    padding-top: 0;
    text-align: center;
}
.top_baner {
    font-size: 14px;
    left: 0;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.fade-carousel {
    height: auto;
}
.fade-carousel .carousel-inner .item {
    height: auto;
}
.fade-carousel .slides .slide-1 {
    height: 250px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-2 {
    height: 250px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-3 {
    height: 250px;
	background-size:100% 100%;
}
.admission h1 {
    font-size: 23px;
    padding: 10px;
}
.admission h2 {
	padding:10px;
	padding-top:0px;
	margin-top:0px;
    font-size: 18px;
	line-height:20px;
}
.admission {
    height: auto;
}
.course p{
	padding:10px;
    font-size: 18px;
	line-height:20px;
}
.square {
    margin-left: 0;
    margin-top: 9px;
    width: 100%;
}
.course {
    height: auto;
}
.dasd h1 {
    padding-top: 0;
}
.img-circle {
    height: auto;
    margin-top: 0;
    width: 100%;
}
.footer {
    height: auto;
}
.con {
    float: none;
}
.footer h3 {
	text-align:center;
    font-size: 16px;
}
}

@media only screen and (min-width:768px) and (max-width:800px) {
	.header p {
    padding-top: 28px;
	text-align:right;
	}
	.fade-carousel {
    height: 480px;
}
.fade-carousel .carousel-inner .item {
    height: 480px;
}
.fade-carousel .slides .slide-1 {
    height: 480px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-2 {
    height: 480px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-3 {
    height: 480px;
	background-size:100% 100%;
}
.top_baner {
    left: 8%;
    margin-top: 0;
    position: absolute;
    top: 12%;
    width: 33%;
}
.top_baner h2 {
    font-size: 20px;
}
.admission h2 {
    font-size: 14px;
}
.course p {
    font-size: 14px;
}
.course h2{
	padding:0px;
}
.dasd h3 {
    font-size: 18px;
}
.dasd p {
    font-size: 14px;
}
.footer h3 {
    text-align: left;
}
.con {
    float: right;
}
.header {
    height: 100px;
}
.phil h1 {
    font-size: 28px;
    margin-top: 25px;
}
}
@media only screen and (min-width:900px) and (max-width:980px) {
.phil h1 {
    font-size: 30px;
}
.phon {
    font-size: 20px;
}
.info {
    font-size: 20px;
}
.admission {
    height: auto;
 }
 .admission h2{
    font-size: 17px;
 }
 .course {
     height: auto;
 }
 .course p {
    font-size: 17px;
 }
 .square {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}
.dasd h1 {
    padding-top: 0;
}
.img-circle {
    height: auto;
    margin-top: 0;
    width: 100%;
}
.dasd h3 {
    font-size: 18px;
 }
 .dasd p {
    font-size: 14px;
 }
 .top_baner {
	 width:260px;
}
}
@media only screen and (min-width:991px) and (max-width:1150px) {	
	.header p {
    padding-top: 28px;
	text-align:right;
	}
	.fade-carousel {
    height: 450px;
}
.fade-carousel .carousel-inner .item {
    height: 450px;
}
.fade-carousel .slides .slide-1 {
    height: 450px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-2 {
    height: 450px;
	background-size:100% 100%;
}
.fade-carousel .slides .slide-3 {
    height: 450px;
	background-size:100% 100%;
}
.top_baner {
    left: 5%;
    margin-top: 0;
    position: absolute;
    top: 15%;
    width: 33%;
}
.top_baner h2 {
    font-size: 20px;
}
.admission h2 {
    font-size: 18px;
}
.admission h1 {
	padding:0px;
}
.admission {
    height: auto;
 }
.course p {
    font-size: 17px;
}
.course h2{
	padding:0px;
}
.dasd h3 {
    font-size: 18px;
}
.dasd p {
    font-size: 14px;
}
.footer h3 {
    text-align: left;
	 font-size: 17px;
}
.con {
    float: right;
}
.header {
    height: 100px;
}
.phil h1 {
    font-size: 28px;
    margin-top: 25px;
}
.info {
    font-size: 20px;
}
.phon {
    font-size: 20px;
}
.square {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}
.course {
    height: auto;
}
.dasd h1 {
    padding-top: 0;
}
.img-circle {
    margin-top: 0;
}
}