@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v37/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale
}

.navbar ul {
	text-align: right;
	list-style: none
}

li {
	font-size: 15px;
	line-height: 30px
}

.navbar {
	-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, .3);
	-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, .3);
	box-shadow: 0 3px 5px rgba(57, 63, 72, .3);
	background-color: #f7f7f7
}

.primary-text {
	color: #0ca99a!important
}

.bg-primary {
	background: #0ca99a!important
}

thead.bg-primary tr th {
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 10px
}

table {
	margin-bottom: 0!important
}

.top-header {
	background: #ccc;
	padding: 10px 0 70px 0
}

a {
	color: #1862c6
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #287f55!important
}

.school-banner {
	background-color: #1862c6;
	overflow: hidden
}

.school-banner h2 {
	color: #fff;
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 0
}

.school-banner p {
	color: #fff;
	line-height: 22px
}

.school-banner h4 {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	margin: 10px 0
}

.school-banner .icon-color i {
	color: #fff;
	opacity: .6
}

.icon-color::before {
	vertical-align: middle;
	content: "";
	width: 134px;
	height: 4px;
	border-top: 1px dotted #fff;
	display: inline-block
}

.school-desc {
	width: 100%
}

.card-title,
.text-title,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000043
}

.tab-content {
	padding: 0!important
}



img.logo {
	z-index: 999999;
	position: absolute;
	right: 0;
	background: rgba(255, 255, 255, .3);
	width: 80px;
	height: 80px
}

.school-image {
	position: relative
}

.nav-link {
	display: block;
	padding: 3px 1rem
}

footer {
	background: #282828;
	color: #fff;
	padding: 15px
}

footer a,
footer a:hover {
	color: #fff
}

footer p.right.m-0 {
	text-align: right
}

/*thead {
	background: rgba(13, 0, 76, .2)
}*/

.shadow {
	box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08)
}

.screenshot {
	margin-top: 64px
}

p {
	font-size: 15px
}

.year-tabs .nav.nav-pills {
	float: right
}

.school-logo {
	width: 75px;
	height: 75px
}

img.campus-img {
	height: 300px;width: 300px;
}

.mt-42 {
	margin-top: -42px
}



a {
	word-break: break-word
}

.fbox-icon {
	width: 4.5rem;
	height: 3rem;
	padding: 0 .75rem
}

.fbox-icon a,
.fbox-icon i,
.fbox-icon img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff
}

.fbox-icon i {
	font-style: normal;
	font-size: 1.75rem;
	line-height: 3rem;
	text-align: center
}

.fbox-icon i,
.fbox-icon img {
	border-radius: 50%;
	background-color: #1abc9c
}

.fbox-content {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	min-width: 0;
	max-width: 100%;
	padding: 0 .75rem
}

.feature-box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -.75rem;
	margin-right: -.75rem
}

.fbox-content h5 {
	font-weight: 700;
}


/* Social Icons - Share
-----------------------------------------------------------------*/
.btn-facebook:hover
{background:#3765c9;box-shadow:0 8px 25px -8px #3765c9;border-color:#3765c9;color: #fff}
.btn-google:hover
{background:#ec412c;box-shadow:0 8px 25px -8px #ec412c;border-color:#ec412c;color: #fff}

.btn-share {
    background: #1862C6;
    color: #fff;
}
.btn-social {
    font-size: 20px;
}
.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 1.25rem;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
}

.heart {
  width: 100px;
  height: 100px;
  background: url("../img/heart.png") no-repeat;
  background-position: 0 0;
  cursor: pointer;
  -webkit-transition: background-position 1s steps(28);
  transition: background-position 1s steps(28);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.heart.is-active {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  background-position: -2800px 0;
}
.stage {
  position: absolute;
bottom: -77px;
    right: -71px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*.btn-primary{background-color: #287f55!important;border-color: #287f55!important }*/

.facilities img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    display: block;
}
.facilities{text-align: center;}

.facilities-heading {
    text-align: center;
    background-color: #1862c6;
    padding: 7px;
    /* text-transform: uppercase; */
    color: #fff;
}
/*school info css*/
		ul.icons-list { list-style: none;     padding: 0;
}

		ul.icons-list li {
			float: left;
			width: 25%;
			margin-bottom: 20px;
			font-size: 16px;
			padding: 0 15px;
		}

		ul.icons-list li i ,	ul.icons-list li img{
			position: relative;
			top: 5px;
			margin-right: 20px;
			width: 24px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			font-size: 24px;float: left;
		}

ul.icons-list li span {
    float: left;
    width: 80%;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.school-banner p {
		line-height: 23px
	}
	
}

@media only screen and (max-width:991px) {
	.campus-img {
		display: none
	}
	ul.icons-list li { width: 50%; }
}

@media only screen and (max-width:420px) {
	.mt-42 {
		margin-top: 0
	}
   ul.icons-list li { width: 100%; }
}