/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

/*ARROWS*/
@font-face {
    font-family: 'Arrows';
    src: url('fonts/arrows/Glyphter.eot');
    src: url('fonts/arrows/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrows/Glyphter.woff') format('woff'),
         url('fonts/arrows/Glyphter.ttf') format('truetype'),
         url('fonts/arrows/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 07 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-icon_calendar:before{content:'\0041';}
.icon-icon_facebook:before{content:'\0042';}
.icon-icon_image-gallery:before{content:'\0043';}
.icon-icon_information:before{content:'\0044';}
.icon-icon_latest-news:before{content:'\0045';}
.icon-icon_online-enrolment:before{content:'\0046';}
.icon-icon_our-location:before{content:'\0047';}
.icon-icon_twitter:before{content:'\0048';}
.icon-icon_vison:before{content:'\0049';}
.icon-tree:before{content:'\004a';}


@font-face {
	font-family: 'Conv_Omnes_Pro-Black';
	src: url('fonts/Omnes_Pro-Black.eot');
	src: local(''), url('fonts/Omnes_Pro-Black.woff') format('woff'), url('fonts/Omnes_Pro-Black.ttf') format('truetype'), url('fonts/Omnes_Pro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Omnes_Pro-BlackItalic';
	src: url('fonts/Omnes_Pro-BlackItalic.eot');
	src: local(''), url('fonts/Omnes_Pro-BlackItalic.woff') format('woff'), url('fonts/Omnes_Pro-BlackItalic.ttf') format('truetype'), url('fonts/Omnes_Pro-BlackItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Omnes_Pro-BoldItalic';
	src: url('fonts/Omnes_Pro-BoldItalic.eot');
	src: local(''), url('fonts/Omnes_Pro-BoldItalic.woff') format('woff'), url('fonts/Omnes_Pro-BoldItalic.ttf') format('truetype'), url('fonts/Omnes_Pro-BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Omnes_Pro-MediumItalic';
	src: url('fonts/Omnes_Pro-MediumItalic.eot');
	src: local(''), url('fonts/Omnes_Pro-MediumItalic.woff') format('woff'), url('fonts/Omnes_Pro-MediumItalic.ttf') format('truetype'), url('fonts/Omnes_Pro-MediumItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Omnes_Pro-SemiboldItalic';
	src: url('fonts/Omnes_Pro-SemiboldItalic.eot');
	src: local(''), url('fonts/Omnes_Pro-SemiboldItalic.woff') format('woff'), url('fonts/Omnes_Pro-SemiboldItalic.ttf') format('truetype'), url('fonts/Omnes_Pro-SemiboldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*LANDING*/
.landingbg {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69008c+0,000066+100 */
    background: #69008c; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #69008c 0%, #000066 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #69008c 0%,#000066 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #69008c 0%,#000066 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69008c', endColorstr='#000066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    position: fixed;
}
.landingcenter{ width:500px; height:500px; position: fixed;  top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; text-align:center; color:#FFF; }
.landingcontact{ margin-top:30px; font-size:24px;}
.landingphoneemail{ line-height:40px; margin-top:20px; font-size:30px; font-weight:bold;}


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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
}
html, body{ font-family: 'Ubuntu', sans-serif;	font-size: 16px;	line-height: 20px; }


html {  position:relative; overflow-x:hidden; }
body { }
p {margin-bottom:15px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%; height:auto; }
h1{
	color:#434343;
	font-size:24px;
	font-weight:bold;
}

ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	

}
img.alignright {float:right; margin:0 0 1em 3em}
img.alignleft {float:left; margin:0 3em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a:hover, a:link, a:visited{
	color:#08C0DE;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

.ninesixty{ width:1020px; position:relative; margin:0 auto; }

.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, img, a{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }


/*NEWS*/
	/* BLOG */
	.news_image{width:100%;height: 300px;display:block;background-size: cover !important;background-position: 50% !important;}
	.blog_left{width: 63%;float:left;box-sizing:border-box;}
	.blog_rightside{width: 32%;margin-left: 2%;float:left;box-sizing:border-box;background:#FFF;padding:30px;}
	.backlink{ position:absolute; top:-30px; left:17px; color:#000066 !important;}
		a.backlink:before{content: 'A';font-family: 'Arrows';font-size: 10px;position: absolute;color:#000066;top: 0px;left: -17px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);display:block;}
	
	.blog_rightside h1{font-weight:normal; color: #333;line-height:40px;margin-bottom:10px; font-weight:800; text-transform:uppercase; font-size:19px; }
	.archives li{ list-style:none; padding:0 0 0 20px; margin:0; width:100%; }
	.archives li a{ line-height:25px; font-size:18px; color:#777}
	.archives b a{ display:block; font-size:23px; display:block; left:-20px; position:relative; margin:10px 0 5px 0; color:#444 }
	.blog_box{background:#FFF;padding: 30px;}
		.blog_box:after{ content:""; display:block; height:2px; background:#eee; width:100%;}
		
	.tagcloud a{background: rgba(0,0,0,0.01);padding:2px 8px;margin-bottom: 5px;display: inline-block;transition: all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;color: #444;}
	.tagcloud a:hover{ background: #000066; color:#FFF;}
	.main_right_inside img{ width:80px; height:auto; display:block; float:left; padding:0 10px 10px 0; }
	.main_right_inside .recentpostlink span{display:block;font-size:12px;font-weight:normal;transition: all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;font-style: italic;padding-left: 0;color: #bbb;}
	.main_right_inside .recentpostlink{font-weight: 400;font-size: 14px;cursor: pointer;line-height: 16px;float: left;width: calc(100% - 150px);}
		.main_right_inside .recentpostlink.noblogimage{ width:100%; }
		.main_right_inside h3{line-height:inherit;margin: 0;padding: 0;display: block;font-size: 19px;line-height: 23px;}
	.main_right_inside .recentpostlink:hover{ color:#000066; }
	.rblog:after{content:"";display:block;height: 2px;background:#eee;width:100%;margin:20px 0;position:relative;}

	.blog_box img{margin-bottom:30px;height: auto;}
	.blog_box h1{/* padding-bottom:20px; */color: #000066;font-weight: 800;font-size: 24px;margin: 20px 0px 10px;}
	.datespan{font-size:14px;font-weight:600;display:block;font-style: italic;margin: 0 0 20px -20px;}
	.datespan:before{ content:' ';   width:20px; height:20px;  display:inline-block; background-repeat:no-repeat; position:relative; top:9px; background-size:60% 60%; }
	.blog_box_inner{position:relative;margin: 20px 0px;}
	.blog_box_inner a.readmore{color: #000066;/* display:block; */position: relative;background: #FFF;z-index: 9999;opacity:  1; font-size:14px; font-weight:600; text-transform:uppercase;}
	.blog_box_inner a:before{content: 'A';font-family: 'Arrows';font-size: 10px;position: absolute;color:#000066;top: -2px;right: -17px;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display:block;}
		a.noarrow:before{ display:none; }
	.blog_content a:before{ display:none; }
	.category_list{padding-left:20px;color:#D4D6D5;display: inline-block;}
		.category_list *, .category_list a, .content_left .category_list *{ color:#D4D6D5; font-weight:bold; font-size:14px; font-style:unset !important; padding:0 0 0 5px; }
			.category_list a:hover{ color:#000066; background:#FFF; }
			.category_list a:before{ display:none; }
			
			.blog_right *{ text-align:left; }
				.blog_right .nl_title{ font-size:20px; }
				.blog_right .tag-cloud-link{ padding-right:15px; }
				.blog_right .nl_title{ cursor:pointer; }
			.archives li{ list-style:none; padding:0 0 0 0px; margin:0; width:100%; }
			.archives li a, a.oldarchives{line-height:25px;font-size:16px !important;color:#ddd;text-decoration: none; transition: all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
			.archives:hover li a, a.oldarchives:hover{ color: #000066 !important; text-decoration:none; }
			.oldarchives{ padding-left:25px;}
			.archives b a{display:block;color: #000066;font-size:20px !important;display:block;left:-20px;position:relative;margin:10px 0 5px 0;}

			.datespan{color:#000066;/* padding-bottom:5px; */display:block;/* font-style:italic; */position:relative;top:-5px;}
	.page-numbers {	display: inline-block;	padding: 5px 10px;	margin: 0 2px 0 0;	border: 1px solid #eee;	line-height: 1;	text-decoration: none;	border-radius: 2px;	font-weight: 600;}
		.page-numbers.current,a.page-numbers:hover {	background: #f9f9f9;}
		.navigation a{ color:#000066; display:inline-block; margin-bottom:5px; }
		.navigation a.main-navigation{ color:#000066; text-transform:uppercase; font-weight:800; }

	
	.content_left{width:62%;float:left;margin-right:4%;position: relative;}
	.hlcont > h1, .content_left h1, .ninesixty h1 {color:#6a2a7e;}
	.hlcont > h2, .content_left h2, .ninesixty h2 {color:#919090; font-size: 20px !important; line-height: 26px !important; margin-bottom: 20px}
	.hlcont p{ padding-right:50px;}
	.content_left.homecontent_left{ width:67%; margin-right:0%; }
	.hlcont{height: auto;overflow-y: auto;}
	.content_left p{ color:#454545; line-height: 20px}
	.content_left li {line-height: 20px; margin-bottom: 10px}
	
	.content_right{width: 30%;float:left;margin-left: 3%;}
	
/*MENU*/
	.main_menu{ z-index:9999; position:fixed; top:0; left:0; width:100%; box-sizing:border-box; 
		background: #09273e; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #09273e 0%, #0cc3d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #09273e 0%,#0cc3d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #09273e 0%,#0cc3d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09273e', endColorstr='#0cc3d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity:0.8
	 }
	.menubar{width: 100%;float:right;bottom:0;position:absolute;right:0;text-align:left; height:115px; box-sizing:border-box; padding:0 70px; }
	.submenu{ display:none; }
	

	.page_item	{		list-style: none;		padding: 0;		margin: 0;	float:right; position:relative; position:relative;}
	.page_item:hover:after, .current_page_item:after, .parent_of_current_page:after, .current_page_parent:after, .current-menu-item:after {content:'';width:100%;height:2px;background: #ffffff;position:absolute;bottom:40px;left:5px;}
	.mobilmenu .page_item:hover:after, .mobilmenu .current_page_item:after, .mobilmenu .parent_of_current_page:after, .mobilmenu .current_page_parent:after, .mobilmenu .current-menu-item:after{ display:none; }

	.page_item a:first-of-type{ line-height:115px; color:#fff;}
	.page_item > li	{		position: relative;		float: right;		height: 40px;		width: auto;		background: transparent;		display:block;		padding:100px 10px 20px 0px; 	}
	/*.current-menu-item, .current_page_parent {background: #000066 !important;}*/
	.page_item a {		text-transform:uppercase;	padding: 0 5px 0 15px;	display: block;	font-weight:600;	}
	.menu_item_has_children:hover .first_level_submenu{visibility:visible; opacity:1; height:auto; }
	.first_level_submenu{ width:auto;position:absolute;top:115px;left: 50%;list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.mobilmenu .first_level_submenu{display:block;visibility:visible;opacity:1;position:relative;height: auto;}
	.mobilmenu ul li ul a{ font-size:11px; }
	.first_level_submenu li{ position:relative; left:-50%;display:block; top:auto; background:rgb(0,194,223); margin-left:-30px; }
	.first_level_submenu li:first-child{border-top:10px solid rgb(0,194,223);}
	.first_level_submenu li:last-child, .first_level_submenu li:last-child(1), .first_level_submenu li:last-child(2){ border-bottom:10px solid rgb(0,194,223);  }
	.first_level_submenu a{line-height: 42px !important;white-space:nowrap;text-transform:none;padding:0 20px;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;}
	.first_level_submenu li:hover a, .current-submenu-item a{ background:#00aac6; display:block; }

	.submenu_item_has_children{ position:relative; }
	.submenu_item_has_children:after{content:'A';font-family:'Arrows';-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position:absolute;right:10px;color: #264348;z-index: 999;top: 4px;}
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.second_level_submenu{ width:auto;position:absolute;top:0;left: 100%; z-index:10; list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.first_level_submenu .second_level_submenu li{ position:relative; left:0%;display:block; top:auto; background:rgba(255,255,255,0.4) !important; margin-left:-20px; }
	.second_level_submenu li:first-child, .second_level_submenu li:last-child{ border:0; }
	.second_level_submenu a{ line-height:30px !important; white-space:nowrap; text-transform:none; background:rgba(255,255,255,0.4) !important; padding:0 20px; text-align:center;transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ;  }
	.second_level_submenu a:hover, .current-submenu-item a{background: #586f92 !important;display:block;}
	
	.first_level_menu .menu_item:first-child .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(2) .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(3) .first_level_submenu .second_level_submenu{ left:unset; right:100%;}


	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{ margin-top:25px; position:absolute; z-index:999999999; right:50px; cursor:pointer; top:5px; }	
	.mobilemenu_button:before{ content:'K'; font-family:'Glyphter'; color:#FFF; display:block; position:absolute;right:0px; font-size:39px; top:5px; line-height:40px; padding:0 10px;  color:rgb(0,194,223); }
	.mobilemenu_button:hover:before{ color:rgb(0,40,86); }
	.mobilmenu{left: 0%;position: fixed;width: 100%;background: rgba(0,0,0,0.9);height: 100%;top: -100%;z-index: 0;box-sizing: border-box;padding: 5px 20px 50px 0px;overflow: scroll;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.mobilmenushow{ top:0; z-index:99999999999 }
	.mobilmenu ul{clear:both;position: relative;top: 0;text-align: left;padding: 0 0 6px;float: none;}
	.mobilmenu li{list-style: none;float: none;display: block !important;clear:both;display:block;width:100%;padding: 10px 6px;background:rgb(0,194,223);box-sizing:border-box;margin-bottom:5px;text-align: left;left: 0px;height: auto;position: relative;/* display: block !important; */}
	.mobilmenu li ul {margin-left:30px;left: 20px;/* background: rgba(0,0,0,0.3); */}
	.mobilmenu li ul li{padding:5px;text-align: left;background: rgba(0,0,0,0.1);}
	.mobilmenu a{color: #FFF !important;display:block;clear:both;padding:10px;text-transform: uppercase;line-height:20px !important;}
	.mobilmenu li ul li a{text-transform: none;text-align: left;}
	.mobilmenuclose{ float:right; background:rgba(255,255,255,0.1); color:#FFF; font-size:40px; padding:15px 10px 5px; text-align:Center; margin-bottom:5px; cursor:pointer;}
	.mobilmenuclose span{ color:inherit; display: block; font-size:10px; padding-top:5px;}

	.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
	.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}


/*FOOTER*/
	.footer{width:100%;position:relative;background-image: url("img/bg_item_opacity.png");background-position:left -30px;color:#FFF;padding:70px 0;}
	.footer_third{ width:33.3%; float:left; }
	.footer a{ color:#FFF; }
	.footer a:hover{ color:#00C2DF; }
	.footer_third:first-child{ padding-right:20px; box-sizing:border-box; width:25%; }
	.footer_third:nth-of-type(2){ width:49%; padding-top:5px; text-align:center; }
	.footer_third:nth-of-type(3){ width:25%; box-sizing:border-box; padding:20px;}
	.footer_slogan{ font-family: 'Conv_Omnes_Pro-BoldItalic'; font-size:18px; padding-top:15px; }
	.footer_slogan span{ display:block; font-family: 'Conv_Omnes_Pro-MediumItalic'; }
	.footer .icon-facebook, .footer .icon-twitter{position:relative;top:0;left: unset;margin-left:0 !important;display:inline-block;}
	.footer .icon-facebook:after, .footer .icon-twitter:after{font-size:40px;left: 0;margin-left: 0;position: relative;padding-left: 10px;}
	.footer .icon-facebook:hover:after, .footer .icon-twitter:hover:after{ color:#00C2DF }

/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999;}
	.nav-up { top: -115px; opacity:1}
	.nav-down{ opacity:1; box-shadow:0 0 5px 3px rgba(0,0,0,0.6); }
	.nav-down .logo{width:110px;padding-top: 10px;}
	.nav-down { height:70px; }
	.nav-down .page_item a:first-of-type{ line-height:70px; }
	.nav-down .first_level_submenu{  top:70px;}
	.nav-down .page_item:hover:after, .nav-down .current_page_item:after, .nav-down .parent_of_current_page:after, .nav-down .current_page_parent:after, .nav-down .current-menu-item:after{ display:none; }
	.nav-down .mobile-logo{ height:70px; }
	.nav-down .mobile-logo img{     max-height: 60px; margin-top: 5px; margin-left: 10px; }
	.nav-down .mobilemenu_button{ top:0; margin-top:10px;}
	
	#breadcrumbs a{ background:#b1b0b1; display:block; float:left; margin-right:2px; padding: 2px 10px; color:#FFF; }
	#breadcrumbs strong{ background:#6b2b7e; display:block; float:left; margin-right:2px; padding: 2px 10px; color:#FFF; }

	
	.logo{  width:200px; text-align:center; padding:20px; border-radius:10px; margin-top:0px;}
	.mobile-logo{opacity:0; visibility:hidden;}
	.header_image{ height:505px; width:100%; background-size:cover !important; background-position:50% !important; }
	.grape{ background-color:rgb(107,43,127); }
	.lightblue{ background-color:rgb(0,194,223);   }
	.navy{ background-color:rgb(0,40,86); }
	
	.text-grape{ color:rgb(107,43,127); }
	.text-lightblue{ color:rgb(0,194,223); }
	.text-navy{ background:rgb(0,40,86); }

	.tree{ position:absolute; z-index:9; width:auto; height:auto; color:#FFF; right:0; bottom:0; text-align:right; }
	.tree:after{ font-family: 'Glyphter'; content:'J'; width:auto; height:auto; font-size:870px; position:absolute; right:-280px; bottom:0; line-height:870px; text-align:right;}

	.sub_grapebar{ width:100%; padding:50px 0 50px 0; background-image:url("img/bg_item_opacity.png"); background-position:left -30px; color:#FFF; text-align:center; font-family: 'Conv_Omnes_Pro-SemiboldItalic'; font-size:22px; line-height:25px; position:relative; }
	.sub_grapebar h1{color:#FFF;font-family: 'Conv_Omnes_Pro-BoldItalic';font-size: 41px;line-height:80px;}
	.sub_grapebar .tree:after{ font-size:440px; right:-140px; line-height:438px;}
	.sub_subtitle{ font-size:20px; max-width:800px; margin:0 auto; }

	.ninesixty.defaultsubpage{width:760px;padding-bottom: 40px;}
	.defaultsubpage table{ width:100%; margin-bottom:20px;}
	.defaultsubpage table td{ border:1px solid #DDD; background:#FFF; padding:10px 0 }
	.sub_page{width:100%;padding:50px 0 100px 0;background-image: url("img/bg_item_opacity.png");background-position:left -30px;position:relative;background-size: 2%;}
	.sub_page .ninesixty{ z-index:1; }
	.sub_footer{position:absolute;bottom:0;width:100%;height:200px; z-index:0;}
	.sub_foot_left{position:absolute;left:-100px;width:50%;min-height:300px;background:url('img/subpage_footer_left.png') no-repeat;bottom:0;z-index:10; }
	.sub_foot_right{ position:absolute; right:0; width:50%; min-height:300px; background:url('img/subpage_footer_right.png') no-repeat; bottom:0; z-index:1; }
	.ctree{  background:url('img/subpage_tree.png') no-repeat; background-position:bottom; background-size:contain;  width:202px; height:835px; position:absolute;bottom:0;  }
	.sub_foot_left .ctree{ right:600px;}
	.sub_foot_right .ctree{ right:100px; width:310px;}

	.childlinks{ margin-top:0px; position:relative; display:block; width:auto;   }
	a.childlink{background:#885598;display:block;float:left;color:#FFF;padding: 2px 10px; padding-right:10px; position:relative;}
	a.childlink:after{ content:''; width:1px; height:10px; background: #FFF; position: absolute; right:0; top:7px;  }
	a.childlink:last-of-type:after{ width:0; }

/* OUR LEARNING */
	.ac_content{ width:600px; padding-left:100px;  }
	.sub_foot_tree{ position:absolute; bottom:100px; right:50%; margin-right:-400px; z-index:99; }
	.sub_foot_tree img{ max-height:700px; }
	
/*HOME*/
	.header_slider{ height:705px; position:relative; width:100%; background:#FFF; }
	.hs_image{ height:705px; width:100%; background-size:cover !important; background-position:50% !important; }
	.home_grapebar{width:100%;padding: 100px 25% 70px 25%;background-image:url("img/bg_item_opacity.png");background-position:left -30px;color:#FFF;text-align:center;font-family: 'Conv_Omnes_Pro-SemiboldItalic';font-size:22px;line-height:25px;position:relative;box-sizing: border-box;}
	.home_grapebar h1{ color:#FFF; font-family: 'Conv_Omnes_Pro-BoldItalic'; font-size:70px; line-height:80px; }
	.home_grapebar h1 span{ display:block; font-family:inherit; font-size:41px; line-height:45px; padding-bottom:20px; }

	.boxes{ position:relative; }
	.box{ height:300px;  position:relative; float:left; background-size:cover !important; background-position:50% !important; color:#FFF; overflow:hidden; }
	.box .boximage:after{  background:rgba(0,40,86,0.7); width:100%; height:100%; position:absolute; z-index:999; content:''; opacity:0; }
	.boximage{ position: absolute;  width:100%; height:100%; background-size:cover !important; background-position:50% !important; color:#FFF;}
	.moreinfo{opacity:0;position:absolute;bottom:-100%;width:80%;margin-left:10%;text-align: center;}
	.moreinfo .button{display:block;margin:0 auto;position:relative;width:80px;margin-top:10px;background:#FFF;text-align:center;padding:5px 10px;text-transform:uppercase;font-size:10px;border-radius: 0;opacity:0.9;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.button:after{content:'';width:102px;height:32px;border:1px solid #FFF;position:absolute;top:-2px;left:-2px;/* border-radius:7px; */transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.single{ width:20%; }
	.double{ width:40%; }
	.boxtitle{ text-align:center; font-size:26px; position:relative; top:50%; max-width:300px; margin:0 auto; margin-top:50px; text-shadow:0 0px 5px rgba(0,0,0,0.7) }
	.icon-gallery:after{ font-family: 'Glyphter'; content:'C'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-news:after{ font-family: 'Glyphter'; content:'E'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	.icon-enrolment:after{ font-family: 'Glyphter'; content:'F'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-facebook:after{ font-family: 'Glyphter'; content:'B'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-twitter:after{ font-family: 'Glyphter'; content:'H'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-location:after{ font-family: 'Glyphter'; content:'G'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-information:after{ font-family: 'Glyphter'; content:'D'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-calendar:after{ font-family: 'Glyphter'; content:'A'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.icon-vision:after{ font-family: 'Glyphter'; content:'I'; position:absolute; width:60px; height:60px; left:50%; top:50%; color:#FFF; font-size:60px; margin-left:-30px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	
	.box:hover .boximage{  transform: scale(1.2);  -moz-transform: scale(1.2); -webkit-transform: scale(1.2);  -o-transform: scale(1.2);  -ms-transform: scale(1.2); /* IE 9 */   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */  }
		.box:hover .boximage:after{opacity:1;}
		.box:hover.icon-gallery:after, .box:hover.icon-news:after, .box:hover.icon-enrolment:after, .box:hover.icon-facebook:after, .box:hover.icon-location:after, .box:hover.icon-information:after, .box:hover.icon-calendar:after, .box:hover.icon-vision:after{ margin-top:-100px; font-size:50px; margin-left:-25px; }
		.box:hover .boxtitle{ margin-top:-50px; font-size:22px; }
		.box:hover .moreinfo{ display:block !important; bottom:20px; opacity:1;}
		.box:hover .moreinfo .button:hover{ opacity:1; }

	.home_footer{  width:100%; padding:100px 0 20px 0; background-image:url("img/bg_item_opacity.png"); background-size:3%; background-position:left -30px; text-align:center; }
		.hfb_top, .hfb_middle{ font-size:40px;; line-height:40px; font-family: 'Conv_Omnes_Pro-Black'; position:relative; display:block; }
		.hfb_top:after{ content:''; background:#b1b0b1; width:600px; margin:20px auto; height:2px; position:relative; display:block; }
		.hfb_middle{ margin-bottom:30px;}
		.hf_bottom{ color:#b1b0b1; font-family: 'Conv_Omnes_Pro-BlackItalic'; font-size:114px; line-height:150px; display:block; clear:both; padding-top:20px; }

/*KEY STAFF*/
	.sub_page .keystaff_content{ z-index: 9999999999; min-height:930px; padding-bottom:130px;}
	.keystaff_content{position: relative;}
	.key_staff{ width:48%; float:left; margin-right:4%; margin-bottom:80px; min-height:150px; position:relative;}
	.key_staff:nth-of-type(odd){ margin-right:0; }
	.staff_photo{ width:25%; margin-right:5%; min-height:150px;  background:#DDD; background-size:cover !important; background-position:50% !important; float:left; position:relative; overflow:hidden; }
	.staff_photo:after{ content:''; width:80px; height:80px; position:absolute; background:rgba(0,194,223,0.9);  z-index:999; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  bottom:-50px; right:-50px; }
	.staff_details{ width:65%; float:left; position:relative; }
	.staff_name{ font-weight:900; font-style:italic; font-size:21px;   }
	.staff_title{ font-weight:400; font-style:italic; font-size:16px; font-style:italic;  }
	.staff_email a{font-size: 14px;font-style: italic;}
	.staff_description{ font-size:14px; padding:20px 0; }
	.read_full_bio{ position:absolute; bottom:0; text-transform:uppercase; left:0; left:25%; padding-left:20px; font-size:11px; font-weight:900; cursor:pointer; }

/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea, .fields select{ width:100%; display:block; margin-bottom:10px; padding:10px 10px; font-size:14px; font-family:inherit; }
	.fields textarea{ height:270px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.fields input[type="submit"]{ width:110px; color:#FFFFFF; float:right;  background:#6B2B7F; border:0; text-transform:uppercase; }
	.g-recaptcha{ float:right; }
	.form_div{  width:70%; float:left; box-sizing:border-box; padding-right:50px;}
	.halffield{ width:49%; float:left; }
	.halffield:first-of-type{ margin-right:1%; }
	.halffield:nth-of-type(2){  margin-left:1%;  }
	.contact_info{ width:25%; float:left; font-size:12px;}
	.mapdiv{ width:100%; height:500px; background:#FEFEFE;  transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
	.ci_header{ text-transform:uppercase; color:#000; margin-top:20px;}
	.ci_header:first-of-type{ margin-top:0; }
	.ci_photo{ width:100%; max-width:150px; height:200px; background-size:cover !important; background-position:50% !important;  }
	.ci_name, .ci_title{ color: #707070; font-size: 16px;	line-height:16px; }
	.ci_title{  color: #707070;  font-style:italic;}
	.ci_name span {  color: #2B2B2B;  font-weight: 700;    margin-right: 5px;    font-family: inherit;    font-size: inherit;}
	.ci_intro, .ci_phone{ color: #707070; font-size: 14px;	font-weight:400;  font-family:'Roboto', serif; }


/*ENROLMENT FORM*/
	.formheader{ BACKGROUND:#002652; color:#FFF; padding:10px 20px; margin:10px 0 20px 0;}
	.namefields input:first-of-type{ width:20%; float:left; }
	.namefields input:nth-of-type(2), .namefields input:nth-of-type(3){ width:39%; float:left; margin-left:1%; }
	.thirdfield{ width:32.666%; float:left; margin-right:1%; }
	.thirdfield:nth-of-type(3){ margin-right:0; }
	.enfolment_form_div label{ font-weight:bold; display:block; padding-top:5px; }

	.fourthfield{ width:24.25%; float:left; margin-right:1%; }
	.fourthfield:nth-of-type(4n+4){ margin-right:0; }

	.chkboxfield{ background:#FFF; border:1px solid #DDD; box-sizing:border-box; padding:10px 20px; text-align:center; font-size:13px; color:#444; }

/*POSTS*/



/*RESPONSIVE*/
	@media only screen and (max-width:1790px){
		.sub_foot_left{ background-position:right; }
	}
	@media only screen and (max-width:1480px){
		.logo{ width:200px;}
		.hf_bottom{ font-size:84px; line-height:130px; }
	}

	@media only screen and (max-width:1346px){
		.logo{ width:120px;}
		.menubar{ padding: 0 30px; }		
		.tree:after{ font-size:770px; right:-280px;line-height:770px;}
	}

	@media only screen and (max-width:1280px){
		.logo{ width:120px;}

	}


	@media only screen and (max-width:1175px){
		.mobilemenu_button{ display: block;  }
		.mobileonly{ display:block; }
		.logo, .tree{ opacity:0; }
		.mobile-logo{opacity:1;width:200px;height:auto;background:#FFF;position:absolute;top:0;left:0; width: calc(100% - 150px); height:115px; visibility:visible; }
		.mobile-logo img{ max-height:100px; margin-top:5px;margin-left:30px;}
		body, html{max-width:100%;position:relative;overflow-x: hidden;}
		.desktoponly{display:none !important;overflow: hidden;}		
		.ninesixty{ width:100%;}
		.menubar{ padding:0; }	
		.hf_bottom{ font-size:74px; line-height:100px; }

	}

	@media only screen and (max-width:768px){
	  
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}
	  .header_slider {   height: 480px; }
	  .hs_image {	height: 480px;	margin-top:115px; }
	  .hf_bottom{ font-size:54px; line-height:80px; }
	  .single{ width:50%; }
		.double{ width:100%; } 	
		.box{ height:200px; }
		.box .boxtitle{ font-size:18px; }
		.icon-gallery:after{font-size:40px; margin-left:-20px;}
	.icon-news:after{ font-size:40px; margin-left:-20px;}
	.icon-enrolment:after{font-size:40px; margin-left:-20px;}
	.icon-facebook:after{ font-size:40px; margin-left:-20px; }
	.icon-twitter:after{ font-size:40px; margin-left:-20px;}
	.icon-location:after{ font-size:40px; margin-left:-20px;}
	.icon-information:after{font-size:40px; margin-left:-20px;}
	.icon-calendar:after{ font-size:40px; margin-left:-20px; }
	.icon-vision:after{ font-size:40px; margin-left:-20px; }
	
		
	}

	@media only screen and (max-width:600px){
		.ninesixty.defaultsubpage { width: 100%; padding:0 10px; box-sizing:border-box;}
		.fourthfield{width: 49.5%;box-sizing: border-box;font-size: 12px;}
		.thirdfield{ width:100%; margin:0; }
		.fourthfield:nth-of-type(odd){margin-right:0;margin-left:0;box-sizing: border-box;}
		.mobile-logo{ width: calc(100% - 100px); }
		.mobile-logo img{ max-height:70px; margin-top:25px;margin-left:30px;}
		.mobilemenu_button {    right: 20px; }
		.home_grapebar{font-size: 16px;line-height:20px;box-sizing:border-box;padding:70px 20px;font-family:'Conv_Omnes_Pro-MediumItalic';}
		.home_grapebar h1{  font-size:40px; line-height:30px; }
		.home_grapebar h1 span{  font-size:24px; line-height:35px; }
		
		 .hfb_top, .hfb_middle{ font-size:30px;; line-height:30px;}
		 .hf_bottom{ font-size:34px; line-height:50px; }
		 .hfb_top:after{  width:90%; height:1px; }
		 .home_footer, .footer{  width:100%; padding:50px 0 20px 0; }

		 .footer_third:nth-of-type(n){ width:100%; float:left; }
		 .footer_third:first-child img{ max-width:200px; display:block; margin:0 auto; margin-bottom:30px; }
		.footer_third:nth-of-type(3){ text-align:center; margin-top:20px; }

		box:hover.icon-gallery:after, .box:hover.icon-news:after, .box:hover.icon-enrolment:after, .box:hover.icon-facebook:after, .box:hover.icon-location:after, .box:hover.icon-information:after, .box:hover.icon-calendar:after, .box:hover.icon-vision:after{ margin-top:-150px; font-size:50px; margin-left:-25px; }
		.box:hover .boxtitle{ margin-top:-150px; font-size:22px; }
		.moreinfo{ font-size:14px; line-height:16px; }
		.moreinfo .button{  margin-top:20px;  }
		.button:after{ content:'';   height:28px; }

		.landingcenter{ width:90%; height:500px; position: fixed;  top: 50%;  left:unset; margin-top: -250px; margin-left:5%; margin-right:auto;  text-align:center; color:#FFF; }

		.header_slider {   height: 380px; }
	  	.hs_image {	height: 380px;	margin-top:0; }
	 	 .flexslider{ height:380px;}

	 	 .sub_grapebar h1{ font-size:30px;  }
	}

	@media only screen and (max-width:414px){
		.hfb_top, .hfb_middle{ font-size:30px;; line-height:30px;}
		 .hf_bottom{ font-size:34px; line-height:50px; }
		 .halffield{ width:100%; margin:0; }
		 .halffield:nth-of-type(2){ margin:0; }
		 #breadcrumbs{ display: none }
	}

	@media only screen and (max-width:375px){
	  	.mobile-logo img{ max-height:60px; margin-top:25px;margin-left:30px;}
	  	.hfb_top, .hfb_middle{ font-size:24px;; line-height:20px;}
		 .hf_bottom{ font-size:28px; line-height:40px; }
		 
		 .namefields input,  .namefields input:nth-of-type(2),  .namefields input:nth-of-type(3){ width:100% !important; margin:0px 0 10px; }
	}

	@media only screen and (max-width:360px){
	  	.mobile-logo img{ margin-left:10px; }
	  	.hfb_top, .hfb_middle{ font-size:22px;; line-height:22px;}
		 .hf_bottom{ font-size:24px; line-height:30px; }
		 .sub_grapebar h1{ font-size:24px; }
	}

	@media only screen and (max-width:320px){
		.single{ width:50%; }
		.double{ width:100%; } 
	}