/*
Theme Name: MUSE

Light
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 200;

Book
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 400;

Medium
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 500;

Bold
font-family: "Gotham A", "Gotham B";
font-style: normal;
font-weight: 700;


*/



/* css for basic items---------------------------------------------------------------------------------------------------*/
* {
	outline: none !important;
	}
html,body {
	width: 100%;
	height: 100%;
    }
body {
	position: relative;
	padding: 0;
	margin: 0;
	min-width: 100%;
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #5f6971;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;	
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a {
	color: #46279c;
	outline: none;
    transition: all 0.2s linear;
 	text-decoration: none;
 	font-weight: 700;
   }
a:hover {
	color: #0072ad;
	outline: none;
    transition: all 0.2s linear;
	text-decoration: none;
   	}
ul {
	padding: 0 0 23px 15px;
	margin: 0 0 0 0;
	list-style: url(images/bullet.png);
	}
ul li {
	padding: 0 0 7px 0px;
	margin: 0;
	float: none;
	}
ol {
	padding: 0 0 23px 30px;
	margin: 0;
	}
ol li {
	padding: 0 0 7px 0px;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 30px 0;
	margin: 0;
	}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	font-size: 14px; 
	line-height: 14px;
	}	
strong,
b {
	font-weight: 700;
	}
hr {  
	padding: 0 0 0 0;
	margin: 21px 0 21px 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid #000;
	}
#header .news-title,
h1 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 88px;
	line-height: 88px;
	color: #000;
	font-weight: normal;
	font-style: normal;	
	}
.mission-title,	
h2 {
 	padding: 0 0 40px 0;
	margin: 0 0 0 0;
	font-size: 43px;
	line-height: 42px;
	color: #fff;
	font-weight: normal;
	font-style: normal;	
	}
h3 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 22px;
	line-height: 22px;
	color: #5f6971;
	font-weight: normal;
	font-style: normal;	
	}
	.subheads h3 {
		padding: 0 0 3px 0;
		font-size: 20px;
		line-height: 26px;
		font-weight: 700;
		color: #5f6971;
		}
h4 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	font-style: normal;	
	}
h5 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	font-style: normal;	
	}
h6 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 12px;
	color: #000;
	font-weight: normal;
	font-style: normal;	
	}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.outer {
	width: 100%;
	}
	#news {
		background-color: #5e43a9;
		background-image: url(images/bg-news.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		}
.container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 96%;
	padding: 95px 2% 65px 2%;
	max-width: 1206px;
	}
	.breadcrumb-container {
		position: relative;
		padding: 15px 0px 0px 56px;
		}
		#breadcrumbs {
			margin: 0;
			padding: 0;
			font-size: 14px;
			text-align: left !important;
			}
		#news #breadcrumbs span,
		#news #breadcrumbs a,
		#news #breadcrumbs a:hover,
		#news #breadcrumbs .breadcrumb_last {
			color: #fff !important;
			}	
	.header-container {
		padding: 0 2% 0 2%;
		}
	.news-container {
		padding-top: 103px;
		padding-bottom: 215px;
		}
	.footer-container {
		padding: 0 2% 0 2%;
		}
	.photo-grid-container {
		padding: 0 2% 0 2%;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#top {
	position: relative;
	width: 100%;
	max-height: 32px;
	background: #46279c;
	}
	#top ul {
		text-align: right;
		padding: 0 2% 0 0;
		margin: 0;
		overflow: hidden;
		list-style: none;
		}
	#top ul li {
		padding: 8px 0 7px 0;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		line-height: 0;
		}
		#top ul li a {
			padding: 15px 18px 13px 18px;
			margin-right: -6px;
			margin-left: -7px;
			font-size: 14px;
			line-height: 17px;
			font-weight: 700;
			color: #fff;
			text-transform: uppercase;
			white-space: nowrap;
			}
		#top ul li.current-menu-item a,
		#top ul li.current_page_item a {
			background: #a537a6;
			}
	#top ul li:after {
		padding: 0; 
		margin: 0;
		content: " |";
		font-size: 14px;
		line-height: 17px;
		color: #fff;
		}		
	#top ul li a:hover {
		background: #a537a6;
		}	
	#top ul li:last-child::after {
		content: " ";
		}	
			
#header {
	position: relative;
	width: 100%;
	height: 740px;
	margin-bottom: 92px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	}
	.short-header {
		height: 470px !important;
		}
	.header-home {
		height: auto !important;
		margin: 0 !important;
		}
	#header .news-title,
	#header .title,
	#header h1.title {
		position: absolute;
		bottom: 5%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		}
	#header .news-title,
	#header .title {
		width: 70%;
		bottom: 5% !important;
		white-space: normal;
		}
	#header .news-title,
	#header .title h1 {
		padding: 0 0 10px 0;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		}
	#enroll-now {
		position: absolute;
		top: 150px;
		right: 130px;
		z-index: 990;
		}
		#enroll-now p {
			padding: 0;
			}
		#enroll-now .circles {
			width: 210px;
			height: 210px;
			border-radius: 105px;
			cursor: pointer;
			}
		#enroll-now .circles:hover {
			background: #0072ad !important;
			}
		#enroll-now .circles-text {
			font-size: 32px !important;
			line-height: 34px !important;
			font-weight: 700;
			}
#logo {
	position: absolute;
	top: 42px;
	left: 30px;
	}
	#logo img {
		width: 100%;
		max-width: 238px;
		height: auto;
		}
#menu-logo {
	text-align: left;
	position: relative;
	padding: 74px 0 0 2%;
	}
	#menu-logo img {
		width: 100%;
		max-width: 238px;
		height: auto;
		}
#navbar {
	position: absolute;
	top: 39px;
	right: 30px;
	width: 75px;
	height: 75px;
	background: url(images/menu.png) no-repeat;
	cursor: pointer;
	z-index: 999;
    transition: all 0.2s linear;
	}
	#navbar:hover {
		background: url(images/menu-hover.png) no-repeat;
		transition: all 0.2s linear;
		}
#navbar-on {
	position: absolute;
	top: 72px;
	right: 3%;
	display: none;
	width: 75px;
	height: 75px;
	background: url(images/close.png) no-repeat;
	cursor: pointer;
	z-index: 999;
    transition: all 0.2s linear;
	}
	#navbar-on:hover {
		background: url(images/close-hover.png) no-repeat;
		transition: all 0.2s linear;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for navigation ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
			
#mainnav-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #46279c;
	opacity: 1;
	z-index: 998;
	margin: 0 auto 0 auto;
    text-align: center;
	}
	#mainnav {
		position: relative;
		padding: 0;
		margin: 50px auto 75px auto;
		font-size: 16px;
		line-height: 18px;
		text-align: left;
		}
	#mainnav ul {
		padding: 10px 0 0 0;
		margin: 0;
		list-style: none;
		}
	#mainnav ul li {
		display: inline-block;
		vertical-align: top;
		width: 18%;
		padding: 0 0 10px 0;
		text-transform: uppercase;
		}
		#mainnav ul li.nav1 {
			width: 15%;
			padding-left: 5%;
			}
		#mainnav ul li.nav2 {
			width: 21%;
			padding-left: 2%;
			}
		#mainnav ul li.nav3 {
			width: 18%;
			padding-left: 2%;
			}
		#mainnav ul li.nav4 {
			width: 18%;
			padding-left: 2%;
			}
		#mainnav ul li.nav5 {
			width: 13%;
			padding-left: 2%;
			}
	#mainnav ul li ul li {
		display: block;
		width: 100%;
		text-transform: capitalize;
		}
		#mainnav ul li.mobile {
			display: none !important;
			}
	#mainnav ul li a {
		color: #fff;
		font-weight: 700;
		}
		#mainnav ul li ul li a {
			font-weight: normal;
			}
		#mainnav ul li ul li.nav6 a {
			display: block;
			margin-top: 20px;
			font-weight: 700;
			text-transform: uppercase;
			}
	#mainnav ul li a:hover {
		color: #0072ad;
		}
	#mainnav ul li.current-menu-item a,
	#mainnav ul li.current_page_item a {
		color: #fff;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for general ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.dots {
	margin: -20px 0 90px 0;
	height: 10px;
	border: none;
	background: url('images/dots-gray.png');
	background-size: 10px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}
.dots-blue {
	margin: -20px 0 40px 0;
	height: 10px;
	border: none;
	background: url('images/dots-blue.png');
	background-size: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}
.dots-blue2 {
	margin: -60px 0 100px 0;
	height: 10px;
	border: none;
	background: url('images/dots-blue.png');
	background-size: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}
.dots-blue3 {
	margin: 50px 0 100px 0;
	height: 10px;
	border: none;
	background: url('images/dots-blue.png');
	background-size: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}
.dots-blue4 {
	margin: -50px 0 60px 0;
	height: 10px;
	border: none;
	background: url('images/dots-blue.png');
	background-size: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}
.gray-text-block {
	color: #fff;
	background: #5f6971;
	}
	.gray-text-block h2 {
		padding: 0 0 40px 0;
		}
	.gray-text-block a {
		color: #fff;
		}
	.gray-text-block a:hover {
		color: #c9c9c9;
		}
.blue-text-block,
.white-text-block {
	}
	.white-text-block h2 {
		color: #46279c;
		}
	.text-align-left {
		text-align: left !important;
		}
.wide-photo-parallax {
	position: relative;
	min-height: 1000px;
	}
.wide-photo {
	position: relative;
	}	
	.wide-photo img {
		width: 50%;
		height: auto;
		}
	.photo-text {
		position: absolute;
		top: 25%; 
		left: 50%;
		width: 75%; 
		transform: translate(-50%, -50%); 
		}
		.mission-title,	
		.photo-text h2 {
			font-weight: 700;
			}
.circle-nav2 h2,
.circle-nav h2 {
	text-transform: uppercase;
	}
.circle-nav2,
.circle-nav {
	margin: 55px auto 0 auto;
	padding: 0 5% 0 5%;
	}
.circle-nav3 {
	margin: 25px auto 25px auto;
	}
.circles-link,
.circles {
	position: relative;
	display: inline-block;
	margin: 0 3px 30px 3px;
	width: 184px;
	height: 184px;
	border-radius: 92px;
	color: #fff;
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
	}
	.circles-link {
		background: #a537a6;
		text-align: center;
		padding: 70px 20px 0 20px;
		height: 114px;
		width: 144px;
		}
	.circles-link:hover,
	.circles:hover {
		color: #fff;
		}
	.circles-text {
		text-align: center;
		position: absolute;
		top: 50%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		}	
		#calendar .circles-text {
			text-align: left !important;
			position: relative !important;
			top: auto !important;
			left: auto !important;
			transform: none !important;
			}
.purple {
	background: #46279c !important;
	}
.violet {
	background: #a537a6;
	}
.blue {
	background: #0040a2;
	}
.green {
	background: #00753b;
	}
.teal {
	background: #0072ad;
	}
.med-gray {
	background: #5f6971;
	}
.dark-gray {
	background: #474849;
	}
.lt-purple {
	background: #a482e4;
	}
.purple-text h2,
.purple-text {
	color: #46279c !important;
	}
.violet-text h2,
.violet-text {
	color: #a537a6 !important;
	}
.blue-text h2,
.blue-text {
	color: #0040a2 !important;
	}
.green-text h2,
.green-text {
	color: #00753b !important;
	}
.teal-text h2,
.teal-text {
	color: #0072ad !important;
	}
.med-gray-text h2,
.med-gray-text {
	color: #5f6971 !important;
	}
.dark-gray-text h2,
.dark-gray-text {
	color: #474849 !important;
	}
.lt-purple-text h2,
.lt-purple-text {
	color: #a482e4 !important;
	}
.white-text h2,
.white-text {
	color: #fff !important;
	}
.black-text h2,
.black-text {
	color: #000 !important;
	}





/* -------------------------------------------------------------------------------------------------------------- */
/* css for video ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */


.video-container {
	padding: 50px 0 30px 0;
	background-image: url(images/About-MUSE-Virtual-School-Video-Virtual-School.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	}	
	.video-container-home {
		background-image: url(images/bg-video-home.jpg);
		}
	.video-why2 {
		background-image: url(images/why-virtual-video-back.jpg);
		}	
	.video-why {
		background-image: url(images/Virtual-video-back.jpg);
		}	
	.video-pcm {
		background-image: url(images/PCM-video-back.jpg);
		}	
	.video-sustain {
		background-image: url(images/about-sustain-video-back.jpg);
		}	
	.video-academics {
		background-image: url(images/academics-video-back.jpg);
		}
	.video-admissions {
		background-image: url(images/admissions-video-back.jpg);
		}		
	.video-passion {
		background-image: url(images/passion-project-video-back.jpg);
		}		
	.video-blueprints {
		background-image: url(images/MuseBlueprints-videoback.jpg);
		}		
.video {
	margin: 0 0 22px 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
	.small-video {
		margin: 0 auto;
		text-align: center;
		width: 75%;
		padding-top: 42.25%; 
		}
iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}		

.video-home { 
	position: relative; 
	padding-bottom: 56.25%; /* 16:9 */ 
	height: 0; 
	}
.video-home img { 
	position: absolute; 
	display: block; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 20; 
	cursor: pointer; 
	}
.video-home:after { 
	content: ""; 
	position: absolute; 
	display: block; 
    background: url(play-button.png) no-repeat 0 0; 
    top: 45%; 
    left: 45%; 
    width: 46px; 
    height: 36px; 
    z-index: 30; 
    cursor: pointer; 
    } 
.video-home iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	}
.video-home.player img { 
	display: none; 
	}
.video-home.player:after { 
	display: none; 
	}
.video-text {
	padding: 40px 0 70px 0;
	}
	.video-text h3 {
		color: #5f6971;
		font-size: 20px;
		font-weight: bold;
		}
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for popups ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.video-play {
	cursor: pointer;
	}
.popup-bck {
	display: none;
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 99998;
	cursor: default;
	}
.popup-box {
	display: none;
	opacity: 0;
	position: fixed;
	padding: 0;
	left: 49%;
	top: 46%;
	width: 69%;
	max-width: 1172px;
	transform: translate(-50%,-50%); 
	z-index: 99999;
	cursor: default;
	}
.close-popup {
	position: absolute;
	top: -40px;
	right: -40px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background: url(images/close.png) no-repeat;
	background-size: 35px 35px;
	}


		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for home ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.four-square {
	float: left;
	width: 50%;
	cursor: pointer;
	overflow: hidden;
	}
	.four-square:hover .four-text {
		background: #5f6971;
		transition: all 0.2s linear;
		}
	.four-photo {
		z-index: 1;
		overflow: hidden;
		}
	.four-photo img {
		width: 100%;
		height: auto;
		transition: all 0.5s linear;
		}
		.four-photo img:hover {
			transition: all 0.5s linear;
			transform: scale(1.3);
			}
	.four-text {
		padding: 25px 80px 25px 80px;
		font-size: 43px;
		line-height: 44px;
		color: #fff;
		transition: all 0.2s linear;
		z-index: 2;
		}
	.four-right {
		text-align: right;
		}

.logo-container {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
.slider {
	position: relative;
	width: 100%;
	height: auto;
	}
	.slider-bottom {
		position: relative;
		}	
	.slider img {
		width: 100%;
		height: auto;
		}
	.slide-text {
		position: absolute;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, -30%);
		color: #fff;
		text-align: center;
		font-size: 24px;
		line-height: 34px;
		width: 75%;
		transition: all 0.2s linear;
		}
	.slide-text .banner-title,
	.slide-text h1,
	.slide-text h2 {
	 	padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-weight: 200;
		font-size: 6vw;
		line-height: 6vw;
		white-space: nowrap;
		color: #fff;
		transition: all 0.2s linear;
		font-weight: normal;
		font-style: normal;	
		}	
		.slide-text a {
			color: #fff;
			}	
		.slide-text a:hover {
			color: #c9c9c9;
			}	
		@media screen and (min-width: 1500px) {
			.slide-text .banner-title,
			.slide-text h1,
			.slide-text h2 {
					font-size: 94px;
					line-height: 90px;
					}
				}

a.home-circle-container {
	position: relative;
	display: inline-block;
	margin: 80px 3px 30px 3px;
	width: 340px;
	height: 340px;
	border-radius: 170px;
	overflow: hidden;
	}				
.home-circle {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	transition: all 0.5s linear;
	}
	.home-circle:hover {
		transform: scale(1.3);
		transition: all 0.5s linear;
		}
	.home-circle1 {
		background-image: url(images/MUSE-Virtual-School-MUSE-Virtual-Elementary-School.png);
		}
	.home-circle2 {
		background-image: url(images/MUSE-Virtual-School-MUSE-Virtual-Middle-School.png);
		}
	.home-circle3 {
		background-image: url(images/MUSE-Virtual-School-MUSE-Virtual-High-School.png);
		}
	.home-cicle-text {
		text-align: center;
		position: absolute;
		top: 52%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		}	
		.home-cicle-text .circle-title,
		.home-cicle-text h3 {
			padding: 0;
			font-size: 40px;
			line-height: 40px;
			color: #fff;
			font-weight: 700;
			}

.events-news {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(images/bg-home-events-news.jpg);
	}
	.events-news h2 {
		font-weight: 700;
		text-transform: uppercase;		
		}
	.events-news h2.muse-events-title {
		padding: 0;
		margin: 0 0 -20px 0;
		}
	.events-news .circles {
		width: 130px;
		height: 130px;
		margin: 0 0 15px 0;
		border-radius: 65px;
		border: 1px solid #fff;
		}	
	.home-event {
		margin: 0 auto 100px auto;
		}	
	.home-event ul {
		padding: 0;
		margin: 0;
		list-style: none;
		color: #fff;
		font-size: 23px;
		}
	.home-event ul li {
		padding: 0 0 0 0;
		margin: 0;
		float: left;
		width: 19.5%;
		border-right: 1px solid #fff;
		}
		.home-event ul li:last-child {
			border-right: none !important;
			}
		.home-event h4 {
			font-size: 26px;
			line-height: 28px;
			color: #fff;
			font-weight: 400;
			}
		.home-event a {
			font-size: 48px;
			line-height: 48px;
			font-weight: 700;
			color: #fff;
			}
		.home-event-text {
			margin: 0 auto;
			padding: 0 15% 0 15%;
			}	
				
/* -------------------------------------------------------------------------------------------------------------- */
/* css for quotes ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.testimonies {
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	}
.quote {
	background: #0072ad;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	}
	.home-quote {
		padding: 0 4% 30px 4%;
		font-size: 20px;
		line-height: 48px;
		color: #fff;
		font-weight: 700;
		text-align: center;
		}
	.center-quote .quote-main,	
	.home-quote .quote-main,
	.testimonies .quote-main,
	.quote .quote-main,
	.center-quote h2,
	.home-quote h2,
	.testimonies h2,
	.quote h2 {
		padding: 0 4% 30px 4%;
		font-size: 24px;
		line-height: 40px;
		color: #fff;
		font-weight: 700;
		}
		.testimonies .quote-main,
		.testimonies h2 {
			font-size: 24px;
			line-height: 40px;
			font-weight: 700;
			}
	.home-quote hr,	
	.quote hr {
		margin: 65px 0 45px 0;
		height: 10px;
		border: none;
		background: url('images/dots.png');
		background-size: 10px;
		background-position: bottom left;
		background-repeat: repeat-x;
		}
	.testimonies hr {
		margin: 45px 0 75px 0;
		height: 10px;
		border: none;
		background: url('images/dots-blue.png');
		background-size: 5px;
		background-position: bottom left;
		background-repeat: repeat-x;
		}

.center-quote-container {
	position: relative;
	width: 100%;
	height: 900px;
	}
.center-quote {
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	text-align: center;
	font-size: 22px;
	line-height: 48px;
	color: #fff;
	font-weight: 700;
	}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for about ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.principle {
	padding: 30px 0 75px 0;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.principle h2 {
		margin: 0 0 50px 0;
		font-size: 74px;
		line-height: 74px;
		text-align: center;
		}
	.principle-photo {
		float: right;
		width: 20%;
		padding-right: 10%;
		}
		.principle-photo-left {
			float: left;
			text-align: right;
			padding-right: 0;
			padding-left: 10%;
			}
		.principle-photo img {
			max-width: 264px;
			width: 100%;
			height: auto;
			}
	.principle-text {
		float: left;
		width: 55%;
		color: #fff;
		padding: 0 10% 0 5%;
		font-size: 24px;
		line-height: 39px;
		}
		.principle-text a {
			color: #fff;
			}
			.principle-text a:hover {
				color: #c9c9c9;
				}

.bios {
	margin-top: -70px;
	}
	.bio {
		position: relative;
		}
	.bios h2.purple-text {
		text-align: left;
		font-weight: 700;
		margin: 0 0 10px 0;
		}	
	.bio-photo {
		float: left;
		margin: 0 0 50px 0;
		width: 15%;
		}
		.bio-photo img {
			max-width: 211px;
			width: 100%;
			height: auto;
			}
	.bio-title {
		position: relative;
		float: left;
		width: 70%;
		height: 180px;
		padding: 0 10% 0 5%;
		font-size: 24px;
		line-height: 39px;
		text-align: left;
		}
		.bio-center {
			position: absolute;
			top: 49%; 
			transform: translateY(-50%); 
			}
		.bio-title h2 {
			color: #0072ad;
			font-size: 30px;
			line-height: 32px;
			padding: 0;
			font-weight: 700;
			text-transform: uppercase;
			}
		.bio-title h2.position,
		.bio-title h3 {
			color: #0072ad;
			font-size: 30px;
			line-height: 32px;
			padding: 0;
			text-transform: inherit;
			font-weight: 400;
			}
	.bio-text {
		text-align: left;
		font-size: 22px;
		line-height: 32px;
		width: 90%;
		padding: 0 0 60px 0;
		display: none;
		}
	.plus {
		position: absolute;
		right: 0;
		top: 120px;
		width: 30px;
		height: 30px;
		background: url(images/plus.png) no-repeat center center;
		background-size: 30px 30px;
		cursor: pointer;
		}
	.minus {
		position: absolute;
		right: 0;
		top: 150px;
		width: 30px;
		height: 30px;
		background: url(images/minus.png) no-repeat center center;
		background-size: 30px 30px;
		cursor: pointer;
		}
.faqs {
	margin-top: 0;
	margin-bottom: 160px;
	}
	.faqs hr {
		margin: 10px 0 20px 0;
		height: 10px;
		border: none;
		background: url('images/dots-blue.png');
		background-size: 5px;
		background-position: bottom left;
		background-repeat: repeat-x;
		}		
	.faqs hr.title {
		margin: 0px 0 20px 0;
		}
	.faqs h2 {
		padding: 60px 0 5px 0;
		text-align: left;
		font-size: 33px;
		line-height: 35px;
		text-transform: uppercase;
		font-weight: 700;
		}
	.question {
		position: relative;
		width: 80%;
		padding: 0 20% 0 0;
		line-height: 30px;
		text-align: left;
		cursor: pointer;
		}
		.question h3 {
			padding: 0 0 10px 0;
			margin: 0;
			font-size: 22px;
			font-weight: 700;
			color: #5f6971;
			}
	.answer {
		text-align: left;
		font-size: 23px;
		line-height: 35px;
		width: 90%;
		padding: 0 10% 0 0;
		text-align: left;
		display: none;
		font-style: italic;
		}
	.faq-plus {
		position: absolute;
		right: 0;
		top: -5px;
		width: 30px;
		height: 30px;
		background: url(images/plus.png) no-repeat center center;
		background-size: 30px 30px;
		cursor: pointer;
		}
	.faq-minus {
		position: absolute;
		right: 0;
		top: -5px;
		width: 30px;
		height: 30px;
		background: url(images/minus.png) no-repeat center center;
		background-size: 30px 30px;
		cursor: pointer;
		}
		

/* -------------------------------------------------------------------------------------------------------------- */
/* css for academics -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.prep {
	position: relative;
	float: left;
	width: 25%;
	max-width: 292px;
	}
	.prep-photo {
		}
	.prep-grade {
		position: absolute;
		font-size: 26px;
		line-height: 26px;
		font-weight: 700;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		width: 95%;
		top: 55%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		}	
	.prep-title {
		position: relative;
		font-size: 38px;
		line-height: 35px;
		font-weight: 700;
		width: 100%;
		min-height: 142px;
		text-align: center;
		text-transform: uppercase;
		}
		.prep-center {
			position: absolute;
			width: 85%;
			top: 50%; 
			left: 50%; 
			transform: translate(-50%, -50%); 
			}

.table-cell {
	width: 17%;
	float: left;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	height: 180px;
	padding: 20px 1% 5px 1%;
	font-size: 20px;
	line-height: 25px;
	text-align: center !important;
	}	
	.table-cell-four {
		margin: 25px 0 0 0;
		width: 22%;
		border-top: 1px solid #000;
		height: 300px;
		}	
	.table-cell h4 {
		padding: 0 0 5px 0;
		font-size: 26px;
		line-height: 30px;
		font-weight: 700;
		}
		.table-cell-four .table-date {
			color: #46279c;
			font-weight: 700;
			margin: 0 0 20px 0;
			}
	.no-border-right {
		border-right: none;
		}
	.no-border-bottom {
		border-bottom: none;
		}

.logo-grid {
	margin: 25px 0 100px 0;
	}
	.logo-grid .logo {
		padding: 2% 1% 2% 1%;
		float: left;
		width: 22%;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		}
		.logo-grid .logo img {
			width: 100%;
			height: auto;
			}
		.logo-grid .no-border-bottom {
			border-bottom: none;
			}
		.logo-grid .no-border-right {
			border-right: none;
			}	
			
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.contact-form {
	margin: 50px 0 0 0;
	}
.map {
	margin: 25px 5% 400px 5%;
	}
.map iframe {
	margin: 0 auto 0 auto;
	max-width: 95%;
	max-height: 450px;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for admissions ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.bio-pic {
	padding: 5px 0 47px 0;
	}
.letter {
	text-align: left;
	}
.steps {
	margin: 100px 0 0 0 !important;
	}	
	.steps hr {
		margin: 25px 0 75px 0;
		}
.timeline-container {
	padding: 0 0 160px 0;
	}		
.timeline {
	margin: 100px 0 0 0;
	}
	.timeline hr {
		margin-top: 75px !important;
		}
	.timeline-title {
		padding: 0 0 35px 0;
		font-size: 26px;
		line-height: 30px;
		font-weight: 700;
		color: #46279c;
		text-transform: uppercase;
		}
.tuition h3 {
	padding: 25px 0 25px 0;
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	color: #46279c;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for why -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.photo-grid {
	margin: 0 auto;
	text-align: center;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for five pillars ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.five-pillars {
	text-align: center;
	background-image: url(images/MUSE-Virtual-School-5-Pillars-Background-MUSE-Virtual-School.jpg);
	background-repeat: none;
	background-size: cover;
	background-position: center right;
	}
	.five-pillars-left {
		background-position: center left;
		}
	.five-pillars-anime {
		min-height: 981px;
		margin-bottom: 50px;
		}
		.five-pillars-item {
			position: absolute;
			transform: translate(-50%, -50%); 
			}
			.five-pillars-center {
				top: 55%; 
				left: 50%;
				}
			.five-pillars-item1 {
				top: 55%; 
				left: 50%;
				}
			.five-pillars-item2 {
				top: 55%; 
				left: 50%;
				}
			.five-pillars-item3 {
				top: 55%; 
				left: 50%;
				}
			.five-pillars-item4 {
				top: 55%; 
				left: 50%;
				}
			.five-pillars-item5 {
				top: 55%; 
				left: 50%;
				}
				.five-pillars-item img {
					width: 0;
					height: 0;
					max-width: 919px;
					}
.pillars {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 669px;
	}
	.pillar-photo {
		max-height: 669px;
		overflow: hidden;
		float: left;
		width: 50%;
		font-size: 0;
		line-height: 0;
		}
		.five-pillars-left .pillar-photo {
			float: right;
			}
		.pillar-photo img {
			width: 100%;
			height: auto;
			transition: all 0.3s linear;
			}
		.pillar-photo img:hover {
			transform: scale(1.3);
			transition: all 0.5s linear;
			}
	.pillar-ghost {
		position: relative;
		float: right;
		width: 50%;
		color: #fff;
		}
		.five-pillars-left .pillar-ghost {
			float: left;
			}
		.pillars h2 {
			position: absolute;
			top: 18%; 
			left: 50%; 
			width: 100%;
			transform: translate(-50%, -50%); 
			font-weight: 700;
			font-size: 4.5vw;
			line-height: 4.5vw;
			z-index: 10;
			text-align: center;
			}
		.pillar-text {
			padding: 20% 10% 0 5%;
			width: 60%;
			font-size: 1.5vw;
			line-height: 2.4vw;
			}
			.pillar-text a:hover {
				color: #c9c9c9;
				}
			.five-pillars-left .pillar-ghost .pillar-text {
				float: right;
				}
		.pillar-link {
			font-size: 1.2vw;
			line-height: 1.2vw;
			font-weight: 700;
			color: #fff;
			}	
			@media screen and (min-width: 1500px) {
				.pillars h2 {
					font-size: 74px;
					line-height: 74px;
					}
				.pillar-text {
					width: 55%;
					font-size: 24px;
					line-height: 39px;
					}
				.pillar-link {
					font-size: 20px;
					line-height: 20px;
					}
				}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for news ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

a.news {
	display: block;
	width: 47%;
	max-width: 610px;
	margin: 0 1.5% 35px 1.5%;
	float: left;
	overflow: hidden;
	}
.news-photo {
	position: relative;
	width: 100%;
	max-height: 297px;
	overflow: hidden;
	}	
	.news-photo img {
		width: 100%;
		height: auto;
		transition: all 0.5s linear;
		}
		a.news:hover .news-photo img {
			transition: all 0.5s linear;
			transform: scale(1.3);
			}
	.news-read-more {
		position: absolute;
		top: 0;
		right: 0;
		width: 66px;
		height: 66px;
		background: #a537a6 url(images/read-more.png) no-repeat;
		background-position: center center;
		}	
.news-text {
	position: relative;
	height: 135px;
	background: #fff;
	}
	.news-text-block {
		color: #a537a6;
		padding: 0 5% 0 5%;
		width: 90%;
		font-size: 26px;
		line-height: 28px;
		font-weight: 700;
		position: absolute; 
		top: 60%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		}
		a.news:hover .news-text-block {
			color: #0072ad;
			}
.post img {
	margin: 0 0 55px 0;
	width: 100%;
	height: auto;
	max-width: 1170px;
	}	
	.post h1 {
 		padding: 0 0 40px 0;
		margin: 0 0 0 0;
		font-size: 43px;
		line-height: 42px;
		color: #a537a6;
		font-weight: 700;
		}
	.post h3 {
		margin: 30px 0 60px 0;
		padding: 40px 0 40px 0;
		font-size: 40px;
		line-height: 50px;
		color: #a537a6;
		font-weight: 500;		
		border-top: dotted 4px #0072ad;
		border-bottom: dotted 4px #0072ad;
		font-style: italic;
		}
	.post h2 {
		padding: 0 0 5px 0;
		font-size: 30px;
		line-height: 34px;
		color: #46279c;
		font-weight: 700;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for quick links ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#quick-links2,
#quick-links {
	position: fixed; 
	top: -1000px; 
	left: 30px;
	width: 120px; 
	z-index: 50;
    transition: all 0.2s linear;
	}
#quick-links2 {
	display: none;
	left: -85px;
	}
	#quick-links2 .ql-text {
		display: none;
		}
a.ql {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 50px 0 0 0;
	text-align: center;
	border-radius: 60px;
	color: white;
	font-size: 21px;
	height: 70px;
	width: 120px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 2px 2px 2px rgba(0,0,0, 0.27)
	}
	.ql-text {
		position: absolute;
		top: 50%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		}

#chat {
	position: fixed; 
	top: -1000px; 
	right: 0px;
	width: 100px;
	z-index: 50;
    transition: all 0.2s linear;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for forms ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

input[type='tel'],
input[type='email'],
input[type='text'] {
	float: left;
	vertical-align: top;
	padding: 5px 0 3px 1%;
	margin: 0 1% 13px 0;
	height: 32px;
	width: 22.6%;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px;
	line-height: 14px;
	color: #5f6971;
	transition: all 0.2s linear;
	}
textarea {
	float: left;
	vertical-align: top;
	padding: 10px 0 3px 1%;
	margin: 0 1% 13px 0;
	height: 125px;
	width: 97%;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px;
	line-height: 14px;
	color: #5f6971;
	transition: all 0.2s linear;
	}
input[type='submit'] {
	float: right;
	padding: 5px 45px 5px 45px;
	margin: 0 2% 0 0;
	height: 32px;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	background: #a537a6;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s linear;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

.new-form label {
	display: none !important;
	}	
.new-form ul li div,
.new-form ul {
	margin: 0 !important;
	padding: 0 !important; 
	}
.new-form ul li {
	padding: 0 !important;
	margin: 0 1% 13px 0 !important;
	width: 32.3% !important;
	display: block !important;
	float: left !important;
	clear: none !important;
	}
	.new-form ul li#field_1_6 div,
	.new-form ul li#field_3_1 div,
	.new-form ul li#field_4_1 div,
	.new-form ul li#field_5_1 div {
		width: 100% !important;
		}
	.new-form ul li#field_1_6 span,
	.new-form ul li#field_3_1 span,
	.new-form ul li#field_4_1 span,
	.new-form ul li#field_5_1 span {
		width: 48.3% !important;
		margin: 0 1% 0 0 !important;
		padding: 0 !important;
		}
	.new-form ul li#field_1_6,
	.new-form ul li#field_3_1,
	.new-form ul li#field_4_1,
	.new-form ul li#field_5_1 {
		width: 66.7% !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	.new-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
.new-form input[type='tel'],
.new-form input[type='email'],
.new-form input[type='text'] {
	vertical-align: top;
	padding: 5px 0 3px 10px !important;
	margin: 0 !important;
	height: 32px !important;
	width: 100% !important;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px !important;
	line-height: 14px !important;
	color: #5f6971 !important;
	transition: all 0.2s linear;
	}
	.new-form ul li#field_1_6 input[type='email'],
	.new-form ul li#field_1_6 input[type='text'],
	.new-form ul li#field_3_1 input[type='email'],
	.new-form ul li#field_3_1 input[type='text'],
	.new-form ul li#field_4_1 input[type='email'],
	.new-form ul li#field_4_1 input[type='text'],
	.new-form ul li#field_5_1 input[type='email'],
	.new-form ul li#field_5_1 input[type='text'] {
		width: 100% !important;
		}
.new-form textarea {
	vertical-align: top;
	padding: 10px 0 3px 10px !important;
	margin: 0;
	height: 125px !important;
	width: 100% !important;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px !important;
	line-height: 14px !important;
	color: #5f6971 !important;
	transition: all 0.2s linear;
	}
.new-form input[type='submit'] {
	float: right;
	padding: 5px 45px 5px 45px;
	margin: 0 1% 0 0 !important;
	height: 32px;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	background: #a537a6;
	font-size: 14px !important;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s linear;
	}

.contact-form label {
	display: none !important;
	}	
.contact-form ul li div,
.contact-form ul {
	margin: 0 !important;
	padding: 0 !important; 
	}
.contact-form ul li {
	padding: 0 !important;
	margin: 0 1% 13px 0 !important;
	width: 24% !important;
	display: block !important;
	float: left !important;
	clear: none !important;
	}
	.contact-form ul li#field_1_6 div,
	.contact-form ul li#field_3_1 div,
	.contact-form ul li#field_4_1 div,
	.contact-form ul li#field_5_1 div {
		width: 100% !important;
		}
	.contact-form ul li#field_1_6 span,
	.contact-form ul li#field_3_1 span,
	.contact-form ul li#field_4_1 span,
	.contact-form ul li#field_5_1 span {
		width: 50% !important;
		}
	.contact-form ul li#field_1_6,
	.contact-form ul li#field_3_1,
	.contact-form ul li#field_4_1,
	.contact-form ul li#field_5_1 {
		width: 50% !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li#field_1_13 {
		width: 33% !important;
		margin: 0 0% 13px 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li#field_1_14,
	.contact-form ul li#field_1_15 {
		width: 32% !important;
		margin: 0 1% 13px 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
.contact-form input[type='tel'],
.contact-form input[type='email'],
.contact-form input[type='text'] {
	vertical-align: top;
	padding: 5px 0 3px 10px !important;
	margin: 0 !important;
	height: 32px !important;
	width: 100% !important;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px !important;
	line-height: 14px !important;
	color: #5f6971 !important;
	transition: all 0.2s linear;
	}
	.contact-form ul li#field_1_6 input[type='email'],
	.contact-form ul li#field_1_6 input[type='text'],
	.contact-form ul li#field_3_1 input[type='email'],
	.contact-form ul li#field_3_1 input[type='text'],
	.contact-form ul li#field_4_1 input[type='email'],
	.contact-form ul li#field_4_1 input[type='text'],
	.contact-form ul li#field_5_1 input[type='email'],
	.contact-form ul li#field_5_1 input[type='text'] {
		width: 100% !important;
		}
.contact-form textarea {
	vertical-align: top;
	padding: 10px 0 3px 10px !important;
	margin: 0;
	height: 125px !important;
	width: 100% !important;
	border-radius: 0;
	border: 1px solid #b7b7b7;
	outline: none;
	background: #eae8eb;
	font-size: 14px !important;
	line-height: 14px !important;
	color: #5f6971 !important;
	transition: all 0.2s linear;
	}
.contact-form input[type='submit'] {
	float: right;
	padding: 5px 45px 5px 45px;
	margin: 0 1% 0 0 !important;
	height: 32px;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	background: #a537a6;
	font-size: 14px !important;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s linear;
	}
	input[type='submit']:hover {
		transition: all 0.2s linear;
		background: #0072ad;
		}	
	::placeholder {
		font-size: 14px;
		line-height: 14px;
		color: #5f6971;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.silhouette img {
	max-height: 375px;
	width: auto;
	}
#footer {
	position: relative;
	padding: 70px 0 70px 0; 
	background: rgba(0, 0, 0, 1);
	width: 100%;
	color: #fff;
	text-align: center;
	}
	#footer h2 {
		padding: 0 0 7px 0;
		color: #fff;
		font-size: 28px;
		line-height: 32px;
		font-weight: 400;
		text-transform: uppercase;
		}
	#footer p {
		padding: 0 0 37px 0;
		}
	#footer ul {
		padding: 10px 0 0 0;
		margin: 0;
		list-style: none;
		}
	#footer ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		padding: 0 20px 30px 20px;
		text-transform: uppercase;
		}
	#footer form {
		padding: 0 6% 0 6%;
		}	
	#footer a {
		font-weight: 400;
		font-size: 15px; 
		line-height: 17px;
		color: #fff;
		}	
	#footer a:hover {
		color: #a482e4;
		}
	#footer hr {
		margin: 65px 6% 19px 6%;
		border-bottom: 1px solid #494747;
		}	
#footer input[type='tel'],
#footer input[type='email'],
#footer input[type='text'] {
	float: left;
	vertical-align: top;
	padding: 5px 0 3px 1%;
	margin: 0 1% 13px 0;
	height: 32px;
	width: 23%;
	border-radius: 0;
	border: none;
	outline: none;
	background: #5f6971;
	font-size: 14px;
	line-height: 14px;
	color: #fff !important;
	transition: all 0.2s linear;
	}
	#footer .message {
		width: 98% !important;
		max-width: 98% !important;
		}
#footer textarea {
	background: #5f6971;
	color: #fff !important;
	border-radius: 0;
	border: none;
	}
#footer input[type='submit'] {
	float: right;
	padding: 5px 45px 5px 45px;
	margin: 0 1% 0 0;
	height: 32px;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	background: #a537a6;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s linear;
	}
	#footer input[type='submit']:hover {
		transition: all 0.2s linear;
		background: #0072ad;
		}	
	#footer ::placeholder {
		font-size: 14px;
		line-height: 14px;
		color: #fff !important;
		}
#copyright {
	margin: 8px 0 0 0;
	display: inline-block;
	font-size: 14px;
	}
.privacy {
	display: inline-block;
	padding: 0 0 0 20px;
	font-size: 14px;
	}	
.footer-social {
	margin: 90px 0 0 0 !important;
	}
	.footer-social li {
		width: 40px;
		height: 40px;
		padding: 0 7px 0 7px !important;
		margin: 0;
		}
		
				
/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
	
.clear {
	float: none;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignnone {
	margin-top: 40px;
	margin-bottom: 40px;
	}	
.aligncenter {
	margin: 0 auto 0 auto;
	text-align: center;
	}	
.center-logo {
	margin: 0 auto 0 auto;
	text-align: center;
	}	
.alignright {
	margin: 0 0 0px 15px;
	float: right;
	}
.alignleft {
	margin: 0 15px 0px 0;
	float: left;
	}
.nopad {
	padding-bottom: 0; 
	padding-top: 0;
	}	
.text-align-left h2 {
	text-align: center;
	}
.text-align-left p {
	text-align: left;
	}
.hidden {
	display: none;
	}	
.mobile {
	display: none;
	}
.desktop {
	display: inherit;
	}
.simcal-calendar {
	margin: 70px 0 100px 0 !important;
	}
.simcal-nav-button {
	font-size: 26px;
	color: #46279c !important;
	font-weight: 400;
	}
.simcal-icon-right:before {
	content: '\003E'; 
	}
.simcal-icon-left:before {
	content: '\003C'; 
	}
.simcal-current-month {
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	font-size: 26px;
	line-height: 26px;
	color: #46279c;
	font-weight: 700;
	text-transform: uppercase;
	}
.simcal-current-year {
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	font-size: 26px;
	line-height: 26px;
	color: #46279c;
	font-weight: 700;
	text-transform: uppercase;
	}	
.simcal-week-day {
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	color: #0072ad;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	}
.simcal-day-label {
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	background-color: #dcd2f7 !important;
	color: #46279c;
	font-size: 14px;
	font-weight: 700;
	}
.simcal-today .simcal-day-label {
	background-color: #46279c !important;
	}
.simcal-today div {
	border-color: #46279c !important;
	}		
.simcal-day:hover,
.simcal-day-void {
	background-color: #f8f5ff !important;
	}
.simcal-past {
	}
.simcal-day {
	}

.events-news-simcal {
	height: 310px;
	overflow: hidden;
	}
.simcal-default-calendar-list .simcal-align-right,
.simcal-events-calendar-684 .simcal-event-end-time,
.simcal-events-calendar-684 .simcal-event-start-time {
	display: none !important;
	}	
.simcal-events-calendar-684 .date-circle  {
	position: relative;
	width: 130px;
	height: 130px;
	border-radius: 65px;
	border: 1px solid #fff;
	display: inline-block;
	margin: 0 3px 10px 3px;
	color: #fff;
	font-size: 48px;
	line-height: 48px;
	text-transform: uppercase;
	background: #0072ad;
	font-weight: 700;
	}	
.simcal-events-calendar-684 .simcal-event {
	border: 0 !important;
	}
.simcal-events-calendar-684:hover,
.simcal-events-calendar-684 .simcal-event-details a:hover {
	background: none !important;
	}
.simcal-events-calendar-684 .simcal-event-details {
	height: 250px;
	}	
.simcal-event-start {
	margin: 0 0 10px 0 !important;
	}
.simcal-events-calendar-684 .simcal-event-title {
	font-size: 20px !important;
	line-height: 24px !important;
	}	
.simcal-events-calendar-684 .month {
	font-size: 26px;
	line-height: 28px;
	font-weight: 400 !important;
	}


.bottom-nav {
	margin: 40px 0 80px 0;
	font-size: 16px;
	line-height: 20px;
	color: #46279c;
	text-transform: uppercase;
	font-weight: 700;
	}
	.bottom-nav a:hover {
		color: #46279c;
		}
.bottom-nav [rel~="prev"] {
	float: right;
	background: url(images/nav-arrow-right.png) no-repeat right center;
	padding-right: 15px;
	background-size: 12px 14px;
	}
.bottom-nav [rel~="next"] {
	float: left;
	background: url(images/nav-arrow-left.png) no-repeat left center;
	padding-left: 15px;
	background-size: 12px 14px;
	}
.bottom-nav hr {
	margin: 40px 0 40px 0;
	height: 10px;
	border: none;
	background: url('images/dots-blue.png');
	background-size: 5px;
	background-position: bottom left;
	background-repeat: repeat-x;
	}


@media only screen 
and (max-width : 1240px) {

	#enroll-now {
		top: 120px;
		right: 50px;
		}
	#enroll-now .circles {
		width: 120px;
		height: 120px;
		border-radius: 60px;
		}
	#enroll-now .circles-text {
		font-size: 18px !important;
		line-height: 22px !important;
		}
	.four-text {
		padding: 15px 40px 15px 40px;
		font-size: 28px;
		line-height: 30px;
		}
	.slide-text {
		bottom: -5%;
		font-size: 22px;
		line-height: 32px;
		}

.table-cell {
	height: 180px;
	font-size: 18px;
	line-height: 22px;
	}		
	.table-cell h4 {
		font-size: 22px;
		line-height: 26px;
		}	
	.table-cell-four {
		width: 22%;
		height: 400px;
		}	

}

@media only screen 
and (max-width : 1040px) {

	#header .news-title,
	#header h1.title {
		white-space: inherit;
		}
	#enroll-now {
		top: 60px;
		right: 130px;
		}
	.slide-text {
		bottom: -7%;
		font-size: 18px;
		line-height: 26px;
		}

}

@media only screen 
and (max-width : 1530px) {

	#chat {
		display: none;
		}
	#quick-links {
		left: 10px;
		/*display: none;*/
		}
	a.ql {
		margin: 0 0 10px 0;
		padding: 50px 0 0 0;
		height: 40px;
		width: 90px;
		font-size: 11px;
		line-height: 14px;
		}
		
	#quick-links2 {
		display: inherit;
		}


}

@media only screen 
and (max-width : 1200px) {

	#quick-links {
		display: none;
		}
}

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

body {
	font-size: 16px;
	line-height: 26px;
	}
p {
	padding: 0 0 30px 0;
	margin: 0;
	}
hr {  
	margin: 21px 0 21px 0;
	}
h1 {
	margin: 0 0 0 0;
	font-size: 44px;
	line-height: 54px;
	}
.mission-title,	
h2 {
	margin: 0 0 0 0;
	font-size: 26px;
	line-height: 26px;
	}
h3 {
	margin: 0 0 0 0;
	font-size: 22px;
	line-height: 22px;
	}
h4 {
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 18px;
	}
h5 {
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 15px;
	}
h6 {
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 11px;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.container {
	padding: 50px 5% 5px 5%;
	width: 90%;
	}
.header-container {
	padding: 0 2% 25px 2%;
	}
.footer-container {
	padding: 50px 4% 25px 4%;
	width: 92%;
	}
	.news-container {
		padding-bottom: 30px;
		}
	.breadcrumb-container {
		position: relative;
		padding: 10px 0px 0px 10px;
		}
.mobile {
	display: inherit;
	}					
.desktop {
	display: none;
	}					

 
/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#top ul {
	overflow: none;
	max-height: 32px;
	}			
	#top ul li a {
		padding: 15px 8px 14px 8px;
		font-size: 12px;
		line-height: 17px;
		}
	#top ul li:after {
		font-size: 12px;
		line-height: 18px;
		}		
.short-header,
#header {
	background: #46279c;
	margin-bottom: 0px;
	}
	.mobile-title {
		padding: 15px 0 15px 0;
		color: #fff ;
		text-align: center;
		text-transform: uppercase;
		font-size: 29px;
		line-height: 31px;
		}
		.mobile-title h1 {
			color: #fff;
			}
	.header-home {
		height: auto !important;
		margin: 0 !important;
		}
#logo {
	top: 20px;
	left: 24px;
	}
	#menu-logo img,
	#logo img {
		max-width: 120px;
		}
#menu-logo {
	padding: 52px 0 0 2%;
	}
#navbar:hover,
#navbar {
	top: 20px;
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	}
#navbar-on:hover,
#navbar-on {
	top: 52px;
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for navigation ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#menu-topmenu,
.menu,
.menu-topmenu-container {
	padding: 0;
	margin: 0;
	}
.sub-menu {
	display: none;
	}			
	#mainnav ul li.nav5 .sub-menu {
		display: block;
		}
		#mainnav ul li ul li.nav6 {
			padding-left: 0;
			padding-bottom: 0; 
			}
		#mainnav ul li ul li.nav6 a {
			margin-top: 0;
			}
	#mainnav {
		margin: 30px auto 45px auto;
		}
	#mainnav ul li.nav1,
	#mainnav ul li.nav2,
	#mainnav ul li.nav3,
	#mainnav ul li.nav4,
	#mainnav ul li.nav5,
	#mainnav ul li {
		padding: 0 2% 10px 2%;
		width: 96%;
		float: none;
		}
		#mainnav ul li.mobile {
			display: block !important;
			}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for quotes ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.blue-text-block,
.gray-text-block,
.white-text-block {
	font-size: 16px;
	line-height: 26px;
	}
	.white-text-block img {
		width: 100%;
		height: auto;
		}
.video-container {
	padding: 15px 0 15px 0;
	font-size: 14px;
	line-height: 22px;
	}	
	.small-video {
		width: 100%;
		padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for home ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.four-square {
	position: relative;
	float: none;
	width: 100%;
	}
	.four-text {
		padding: 15px 30px 15px 30px;
		font-size: 26px;
		line-height: 28px;
		text-align: center;
		}
	.four-right {
		text-align: center;
		}

.slider {
	position: relative;
	height: auto;
	}		
	.slide-text {
		position: relative;
		display: block;
		background: #46279c;
		bottom: auto;
		left: auto;
		padding: 50px 5% 30px 5%;
		transform: none;
		font-size: 18px !important;
		line-height: 24px !important;
		color: #fff;
		width: auto;
		}
		.slider-wrap2,
		.slider-wrap2 .slide-text {
			background: #0072ad;
			}
	.slide-text .banner-title,
	.slide-text h1,
	.slide-text h2 {
		padding: 0 0 10px 0;
		font-size: 30px;
		line-height: 33px;
		white-space: normal;
		color: #fff;
		}	
	.slide-text a {
		color: #fff;
		}		

a.home-circle-container {
	margin: 20px auto 20px auto;
	width: 240px;
	height: 240px;
	border-radius: 120px;
	}				
.home-circle {
	margin: 0;
	width: 240px;
	height: 240px;
	font-size: 18px;
	line-height: 22px;
	background-size: 240px 240px;
	}
	.home-cicle-text .circle-title,
	.home-cicle-text h3 {
		font-size: 24px;
		line-height: 24px;
		}

.events-news h2 {
	font-size: 32px;
	line-height: 32px;
	}
	.home-event {
		margin: 0 auto 50px auto;
		}	
	.home-event ul {
		font-size: 18px;
		line-height: 22px;
		}
	.home-event ul li {
		margin: 0 20% 15px 20%;
		padding: 10px 0 25px 0;
		float: none;
		width: 60%;
		border-right: none;
		border-bottom: 1px solid #fff;
		}
		.home-event ul li:last-child {
			border-bottom: none !important;
			}
		.home-event h4 {
			font-size: 26px;
			line-height: 28px;
			color: #fff;
			font-weight: 400;
			}
		.home-event a {
			font-size: 48px;
			line-height: 48px;
			font-weight: 700;
			color: #fff;
			}
		.home-event-text {
			margin: 0 auto;
			padding: 0 15% 0 15%;
			}	
	#enroll-now {
		top: 30px;
		right: 80px;
		}
	#enroll-now .circles {
		width: 100px;
		height: 100px;
		border-radius: 50px;
		}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for quotes ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.testimonies,
.quote {
	font-size: 18px;
	line-height: 24px;
	}
	.center-quote,
	.home-quote {
		font-size: 18px;
		line-height: 24px;
		}
	.center-quote .quote-main,	
	.home-quote .quote-main,
	.testimonies .quote-main,
	.quote .quote-main,
	.center-quote h2,
	.home-quote h2,
	.testimonies h2,
	.quote h2 {
		font-size: 20px;
		line-height: 28px;
		}
	.testimonies hr,
	.home-quote hr,
	.quote hr {
		margin: 20px 0 40px 0;
		}
.center-quote-container {
	position: relative;
	width: 100%;
	height: 300px;
	padding: 50px 0 50px 0;
	}
.center-quote {
	width: 90%;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for academics -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.prep {
	margin: 0 auto;
	text-align: center;
	width: 50%;
	max-width: auto;
	}
	.prep-photo img {
		width: 100% !important;
		height: auto;
		}
	.prep-grade {
		font-size: 20px;
		line-height: 20px;
		}	
	.prep-title {
		font-size: 22px;
		line-height: 24px;
		min-height: 102px;
		}
		.prep-center {
			position: absolute;
			width: 85%;
			top: 50%; 
			left: 50%; 
			transform: translate(-50%, -50%); 
			}
.table-cell {
	width: 47%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height: 180px;
	font-size: 16px;
	line-height: 20px;
	}		
	.table-cell h4 {
		font-size: 20px;
		line-height: 24px;
		}	
	.no-border-right {
		border-right: 1px solid #000;
		}
	.no-border-bottom {
		border-bottom: 1px solid #000;
		}
	.table-cell-four {
		margin: 0 2% 25px 2%;
		width: 43%;
		border-top: 1px solid #000;
		height: 250px;
		}	
.timeline-container {
	padding: 0 0 80px 0;
	}		
.timeline {
	margin: 0px 0 0 0;
	}
	.timeline hr {
		margin-top: 25px !important;
		}
.dots-blue3 {
	margin: 10px 0 50px 0;
	}
	.logo-grid .logo {
		width: 47%;
		border-right: 0px solid #000;
		border-bottom: 0px solid #000;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for why -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.photo-grid img {
	width: 90%;
	height: auto;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for five pillars ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.pillars {
	max-height: auto;
	}
	.five-pillars-anime {
		display: none !important;
		}
	.pillar-photo {
		float: none;
		width: 100%;
		}
		.five-pillar-mobile img {
			width: 100%;
			height: auto;
			margin: 0 0 25px 0;
			}
		.five-pillars-left .pillar-photo {
			float: none;
			}
	.pillar-ghost {
		float: none;
		width: 100%;
		}
		.five-pillars-left .pillar-ghost {
			float: none;
			}
		.pillars h2 {
			font-size: 28px;
			line-height: 32px;
			top: 10%; 
			}
		.pillar-text {
			padding: 5% 5% 0 5%;
			width: 90%;
			font-size: 18px;
			line-height: 26px;
			}
			.five-pillars-left .pillar-ghost .pillar-text {
				float: none;
				}
		.pillar-link {
			font-size: 16px;
			line-height: 16px;
			}	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for news ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

a.news {
	display: block;
	width: 97%;
	margin: 0 1.5% 35px 1.5%;
	float: none;
	}
.news-text {
	height: 85px;
	}
	.news-text-block {
		font-size: 18px;
		line-height: 22px;
		top: 65%; 
		}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for about ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.wide-photo-parallax {
	position: relative;
	min-height: 400px;
	}
	.photo-text {
		top: 50%; 
		width: 90%; 
		}
		.mission-title,	
		.photo-text h2 {
			font-size: 22px;
			line-height: 26px;
			}	
.principle {
	padding: 10px 0 35px 0;
	}
	.principle h2 {
		margin: 0 0 0 0;
		font-size: 34px;
		line-height: 38px;
		}
	.principle-photo {
		float: none;
		width: 100%;
		padding-right: 0;
		margin: 0 0 30px 0;
		text-align: center;
		}
		.principle-photo-left {
			float: none;
			text-align: center;
			padding-right: 0;
			padding-left: 0;
			}
	.principle-text {
		float: none;
		width: 90%;
		color: #fff;
		padding: 0 5% 0 5%;
		font-size: 20px;
		line-height: 28px;
		text-align: center;
		}

.bios {
	margin-top: 0;
	}
	.bio-photo {
		float: none;
		margin: 0 0 30px 0;
		width: 100%;
		}
	.bio-title {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		font-size: 20px;
		line-height: 32px;
		}
		.bio-center {
			position: relative;
			top: auto; 
			transform: none; 
			}
		.bio-title h2 {
			font-size: 30px;
			line-height: 32px;
			}
		.bio-title h2.position,
		.bio-title h3 {
			padding: 0 0 20px 0;
			font-size: 30px;
			line-height: 32px;
			}
	.bio-text {
		display: block !important;
		font-size: 18px;
		line-height: 28px;
		width: 100%;
		padding: 0 0 40px 0;
		}
.faqs {
	margin-top: 0;
	margin-bottom: 50px;
	}
	.faqs hr {
		margin: 0px 0 20px 0;
		height: 10px;
		border: none;
		background: url('images/dots-blue.png');
		background-size: 5px;
		background-position: bottom left;
		background-repeat: repeat-x;
		}		
	.faqs hr.title {
		margin: 0px 0 20px 0;
		}
	.faqs h2 {
		padding: 40px 0 5px 0;
		font-size: 26px;
		line-height: 28px;
		}
	.question {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		font-size: 18px;
		line-height: 22px;
		}
		.question h3 {
			font-size: 18px;
			line-height: 22px;
			}
	.answer {
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		padding: 0 0 0 0;
		}	
	.faq-plus,
	.faq-minus,	
	.plus,
	.minus {
		display: none;
		}	
		

/* -------------------------------------------------------------------------------------------------------------- */
/* css for forms ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#gform_wrapper_1,
#gform_wrapper_3,
#gform_wrapper_4,
#gform_wrapper_5 {
	margin-bottom: 50px !important;
	}
.new-form ul li {
	margin: 0 1% 13px 0 !important;
	width: 49% !important;
	}
	.new-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
	.new-form ul li#field_1_6 div,
	.new-form ul li#field_3_1 div,
	.new-form ul li#field_4_1 div,
	.new-form ul li#field_5_1 div {
		margin: 0 !important;
		width: 100% !important;
		}
	.new-form ul li#field_1_6 span,
	.new-form ul li#field_3_1 span,
	.new-form ul li#field_4_1 span,
	.new-form ul li#field_5_1 span {
		margin: 0 !important;
		width: 98% !important;
		}
	.new-form ul li#field_1_6,
	.new-form ul li#field_3_1,
	.new-form ul li#field_4_1,
	.new-form ul li#field_5_1 {
		width: 50% !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	.new-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
	.new-form ul li#field_1_6 input[type='email'],
	.new-form ul li#field_1_6 input[type='text'],
	.new-form ul li#field_3_1 input[type='email'],
	.new-form ul li#field_3_1 input[type='text'],
	.new-form ul li#field_4_1 input[type='email'],
	.new-form ul li#field_4_1 input[type='text'],
	.new-form ul li#field_5_1 input[type='email'],
	.new-form ul li#field_5_1 input[type='text'] {
		width: 100% !important;
		margin: 0 0 13px 0 !important;
		}
.new-form input[type='submit'] {
	padding: 3px 45px 5px 45px;
	margin: 0 1% 0 0 !important;
	max-width: 150px;
	height: 32px;
	}



.contact-form ul li {
	margin: 0 1% 13px 0 !important;
	width: 49% !important;
	}
	.contact-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
	.contact-form ul li#field_1_6 div,
	.contact-form ul li#field_3_1 div,
	.contact-form ul li#field_4_1 div,
	.contact-form ul li#field_5_1 div {
		margin: 0 !important;
		width: 100% !important;
		}
	.contact-form ul li#field_1_6 span,
	.contact-form ul li#field_3_1 span,
	.contact-form ul li#field_4_1 span,
	.contact-form ul li#field_5_1 span {
		margin: 0 !important;
		width: 98% !important;
		}

	.contact-form ul li#field_1_7 {
		margin-top: 2px !important;
		}
	.contact-form ul li#field_1_13 {
		width: 33% !important;
		margin: 0 0% 13px 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li#field_1_14,
	.contact-form ul li#field_1_15 {
		width: 32% !important;
		margin: 0 1% 13px 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li#field_1_14 {
		clear: both;
		}



	.contact-form ul li#field_1_6,
	.contact-form ul li#field_3_1,
	.contact-form ul li#field_4_1,
	.contact-form ul li#field_5_1 {
		width: 50% !important;
		margin: 0 !important;
		padding: 0 !important;
		}
	.contact-form ul li.custom-textarea {
		width: 99% !important;
		display: block !important;
		}
	.contact-form ul li#field_1_6 input[type='email'],
	.contact-form ul li#field_1_6 input[type='text'],
	.contact-form ul li#field_3_1 input[type='email'],
	.contact-form ul li#field_3_1 input[type='text'],
	.contact-form ul li#field_4_1 input[type='email'],
	.contact-form ul li#field_4_1 input[type='text'],
	.contact-form ul li#field_5_1 input[type='email'],
	.contact-form ul li#field_5_1 input[type='text'] {
		width: 100% !important;
		margin: 0 0 13px 0 !important;
		}
.contact-form input[type='submit'] {
	padding: 3px 45px 5px 45px;
	margin: 0 1% 0 0 !important;
	max-width: 150px;
	height: 32px;
	}
	.post h1 {
 		padding: 0 0 20px 0;
		font-size: 36px;
		line-height: 40px;
		}
	.post h3 {
		margin: 0 0 40px 0;
		padding: 30px 0 30px 0;
		font-size: 28px;
		line-height: 34px;
		}
	.post h2 {
		font-size: 22px;
		line-height: 26px;
		}

.bottom-nav {
	font-size: 16px;
	line-height: 20px;
	}
	.bottom-nav a:hover {
		color: #46279c;
		}
.bottom-nav [rel~="prev"] {
	padding-right: 15px;
	background-size: 12px 14px;
	}
.bottom-nav [rel~="next"] {
	padding-left: 15px;
	background-size: 12px 14px;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.alignnone {
	margin-top: 0px;
	margin-bottom: 0px;
	}	
.center-logo img {
	width: 90%;
	height: auto;
	}
.wide-photo img {
	width: 100%;
	}
.dots-blue2 {
	margin: 0px 0 50px 0;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.quote img {
	max-height: 375px;
	width: 100%;
	max-width: 250px;
	}
#footer {
	padding: 0 0 20px 0; 
	}
	#footer ul li {
		padding: 0 20px 15px 20px;
		}
	#footer hr {
		margin: 40px 0 20px 0;
		}	
#footer input[type='tel'],
#footer input[type='email'],
#footer input[type='text'] {
	width: 98%;
	}
#copyright {
	padding: 25px 0 0 0;
	}
.map {
	margin: 25px 5% 500px 5%;
	}
.events-news-simcal {
	height: 1200px;
	overflow: hidden;
	}
.simcal-events-calendar-684 .simcal-event-details {
	height: 180px;
	}	
.simcal-events-calendar-684 .simcal-event-title {
	font-size: 16px !important;
	line-height: 20px !important;
	}	

}


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

#enroll-now {
	display: none;
	}

.table-cell {
	margin: 0 0 25px 0;
	width: 98%;
	height: 190px;
	}		
	.table-cell-four {
		margin: 0 0 25px 0;
		width: 98%;
		height: 220px;
		}	

	
}

