/****************
* Clearfix items
*****************/

.clearfix:after, 
.row:after,
header:after,
#body:after,
#major-bar:after,
ul.page_tabs:after,
.newsfeed-header:after,
.home #media:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	clear: both;
}

/*****************
* Main styles
******************/

@media only screen and (min-width: 1232px) {
	.page-width {
		width: 90%;
	
		margin: 0 auto;
        padding-left:5%;
        padding-right:5%;
   
	}
}
@media only screen and (max-width: 1231px) {
	.page-width {
		width: 90%;
		    padding-left:5%;
        padding-right:5%;
	}
}

/** 
 * Footer
 */
footer {
	margin-top: 2em;
}
.home footer {
	border-top: 5px solid #848ca7;
	margin-top: 0;
}
#footer-top {
	background: #042C5D;
	color: #fff;
}
#footer-actions {
	padding: 2em 0 1em;
}
#footer-actions ul {
	text-align: center;
}
#footer-actions li {
	width: 49%;
	display: inline-block;
	margin-bottom: 1em;

}
#footer-actions li a {
	color: #fff;
	text-decoration: none;
}
#footer-actions li span.circle {
	display: inline-block;
	width: 95px;
	height: 95px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #021933 url('images/template/action-icons.png');
	margin: 0 auto 0.5em;
}
#footer-actions li a:hover span.circle {
	/* box-shadow: 0px 0px 10px #def; */
	background-color: #8195ad;
}
#footer-actions li a:hover span.text {
	/* text-shadow: 0px 0px 10px #def; */
	color: #8195ad;
}
#footer-actions li.newsletter a:hover span.circle {
	/* box-shadow: 0px 0px 10px #d04425; */
	background-color: #8195ad;
}
#footer-actions li.newsletter a:hover span.text {
	/* text-shadow: 0px 0px 10px #f3b4a6; */
	color: #8195ad;
}
#footer-actions li a:active {
	top: 2px;
	position: relative;
}
#footer-actions li.visit span.circle {
	background-position: 0px center;
}
#footer-actions li.info span.circle {
	background-position: -95px center;
}
#footer-actions li.gallery span.circle {
	background-position: -197px center;
}
#footer-actions li.newsletter span.circle {
	background-position: -294px center;
	background-color: #021933;
}
#footer-actions li.social span.circle {
	background-position: -393px center;
	background-color: #021933;
}
#footer-actions li.phone span.circle {
	background-position: -495px center;
	background-color: #021933;
}
#footer-actions li.edugate span.circle {
	background-position: -591px center;
	background-color: #021933;
}
#footer-actions li.calender span.circle {
	background-position: -692px center;
	background-color: #021933;
}
#footer-actions li.apply span.circle {
	background-position: -783px center;
	background-color: #021933;
}
#footer-actions li.admission span.circle {
	background-position: -880px center;
	background-color: #021933;
}
#footer-actions li.alumni span.circle {
	background-position: -1000px center;
	background-color: #021933;
}
#footer-actions li.contact span.circle {
	background-position: -1111px center;
	background-color: #021933;
}
#footer-actions li span.text {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 14px  'Source Sans Pro', sans-serif;
}
#footer-middle {
	background: url('images/template/footer-search-overlay.png');
	padding: 1em 0;
}
#footer-social {
	text-align: center;
	margin-bottom: 1em;
}
#footer-social ul {
	margin-top: 4px;
}
#footer-social ul li {
	display: inline-block;
	text-indent: -999px;
	margin-left: 0em;
}
#footer-social ul li:first-child {
	margin-left: 0;
}
#footer-social ul li a {
	display: block;
	width: 31px;
	height: 30px;
	background: url('images/template/social-media-icons.png') top left no-repeat;
}
#footer-social ul li.facebook a { background-position: 0px 0px }
#footer-social ul li.youtube a { background-position: -37px 0px }
#footer-social ul li.linkedin a { background-position: -74px 0px }
#footer-social ul li.twitter a { background-position: -112px 0px }
#footer-social ul li.wiki a { background-position: -151px 0px }
#footer-social ul li.instagram a { background-position: -188px 0px }
#footer-social ul li.android a { background-position: -225px 0px }
#footer-social ul li.apple a { background-position: -262px 0px }
#footer-search {
	text-align: center;
	padding-top:8px;
}
#footer-search a {
	color: #182f59;
}
#footer-search p {
	display: inline;
	font-size: 0.9em;
	position: relative;
}
#footer-search input[type="search"] {
	background: #ffffff;
	padding: 0.8em 2.5em 0.8em 1.2em;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	font-size: 1em;
	border: none;
	margin: 0;
	width: 250px;
	max-width: 100%;
	outline: none;
	-webkit-appearance: textfield;
}
#footer-search input[type="image"] {
	position: absolute;
	right: 12px;
	top: -1px;
	padding: 0;
}
#footer-bottom {
	background: #001641;
	color: #fff;
}
#footer-text {
	font: 1em/1.5em 'Crimson Text', Times, sans-serif;
	padding: 1em 0;
	font-style: italic;
}
#footer-logo {
	padding: 1em 0;
	text-align: center;
}
#footer-logo p.copyright {
	margin-top: 3em;
	font-size: 0.8em;
	color: #5f6a8b;
}
#footer-logo p a {
	color: #5f6a8b;
	text-decoration: none;
}
#footer-logo p a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 500px) 
{
    #footer-search {
		
		font: 14px/1.5em 'Source Sans Pro', sans-serif;
		
	}
    
}

@media only screen and (min-width: 608px) {
	#footer-social {
		float: left;
		width: 25%;
		text-align: left;
		margin-bottom: 0;
	}
	#footer-search {
		float: left;
		width: 50%;
		text-align: center;
		font: 14px/1.5em 'Source Sans Pro', sans-serif;
	
		vertical-align:middle;
		
	}

    #footer-right{
        	float: right;
        margin-left:10%;
		width: 15%;
    }

        #footer-right a{
        	float: left;
display:inline-block;
padding-right:5px;
padding-top: 5px;

    }

       #footer-right img{
       
    height: 28px;
       }

      

}

@media only screen and (max-width: 1600px) {

    #footer-right {
    float: right;
     margin-left: 5%;
    width: 25%;
}

    #footer-social {
    float: left;
    width: 25%;
    text-align: left;
    margin-right:5%;
    margin-bottom: 0;
}


    #footer-search {
    float: left;
    width: 40%;
    text-align: center;
    font: 14px/1.5em 'Source Sans Pro', sans-serif;
    vertical-align: middle;
}

}

@media only screen and (max-width: 600px) {

    #footer-right {
    float: none;
     margin-left: 0%;
    width: auto;
    text-align:center;
    margin-bottom:20px;
}

    #footer-social {
    float: none;
     margin-left: 0%;
    width: auto;
    text-align: center;
    margin-right:0%;
     margin-bottom:20px;
}


    #footer-search {
      float: none;
     margin-left: 0%;
    width: auto;
       margin-bottom:20px;
        text-align: center;
    font: 14px/1.5em 'Source Sans Pro', sans-serif;
    vertical-align: middle;
}

}


@media only screen and (min-width: 700px) {
	#footer-top {
		background: #042C5D url('images/template/footer_bg.jpg') center top no-repeat;
		background-size: cover;
	}
	#footer-actions li {
		width: 20%;
	}
	#footer-text {
		float: right;
		text-align: right;
		width: 49%;
	}
	#footer-logo {
		float: left;
		width: 49%;
		text-align: left;
	}
}
@media only screen and (min-width: 1160px) {
	#footer-actions li {
		width: 15%;
	}
	#footer-text {
		width: 44%;
	}
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../homep/fonts/sourcesanspro-regular-webfont.eot');
    src: url('../homep/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../homep/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../homep/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../homep/fonts/sourcesanspro-regular-webfont.svg#SourceSansPro') format('svg');
    font-weight: normal;
    font-style: normal;
}