/*
Children's House Montessori - CSS Style
=======================================

author : 		Web Dandy
author_uri : 	http://www.webdandy.co.uk

*/

/* NORMALIZE */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#ccc;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic}.clear:after,.wrapper:after,.format-status .entry-header:after{clear:both}.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after{display:table;content:""}.end{font-size:0;height:0;clear:both;display:block;float:none}abbr{cursor:help;border-bottom:1px dotted #000}

/* hide elements */ #mobile-nav{ display: none !important; }

/* 	COLORS 
	
	gold			a39c5f
	light blue		349bce	4cabda
	
	
*/

/* LAYOUT */
body{ background: #fff url(images/back.png) 0 0 repeat-x; margin: 0; }
	.wrapper, .clear, .slides-container, #page, .slides{ display: block; clear: both; }
	.wrapper{ margin: 0 auto; width: 960px; }	
	#header{ }
		.logotype{ width: 20.625%; float: left; margin: 1.125em 0 0 7px; }
			.logotype img{ width: 100%; height: auto; }
			#header .content{ float: right; text-align: right; display: block; margin: 5.9375em 2.395833% 0 0; width: 73.95833%; } /* 710 / 960 */
	#page{ padding: 0 0 90px 0; }
		.side{ float: left; width: 22.9167%; } /* 220 / 960 */ 
		.main{ float: right; margin: 0 1.875% 0 0; padding: .75em 0 0 0; width: 70.833%; } /* 680 / 960 */ 
	.clear{ height: 0; }
	.left{ float: left; }
	.right{ float: right; }
	#footer{ padding: 120px 0 70px 0; text-align: center; background: #fff url(images/footer-back.png) 0 0 repeat-x; }
		#footer .copy, #footer .by{ display: inline-block; }
	
/* TYPOGRAPHY */
body{ font-size: 100%; }
	@font-face {
	    font-family: 'graviolaregular';
	    src: url('fonts/graviola-regular-webfont.eot');
	    src: url('fonts/graviola-regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/graviola-regular-webfont.woff2') format('woff2'),
	         url('fonts/graviola-regular-webfont.woff') format('woff'),
	         url('fonts/graviola-regular-webfont.ttf') format('truetype'),
	         url('fonts/graviola-regular-webfont.svg#graviolaregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	body, textarea, h1, h2, h3, h4, h5, h6, input, textarea{ color: #535252; font-family: 'graviolaregular', sans-serif; font-weight: normal; }
		p, li{ line-height: 1.6em; font-size: 1em; } /* 16 */
			p{ margin-bottom: 1.5em; }
		#footer p{ color: #349bce; font-size: .875em; } /* 14 / 16 */
		.main ol, .main ul{ margin: 0 0 1.6em 15px; }
		.main ol{ }
			.main ol li{ list-style: inside decimal; text-indent: -15px; }
		.main ul{}
			.main ul li{ list-style: inside disc; text-indent: -12px; }
		.intro{ line-height: 1.2em; font-size: 1.25em; } /* 20 / 16 */
		/* headings */
		h1, h2, h3, h4, h5, h6{ color: #4cabda; }
			.slogan{ color: #a39c5f; text-transform: uppercase; letter-spacing: 3px; font-size: 1.2875em; } /* 19 / 16 */
			#header .slogan span:before{ content: " - "; }
			#footer .slogan{ text-align: center; font-size: 1.3125em; } /* 21 / 16 */
		.main h1{ margin: 0 0 .85em 0; font-size: 2.25em; } /* 36 / 16 */
		.main h2{ margin: 0 0 .75em 0; font-size: 1.75em; line-height: 1.25em; } /* 28 / 16 */
		.main h3{ margin: 0 0 .75em 0; font-size: 1.5em; } /* 24 / 16 */
		.main h4{ margin: 0 0 .75em 0; font-size: 1.25em; } /* 20 / 16 */
		.main h5{ margin: 0 0 .75em 0; font-size: 1.125em; } /* 18 / 16 */
		.main h6{ margin: 0 0 .75em 0; font-size: 1em; }
		/* links */
		a, a:link{ text-decoration: none; color: #535252; }
			.main a{ text-decoration: underline; }
				.main a:hover{ color: #349bce; }
			#footer a{ color: #349bce; }
				#footer a:hover{ text-decoration: underline; }

/* NAVIGATION */
.navigation{ }
	.navigation ul{ display: block; width: 100%; }
		.navigation li{ list-style: none; }
	.side .navigation{ margin-bottom: 40px; }
		.side .navigation ul{ border-bottom: 1px solid #cccc99; }
			.side .navigation li{ padding: 0 0 0 13px; display: block; width: auto; border-top: 1px solid #cccc99; border-bottom: 1px solid #e0e0c2; }
				.side .navigation li:first-child{ border-top: 0; }
		.side .navigation a{ color: #666; line-height: 2.375em; font-size: 1em; }
			.side .navigation a:hover, .side .navigation .selected a{ color: #a79f54; }
			.side .navigation a.accred, .side .navigation a.whatsay, .side .navigation a.excellence, .side .navigation a.unicef,  .side .navigation a.forest { line-height: 1.75em; }
	#footer .navigation{ margin: 1em 0; }
		#footer .navigation ul{ display: block; text-align: center; }
 			#footer .navigation li{ margin: 0 .8em; display: inline-block; }
			#footer .navigation a{ color: #349bce; line-height: 2em; font-size: 1.125em; } /* 18 / 16 */
				#footer .navigation a:hover{ text-decoration: underline; }
			
#back-to-top{ font-family: sans-serif !important; border: 2px solid #868044; background: #a39c5f; padding: .2em 0; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #fff; font-size: 45px; width: 40px; height: 80px; text-align: center; cursor: pointer; position: fixed; bottom: -20px; right: 40px; display: none;  }

/* TYPES & OBJECTS */
/* sprites */ 	#header .contact-info .icon, .quotes{ background: transparent url(images/sprite.png) 0 0 no-repeat; }
#header .contact-info{ margin: 1.125em 0 0 0; color: #4cabda; font-size: 1.25em; line-height: 1em; font-weight: 500; } /* 20 / 16 */
	#header .contact-info li{ list-style: none; display: block; margin-bottom: .3em; }
	#header .contact-info a{ color: #3494c4; text-decoration: none; }
		#header .contact-info li.email a{ text-decoration: underline; }
	#header .contact-info .icon{ width: 22px; margin: 0 20px 0 0; display: inline-block; }
		#header .contact-info .email .icon{ background-position: 0 -88px; height: 16px; }
		#header .contact-info .phone .icon{ background-position: 0 -105px; height: 18px; }

.media{ background: transparent url(images/media-back.jpg) center / cover; }
	.slides, .image-header{ margin: 30px auto; }
		.slides-container, .image-header img{ position: relative; }
		.image-header img{ width: 99%; height: auto; }
		.media img{ }
	.slides-container{ margin: 0 13px; background: #d9d290; padding: 4px; border-radius: 22px; box-shadow: 0 5px 5px #cdcdcb; }
	.image-header img{ margin: 0; background: #d9d290; padding: .5%; border-radius: 22px; box-shadow: 0 5px 5px #cdcdcb; }

aside.logos{}
	aside.logos ul{ margin: 0; padding: 0; text-align: center; }
	.side aside.logos li{ display: block; margin-bottom: 30px; }
		.side aside.logos li:first-child{ margin-bottom: 16px; }
	#footer aside.logos li{ display: inline-block; }
	.logos.mobile{ display: none; }
	
.quote-text{ margin-left: -24px; padding: 30px 0 30px 111px; border-top: 1px solid #86c6e6; border-bottom: 1px solid #86c6e6; }
	.quotes{ width: 76px; height: 56px; margin: -4px 0 0 -87px; display: block; position: absolute; }
	.quote-text.firstblock{ margin-left: -10px; padding-bottom: 25px; }
	.quoted-by{ display: block; color: #097fb4; margin-top: 1em; }
	
.rings{ background: #ddd49b url(images/rings-back.png) 0 0 repeat-x; }
	.rings ul{ width: 100%; display: table; text-align: center; margin: 0; padding: 0; }
		.rings li{ display: table-cell; width: 24%; }
.rings li img, p img.ring{ margin: -30px 0; width: 100%; height: auto; height: 230px; width: 230px; padding: 5px; background: #a39c5f; border-radius: 115px; }

.main img.center{ float: none; margin: 2em auto; position: relative; clear: both; display: block; }
	
.with-ring{ display: table; clear: both; margin-bottom: 30px; }
	.with-ring p{ display: table-cell; vertical-align: middle; }
.with-ring.to-right{ text-align: right; }
.with-ring.to-right{ direction: rtl; }
.with-ring.to-left p:first-child{ padding-right: 30px; }
.with-ring.to-right p:first-child{ padding-left: 30px; }
.with-ring.to-right p:last-child{ direction: ltr; }

/* gallery */
.grid{ margin: 0 0 50px 0; text-align: center; }
	.grid-item{ width: 33.3333%; }
	.grid-item a{ padding: 7px; display: inline-block; }
		.grid-item a img{ width: 100%; height: auto; float: left; }
		
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/plugins/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/plugins/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/plugins/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/plugins/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/plugins/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
		
	
/* PLUGINS */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100% !important;
}


/* BREAKPOINTS */
@media screen and (min-width: 847px)and (max-width: 999px){ /* flexible */
	.wrapper{ width: 92%; padding: 0 4%; }
	#header .slogan{ font-size: 1.1375em; } 
}
@media screen and (max-width: 999px){
	.rings li{ display: inline-block; width: auto; }
		.rings li:last-child{ display: none; }
		.rings li img{ margin-left: -2px; margin-right: -2px; }
}
@media screen and (max-width: 950px){
	.image-header img{ margin: 0; }
}
@media screen and (max-width: 930px){
	#header .content{ margin-top: 5.5625em; width: 67.21698113207547%; }
		#header .logotype{ width: 23.2311320754717%; min-width: 130px !important; }
		#header .slogan{ font-size: .9375em; } /* 15 / 16 */
}
@media screen and (max-width: 799px){
	.rings li.ring-3{ display: none; }
	#header .slogan{ line-height: 1.5em; }
		#header .slogan span{ display: block; }
			#header .slogan span:before{ content: ""; }
	#footer{ padding-top: 80px; }
	#footer .slogan{ line-height: 1.5em; }
}
@media screen and (max-width: 848px){ /* TABLET */
	.wrapper{ width: 90%; padding: 0 5%; }
	.side{ display: none; }
	.main{ display: block; clear: both; margin: 0; width: 100%; }
	#header .content{ margin-right: 0; width: 75%; }
	.media{ background: none; }
		.media .wrapper{ width: 100%; padding: 0; }
		.image-header img{ padding: .5%; width: 99%; }
		.slides-container{ margin: 0; }
	.quote-text{ margin-left: 0; }
	.logos.mobile{ display: block; clear: both; }
		.logos.mobile ul{ display: table; width: 100%; }
			.logos.mobile ul li{ display: table-cell; }
			.logos.mobile img{ width: 70%; height: auto; } 
	#mobile-nav{ display: block !important; position: absolute; z-index: 99999; top: 0; right: 0; width: 100%; font-size: 1em; }
		#mobile-nav>div{ display: none; position: absolute; z-index: 9999; width: 100%; right: 0; top: 62px; background: #b4ae74; }
		#mobile-nav ul{ background: none; margin: 0; padding: 0; width: 100%; display: block; position: relative !important; text-align: left !important; }
		#mobile-nav>ul>li{ font-size: 1em; display: block !important; clear: both; float: none !important; }
		#mobile-nav li{ line-height: 40px; padding: 0; width: auto; text-align: left !important; display: block !important; clear: both; float: none !important; border-bottom: 1px solid #fff; }
		#mobile-nav ul a{ padding: 0 10px; display: block; color: #fff; }
			#mobile-nav ul a:hover{ color: #fff; }
			#mobile-nav ul span{ display: none; }
		#mobile-nav ul{ display: block; }
			#mobile-nav li{ list-style: none; display: block; }
			#mobile-nav ul ul{ display: none; box-shadow: none; }
				#mobile-nav ul ul li{ padding-left: 30px; border: 0; }
		#mobile-nav>div>ul{ color: #1e2384; }
		#mobile-nav .current-menu-parent>a, #mobile-nav .current-menu-item>a{ background: #76051e; }
		#nav-mini-button{ position: absolute; right: 5.3%; top: 20px; z-index: 9; background: #b4ae74; width: 29px; height: 27px; padding: 7px 9px; display: block; }
			#nav-mini-button span{ background: #fff; float: left; height: 5px; margin: 2px; display: block; width: 25px; }
}
@media screen and (min-width: 549px) and (max-width: 800px){
	#header .logotype{ width: 30%; }
	#header .content{ width: 65%; }
}
@media screen and (max-width: 675px){
	#header .contact-info li .icon{ display: none; }
	.with-ring{ padding: 20px 0; }
}
@media screen and (max-width: 649px){
	#header .slogan{ display: none; }
	.slides-container{ border-radius: 14px; }
}
@media screen and (max-width: 599px){
	.slides, .image-header{ margin: 1em 0; }
	.quote-text{ padding-left: 60px; }
	.quotes{ margin-left: -60px; width: 42px; height: 32px; background-position: 0 -56px; }
}
@media screen and (max-width: 549px){
	#header .content{ clear: both; width: 100%; text-align: center; margin-top: 0; }
	#header .contact-info, #header .contact-info li{ margin: 0; }
	aside.logos li{ padding: 1em; }
		aside.logos img{ width: 100%; height: auto; }
	.rings li.ring-2{ display: none; }
	.chart{ width: 80%; height: auto; }
}
@media screen and (max-width: 479px){
	.with-ring, .with-ring p{ display: block; }
	.with-ring .ring{ margin: 0; }
		.with-ring p{ padding: 0 !important; text-align: left !important; } 
		.with-ring .ring{ margin: -30px auto 0 auto !important; display: block; }
		.main .under-with-ring { margin-top: -50px !important; }
}
@media screen and (max-width: 400px){
	.slides-container{ border-radius: 12px; }
	#footer .copy, #footer .by{ clear: both; display: block; margin-bottom: 0; }
	.main h1, .main h2, .main h3, .main h4{ text-align: center; }
	.main h1{ margin: 0 0 .75em 0; font-size: 1.5em; } /* 24 / 16 */
	.main h2{ margin: 0 0 .75em 0; font-size: 1.25em; } /* 20 / 16 */
	.main h3{ margin: 0 0 .75em 0; font-size: 1.125em; } /* 18 / 16 */
	.main h4{ margin: 0 0 .75em 0; font-size: 1em; }
	p, li{ font-size: .875em; } /* 14 / 16 */
	.intro{ font-size: 1em; } /* 16 */
	.contact-info .email{ font-size: .8em; }
	.chart{ width: 100%; }
}

/*p.video {
	margin-left: 10px;
}*/

/* alumni quotes */
span.said { color: #4cabda !important; font-weight: bold;}

/* youtube */
.video {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* fees table */
table {
margin-bottom: 20px;
border: 1px solid #000;
}

td {
border: 1px solid #000;
}

th, td {
  padding: 12px;
}

td.time {
width: 50%;
}

.maria-story { 
color: #4cabda; 
font-size: 1.45em;
}

.button { 
background-color: #1c87c9; border: none; color: #fff !important; padding: 20px 34px; text-align: center; display: inline-block; font-size: 18px; margin: 4px 2px 25px; cursor: pointer; text-decoration: none !important;
}


@media screen and (min-width: 490px) and (max-width: 1900px){
.chh-float {
float: left; padding-right: 25px;
}
}

@media screen and (max-width: 4089px){
.chh-float {
 display: block; margin: auto;
}

.hed {
padding-top: 10px;
}

.npath {
padding-top: 30px;
}