﻿/** Version: 0.9.3 (build #5ac9003db49198ca4e2707445f135068d978bd2d) | Mon Nov 28 2016 0:30 */

@charset "UTF-8";
html {
	box-sizing: border-box
}
*, ::after, ::before {
	box-sizing: inherit
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress, sub, sup {
	vertical-align: baseline
}
[hidden], template {
	display: none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
button, input, optgroup, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: 700
}
button, hr, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

/*! Lity - v2.2.0 - 2016-10-08
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */

.lity {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #0b0b0b;
	background: rgba(0, 0, 0, .9);
	outline: none!important;
	transition: opacity .3s ease
}
.lity.lity-opened {
	opacity: 1
}
.lity, .lity.lity-closed {
	opacity: 0
}
.lity * {
	box-sizing: border-box
}
.lity-wrap {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	outline: none!important
}
.lity-container, .lity-wrap:before {
	vertical-align: middle;
	display: inline-block
}
.lity-wrap:before {
	content: '';
	height: 100%;
	margin-right: -.25em
}
.lity-loader {
	z-index: 9991;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -.8em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0;
	transition: opacity .3s ease
}
.lity-loading .lity-loader {
	opacity: 1
}
.lity-container {
	z-index: 9992;
	position: relative;
	text-align: left;
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	outline: none!important
}
.lity-content {
	z-index: 9993;
	width: 100%;
	transform: scale(1);
	transition: transform .3s ease
}
.lity-closed .lity-content, .lity-loading .lity-content {
	transform: scale(.8)
}
.lity-content:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.lity-close {
	z-index: 9994;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	border: 0;
	background: 0 0;
	outline: none;
	box-shadow: none
}
.lity-close::-moz-focus-inner {
	border: 0;
	padding: 0
}
.lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited {
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	border: 0;
	background: 0 0;
	outline: none;
	box-shadow: none
}
.lity-close:active {
	top: 1px
}
.lity-image img {
	max-width: 100%;
	display: block;
	line-height: 0;
	border: 0
}
.lity-facebookvideo .lity-container, .lity-googlemaps .lity-container, .lity-iframe .lity-container, .lity-vimeo .lity-container, .lity-youtube .lity-container {
	width: 100%;
	max-width: 964px
}
.lity-iframe-container {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: auto;
	pointer-events: auto;
	transform: translateZ(0);
	-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}
.lity-hide {
	display: none
}
.tcon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	justify-content: center;
	align-items: center;
	height: 2em;
	transition: .3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 2em;
	background: 0 0;
	outline: none;
	-webkit-tap-highlight-color: transparent
}
.news time, .promo b, .promo strong, .tcon>* {
	display: block
}
.tcon:focus, .tcon:hover {
	outline: none
}
.tcon::-moz-focus-inner {
	border: 0
}
.tcon-menu__lines, .tcon-menu__lines::after, .tcon-menu__lines::before {
	display: inline-block;
	height: .22222em;
	width: 2em;
	border-radius: 2.85714px;
	transition: .3s;
	background: #fff;
	position: relative
}
.tcon-menu__lines::after, .tcon-menu__lines::before {
	content: '';
	position: absolute;
	left: 0;
	transform-origin: .14286em center;
	width: 100%
}
.tcon-menu__lines::before {
	top: .5em
}
.tcon-menu__lines::after {
	top: -.5em
}
.tcon-transform .tcon-menu__lines {
	transform: scale3d(.8, .8, .8)
}
.tcon-menu--xcross {
	width: auto
}
.lines-button.x.close .lines, .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
	background: 0 0
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
	transform-origin: 50% 50%;
	top: 0;
	width: 2em
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
	transform: rotate3d(0, 0, 1, 45deg)
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	transform: rotate3d(0, 0, 1, -45deg)
}
.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
.tcon-search__item {
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	border-radius: 0;
	transition: .3s;
	background: 0 0;
	position: relative;
	transform: rotate(-45deg)
}
.tcon-search__item::before {
	width: 100%
}
.tcon-search__item::after, .tcon-search__item::before {
	display: inline-block;
	transition: .3s;
	background: 0 0;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}
.tcon-search__item::before {
	height: .2em;
	left: 0;
	background: #242424;
	border-radius: .14286em
}
.tcon-search__item::after {
	right: 0;
	background: #ccc;
	border-radius: 50%;
	width: .8em;
	height: .8em;
	border: .1em solid #242424;
	transform-origin: 50% 50%
}
.tcon-search--xcross.tcon-transform {
	transform: scale3d(.8, .8, .8)
}
.tcon-search--xcross.tcon-transform .tcon-search__item::after, .tcon-search--xcross.tcon-transform .tcon-search__item::before {
	border-radius: .14286em;
	background: #242424
}
.tcon-search--xcross.tcon-transform .tcon-search__item::after {
	height: .2em;
	width: 100%;
	top: 0;
	right: 0;
	border: 0;
	transform: rotate3d(0, 0, 1, 90deg)
}
* {
	padding: 0
}
ul {
	list-style: none
}
*, .tile-grid .tiles-wrap li.tile .tile-title i::before, figure, h1 {
	margin: 0
}
caption, table, tbody, td, tfoot, th, thead, tr {
	border: 0;
	font: inherit;
	vertical-align: baseline
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}
body.show-grid {
	background-image: linear-gradient(to bottom, #0ff 0, rgba(255, 255, 255, 0) 1px);
	background-repeat: repeat-y;
	background-size: 100% 1.6em
}
body:not(.dev):before {
	display: none
}
q:after, q:before {
	content: ''
}
@font-face {
	font-family: "National";
	font-style: normal;
	font-weight: 400;
	src: url(https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.woff) format("woff"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.woff2) format("woff2"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.ttf) format("truetype");
}

@font-face {
	font-family: "National";
	font-style: normal;
	font-weight: 600;
	src: url(https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.woff) format("woff"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.woff2) format("woff2"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.ttf) format("truetype");
}

@font-face {
	font-family: "National";
	font-style: normal;
	font-weight: 800;
	src: url(https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.woff) format("woff"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.woff2) format("woff2"), url(https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.ttf) format("truetype");
}

@font-face {
	font-family: 'VicIcons';
	src: local('☺'), url('https://static.victoria.ac.nz/fonts/vic-icons.woff') format('woff'), url('https://static.victoria.ac.nz/fonts/vic-icons.woff2') format('woff2'), url('https://static.victoria.ac.nz/fonts/vic-icons.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}



html {
	font-size: 100%
}
@media screen and (max-width:43.6875em) {
	html {
		font-size: 85%
	}
}
@media screen and (min-width:43.75em) and (max-width:61.8125em) {
	html {
		font-size: 92.5%
	}
}
@media screen and (min-width:80em) {
	html {
		font-size: 100%
	}
}
body {
	font-family: "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	color: #242424;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	min-height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: flex;
	box-orient: vertical;
	box-direction: normal;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column
}
h1, h2, h3, h4, h5, h6 {
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	color: #115737;
	line-height: 1
}
h1 {
	font-size: 2.44141em;
	font-weight: 800
}
h2, h3, h4, h5, h6 {
	font-weight: 600
}
h2 {
	font-size: 1.95312em
}
h3 {
	font-size: 1.5625em
}
.quote.full blockquote, h4 {
	font-size: 1.25em
}
h5 {
	font-size: 1.125em
}
h6 {
	font-size: 1em
}
body, p {
	line-height: 1.6
}
ol {
	list-style: decimal
}
a[href] {
	color: #005ea5;
	text-decoration: none
}
.formatting a:active img, .formatting a:focus img, .formatting a:hover img, .homepage-banner a[href]:active img, .homepage-banner a[href]:focus img, .homepage-banner a[href]:hover img, a>img:active, a>img:focus, a>img:hover {
	opacity: .9
}
.breadcrumbs a, .formatting a h1, .formatting a h2, .formatting a h3, .formatting a h4, .formatting a h5, .formatting a h6, .formatting figcaption a, .formatting h1 a, .formatting h2 a, .formatting h3 a, .formatting h4 a, .formatting h5 a, .formatting h6 a, .formatting ol a, .formatting p a, .formatting table a, .formatting ul a, a.link-more {
	color: #005ea5;
	text-decoration: underline
}
.breadcrumbs a:active, .breadcrumbs a:focus, .breadcrumbs a:hover, .formatting a:active h1, .formatting a:active h2, .formatting a:active h3, .formatting a:active h4, .formatting a:active h5, .formatting a:active h6, .formatting a:focus h1, .formatting a:focus h2, .formatting a:focus h3, .formatting a:focus h4, .formatting a:focus h5, .formatting a:focus h6, .formatting a:hover h1, .formatting a:hover h2, .formatting a:hover h3, .formatting a:hover h4, .formatting a:hover h5, .formatting a:hover h6, .formatting figcaption a:active, .formatting figcaption a:focus, .formatting figcaption a:hover, .formatting h1 a:active, .formatting h1 a:focus, .formatting h1 a:hover, .formatting h2 a:active, .formatting h2 a:focus, .formatting h2 a:hover, .formatting h3 a:active, .formatting h3 a:focus, .formatting h3 a:hover, .formatting h4 a:active, .formatting h4 a:focus, .formatting h4 a:hover, .formatting h5 a:active, .formatting h5 a:focus, .formatting h5 a:hover, .formatting h6 a:active, .formatting h6 a:focus, .formatting h6 a:hover, .formatting ol a:active, .formatting ol a:focus, .formatting ol a:hover, .formatting p a:active, .formatting p a:focus, .formatting p a:hover, .formatting table a:active, .formatting table a:focus, .formatting table a:hover, .formatting ul a:active, .formatting ul a:focus, .formatting ul a:hover, a.link-more:active, a.link-more:focus, a.link-more:hover {
	color: #2e8aca;
	text-decoration: none
}
figure img {
	display: block;
	width: 100%
}
figure p {
	color: #242424
}
figure:active img, figure:focus img, figure:hover img {
	filter: none
}
time {
	color: #8b8b8b
}
table td, table th {
	padding: .8rem;
	text-align: left
}
table th {
	font-weight: 700;
	background-color: #d1e0da
}
table th b, table th strong {
	font-weight: inherit
}
table td {
	border-bottom: 1px solid #ddd
}
table img {
	display: inline-block;
	width: auto
}
.table-container, table {
	clear: both;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
	margin-bottom: 1.6rem
}
.table-container {
	_overflow: auto;
	overflow-x: auto;
	display: block;
	width: 100%
}
.table-container table {
	margin-bottom: 0;
	box-shadow: none
}
@media screen and (max-width:43.6875em) {
	.table-container {
		overflow-x: scroll
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input, select, textarea {
		font-size: 100%
	}
}
.formatting h1 {
	margin-bottom: .5em
}
.formatting h2, .formatting h3, .formatting h4, .formatting h5, .formatting h6 {
	margin-bottom: .7em;
	line-height: 1.2
}
.formatting p, .formatting>header {
	margin-bottom: 1.2em
}
.articles-container .summary p:last-child, .formatting p:last-child {
	margin-bottom: 0
}
.formatting figcaption a>span:after, .formatting h1 a>span:after, .formatting h2 a>span:after, .formatting h3 a>span:after, .formatting h4 a>span:after, .formatting h5 a>span:after, .formatting h6 a>span:after, .formatting ol a>span:after, .formatting p a>span:after, .formatting table a>span:after, .formatting ul a>span:after {
	text-decoration: none
}
.formatting .grid>*, .formatting article {
	margin-bottom: 1.6rem
}
.formatting .grid figure img {
	margin-bottom: .75rem
}
.formatting .intro {
	font-size: 1.25em;
	color: #115737
}
.formatting .subtitle {
	color: #555;
	line-height: 1.4
}
.formatting .subtitle strong+span:before {
	position: relative;
	display: inline-block;
	content: "·";
	margin-right: .5em;
	margin-left: .25em
}
.formatting h1+.subtitle {
	margin-top: -.5em;
	font-size: 1.25em
}
.articles-container .summary h1, .articles-container .summary h2, .articles-container .summary h3, .articles-container .summary h4, .articles-container .summary h5, .formatting>header h1 {
	margin-bottom: .25em
}
.formatting h2>em, .formatting h3>em {
	margin-left: .35em;
	font-style: normal;
	color: #8b8b8b
}
.formatting .inline {
	clear: right
}
.formatting .inline, .formatting .portrait, .formatting p>img, .formatting p>img~img, .formatting>img {
	margin-bottom: .8rem;
	width: 100%;
	height: auto
}
.formatting .portrait {
	float: right;
	margin-left: 1.6rem;
	width: 10rem
}
@media screen and (min-width:43.75em) {
	.formatting .inline, .formatting p>img, .formatting p>img~img {
		clear: right;
		float: right;
		margin-left: 1.6rem;
		width: 16.875rem
	}
}
.formatting ol, .formatting ul {
	margin-bottom: 1.6rem;
	padding-left: 1.5rem
}
.formatting ol li, .formatting ul li {
	padding-left: .35rem;
	margin-bottom: .35em;
	list-style-position: outside
}
.formatting ol ol, .formatting ol ul, .formatting ul ol, .formatting ul ul {
	margin: .5rem 0 .7rem
}
.formatting ul li {
	list-style-type: square
}
.formatting ul ul li {
	list-style-type: circle
}
.formatting.block>img:first-child {
	margin-left: -1.25rem;
	width: calc(100% + 1.25rem*2)
}
@media screen and (max-width:43.6875em) {
	.formatting.block>img:first-child {
		margin-top: -1.875rem
	}
}
aside>.formatting h2 {
	font-size: 1.5625em
}
aside>.formatting h2:before {
	position: relative;
	display: block;
	content: "";
	margin-bottom: .35rem;
	height: .1875rem;
	width: 2rem;
	background-color: #115737
}
aside>.formatting h3 {
	margin-bottom: .35em;
	font-size: 1.125em;
	color: #555
}
aside>.formatting p {
	font-size: .9375rem
}
.break {
	overflow: hidden;
	visibility: hidden;
	display: block;
	width: 100%
}
.banner::after, .break::after {
	clear: both;
	content: "";
	display: table
}
@media screen and (min-width:43.75em) {
	.break {
		margin-bottom: 1.6rem
	}
}
.banner-in-page {
	position: relative
}
@media screen and (min-width:43.75em) {
	.banner-in-page {
		top: -1.875rem
	}
	.banner-in-page.bleed {
		margin-left: calc(-25% - 1.25rem*1.25);
		width: calc(125% + 1.25rem*1.25)
	}
	.banner-in-page.bleed img {
		z-index: -1;
		position: relative
	}
}
.banner-in-page figcaption {
	background-color: #115737
}
@media screen and (min-width:43.75em) {
	.banner-in-page figcaption {
		position: absolute;
		top: 6rem;
		right: 0;
		width: 33%
	}
}
.banner-in-page figcaption h1, .banner-in-page figcaption h2, .banner-in-page figcaption h3, .banner-in-page figcaption h4, .banner-in-page figcaption h5, .banner-in-page figcaption h6, .banner-in-page figcaption p {
	color: #fff;
	display: flex;
	align-items: center;
	padding: 1em
}
.banner-in-page figcaption p {
	margin-bottom: 1.3em
}
.button, button {
	display: inline-block;
	padding: .3em .8em;
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	font-weight: 600
}
.formatting .button, .formatting button, .promo>a h2, .promo>a h3 {
	text-decoration: none
}
.button.large, button.large {
	font-size: 1.125em
}
.button:not(.flat), button:not(.flat) {
	border-radius: 2px;
	color: #242424;
	background: #ddd
}
.button:not(.flat):active, .button:not(.flat):focus, .button:not(.flat):hover, button:not(.flat):active, button:not(.flat):focus, button:not(.flat):hover {
	color: inherit;
	background: #ccc
}
.button.primary, button.primary {
	background-color: #3363b3;
	border-color: #3363b3;
	color: #fff
}
.button.primary:active, .button.primary:focus, .button.primary:hover, button.primary:active, button.primary:focus, button.primary:hover {
	color: #fff;
	background: #285189
}
.button.danger, button.danger {
	background-color: #e72e2e;
	color: #fff
}
.button.danger:active, .button.danger:focus, .button.danger:hover, button.danger:active, button.danger:focus, button.danger:hover {
	color: #fff;
	background: #d12727
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
	border-color: #ddd;
	background: #ddd;
	color: #aaa
}
a.link-more {
	float: right
}
.lines-button {
	display: inline-block;
	padding: 1.25em .625em;
	transition: .3s;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0;
	background-color: transparent
}
@media screen and (min-width:61.875em) {
	.lines-button {
		display: none
	}
}
.lines-button:active {
	transition: 0
}
.lines-button:focus {
	outline: 0
}
.lines, .lines:after, .lines:before {
	display: inline-block;
	width: 2.5em;
	height: .35714em;
	background: #fff;
	border-radius: .17857em;
	transition: .3s;
	position: relative
}
.lines:after, .lines:before {
	position: absolute;
	left: 0;
	content: "";
	transform-origin: .17857em center
}
.lines:before {
	top: .625em
}
.lines:after {
	top: -.625em
}
.lines-button:hover {
	opacity: 1
}
.lines-button:hover .lines {
	background-color: #ccc
}
.lines-button:hover .lines:before {
	top: .71429em;
	background-color: #ccc
}
.lines-button:hover .lines:after {
	top: -.71429em;
	background-color: #ccc
}
.lines-button.x.close .lines:after, .lines-button.x.close .lines:before {
	transform-origin: 50% 50%;
	top: 0;
	width: 2.5em
}
.lines-button.x.close .lines:before {
	transform: rotate3d(0, 0, 1, 45deg)
}
.lines-button.x.close .lines:after {
	transform: rotate3d(0, 0, 1, -45deg)
}
.breadcrumbs>li:first-child a:before, .events .time:before, .flash-message.error>h2:before, .flash-message.info>h2:before, .flash-message.success>h2:before, .flash-message.warning>h2:before, .footer-secondary .mails:before, .footer-secondary .phones:before, .link-audio:before, .link-download:before, .quote.full blockquote:before, .site>ul>li:last-child>a:before, [class^=icon-]:before {
	position: relative;
	display: inline-block;
	content: "";
	font-family: "VicIcons";
	top: .05em;
	margin: 0 .5em 0 0;
	width: 1em;
	text-align: center
}
.link-external:after {
	position: relative;
	display: inline-block;
	font-family: "VicIcons";
	margin: 0 0 0 .5em;
	width: 1em;
	text-align: center
}
.link-more:after, .quote.full blockquote:after {
	position: relative;
	top: .05em;
	margin: 0 0 0 .5em;
	width: 1em
}
.quote.full blockquote:after {
	font-family: "VicIcons";
	text-align: center
}
.breadcrumbs>li:after, .link-more:after, .site .has-subpages a:after {
	display: inline-block;
	font-family: "VicIcons";
	text-align: center
}
.site .has-subpages a:after {
	content: "";
	margin: 0 0 0 .5em
}
.breadcrumbs>li:after {
	position: relative;
	top: .05em;
	width: 1em
}
[class^=icon-] {
	font-size: 100%;
	font-style: normal
}
.icon-search:before {
	content: ""
}
.footer-secondary .mails:before, .icon-mail:before {
	content: ""
}
.icon-heart:before {
	content: ""
}
.flash-message.success>h2:before, .icon-check:before {
	content: ""
}
.icon-star:before {
	content: ""
}
.icon-help:before {
	content: ""
}
.icon-people:before {
	content: ""
}
.icon-user:before {
	content: ""
}
.flash-message.info>h2:before, .icon-info:before {
	content: ""
}
.breadcrumbs>li:first-child a:before, .icon-home:before {
	content: ""
}
.icon-back:before {
	content: ""
}
.icon-pictures:before {
	content: ""
}
.icon-popup:before {
	content: ""
}
.events .time:before, .icon-clock:before {
	content: ""
}
.icon-tag:before {
	content: ""
}
.icon-book:before {
	content: ""
}
.icon-book-open:before {
	content: ""
}
.icon-pin:before {
	content: ""
}
.icon-vcard:before {
	content: ""
}
.icon-chat:before {
	content: ""
}
.icon-flag:before {
	content: ""
}
.icon-external:before {
	content: ""
}
.icon-printer:before {
	content: ""
}
.icon-camera:before {
	content: ""
}
.icon-lock:before {
	content: ""
}
.icon-lock-open:before {
	content: ""
}
.footer-secondary .phones:before, .icon-phone:before {
	content: ""
}
.flash-message.error>h2:before, .icon-attention:before {
	content: ""
}
.icon-resize-up:before {
	content: ""
}
.icon-resize-down:before {
	content: ""
}
.icon-mic:before {
	content: ""
}
.icon-cog:before {
	content: ""
}
.icon-share:before {
	content: ""
}
.icon-basket:before {
	content: ""
}
.icon-comment:before {
	content: ""
}
.icon-caret-down-thin:before {
	content: ""
}
.icon-caret-left-thin:before {
	content: ""
}
.icon-caret-right-thin:before {
	content: ""
}
.icon-caret-up-thin:before {
	content: ""
}
.icon-caret-down:before {
	content: ""
}
.icon-caret-left:before {
	content: ""
}
.icon-caret-right:before {
	content: ""
}
.icon-caret-up:before {
	content: ""
}
.icon-triangle-down:before {
	content: ""
}
.icon-triangle-left:before {
	content: ""
}
.icon-triangle-right:before {
	content: ""
}
.icon-triangle-up:before {
	content: ""
}
.icon-refresh:before {
	content: ""
}
.icon-graduation-cap:before {
	content: ""
}
.icon-ticket:before {
	content: ""
}
.flash-message.warning>h2:before, .icon-megaphone:before {
	content: ""
}
.icon-calendar:before {
	content: ""
}
.icon-globe:before {
	content: ""
}
.icon-dots:before {
	content: ""
}
.icon-arrow-down:before {
	content: ""
}
.icon-arrow-left:before {
	content: ""
}
.icon-layout:before {
	content: ""
}
.icon-attach:before {
	content: ""
}
.icon-menu:before {
	content: ""
}
.icon-arrow-right:before {
	content: ""
}
.icon-arrow-up:before, .site>ul>li:last-child>a:before {
	content: ""
}
.icon-edit:before {
	content: ""
}
.icon-download:before, .link-download:before {
	content: ""
}
.icon-audio:before, .link-audio:before {
	content: ""
}
.icon-quote-down:before, .quote.full blockquote:before {
	content: ""
}
.icon-quote-up:before {
	content: ""
}
.hanging-icon, .study-area-single .study-area-wide-panel .content-wrap a.button {
	float: left
}
.icon-2x:after, .icon-2x:before {
	transform: scale(2)
}
.social-icon:hover {
	opacity: .9
}
.social-icon img {
	margin-right: .3rem;
	height: 2.5rem;
	width: 2.5rem
}
.quote figcaption {
	position: relative
}
.quote figcaption, ul.links li {
	padding-left: 1.95rem
}
.quote figcaption:before, ul.links li:before {
	position: absolute;
	display: inline-block;
	content: "";
	top: .75em;
	height: 2px;
	width: 1rem;
	margin: 0 .7rem 0 -1.7rem;
	background-color: #4f8368
}
.link-external:after {
	content: "î •";
	top: 0
}
.link-download:before {
	font-size: 90%
}
.icon-arrow-right:before {
	margin-right: 0;
	margin-left: .5em
}
.images {
	margin-bottom: 1.6rem
}
.images img {
	display: inline-block;
	margin: 0 .35rem .35rem 0;
	width: auto;
	height: auto
}
img {
	vertical-align: middle
}
html {
	height: 100%
}
body>footer {
	overflow: hidden
}
.block {
	padding: 1.25rem
}
.centraliser {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.articles-container>ul::after, .articles-container>ul>li::after, .centraliser::after, .sector::after, .separated::after {
	clear: both;
	content: "";
	display: table
}
.section, .sector, .separated {
	border-bottom: 1px solid #eee
}
.section {
	display: block
}
.content-panel>img, .layout, .study-areas .tiles-wrap li.tile img {
	width: 100%
}
.layout.block {
	padding-top: 0;
	padding-bottom: 0
}
body>.layout {
	display: block;
	box-flex: 1;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto
}
.content-panel, .sidebar {
	position: relative
}
.content-panel>aside, .content-panel>main {
	vertical-align: top
}
.content-panel>aside>.block, .content-panel>main>.block {
	padding-bottom: 1.875rem;
	padding-top: 1.875rem
}
.sidebar {
	z-index: 10
}
@media screen and (max-width:61.8125em) {
	.layout.block {
		padding-left: 0;
		padding-right: 0
	}
}
@media screen and (min-width:43.75em) {
	.content-panel>main:last-child {
		width: 100%
	}
	.content-panel>main:not(:last-child) {
		display: table-cell;
		width: 75%;
		float: left
	}
	.content-panel>aside {
		display: table-cell;
		width: 25%;
		float: left
	}
}
@media screen and (min-width:61.875em) {
	.layout {
		overflow: hidden;
		display: table
	}
	.sidebar {
		display: table-cell;
		width: 20%
	}
	.content-panel, .sidebar {
		float: left
	}
	.content-panel:first-child {
		width: 100%
	}
	.content-panel:first-child>main:last-child>.block {
		padding-left: 0
	}
	.content-panel>main:last-child>.block {
		padding-right: 0
	}
	.content-panel:not(:first-child) {
		vertical-align: top;
		display: table-cell;
		width: 80%
	}
	.content-panel>aside>.block {
		padding-right: 0
	}
}
.articles-container>ul {
	padding-left: 0;
	list-style-type: none
}
.articles-container>ul>li {
	padding-left: 0;
	padding-bottom: 1.6rem;
	margin-bottom: 1.6rem;
	border-bottom: 1px solid #ddd;
	list-style: none
}
.articles-container .media iframe, .articles-container .media img, .articles-container article, .formatting .grid .media.featured img {
	margin-bottom: 0
}
@media screen and (min-width:43.75em) {
	.articles-container {
		margin: 0 auto;
		max-width: 48.125rem
	}
}
.articles-container>header {
	margin: 1.6rem 0
}
.articles-container>ul>li:last-child {
	margin-bottom: 0;
	border-bottom: none
}
.articles-container .summary p, .articles-container .summary time, .events .summary h3 {
	margin-bottom: .7em
}
.pagination {
	text-align: right
}
.grid::after, .pagination::after {
	clear: both;
	content: "";
	display: table
}
.pagination:last-child {
	border-top: 1px solid #ddd;
	padding-top: 1.6rem
}
.pagination .button {
	margin-bottom: .4rem
}
.pagination .button.active {
	background-color: #0d4b2f
}
.pagination .button>.icon, aside .highlight h2:before, aside .highlight h3:before, aside .promo h2:before, aside .promo h3:before, aside ul.links li:before {
	display: none
}
.pagination>.icon {
	margin: 0 .5rem
}
.pagination .previous {
	float: left;
	margin-right: .3rem
}
.pagination .previous:before {
	position: relative;
	display: inline-block;
	content: "<";
	margin-right: .5em
}
.pagination .next {
	float: right;
	margin-left: .3rem
}
.pagination .next:after {
	position: relative;
	display: inline-block;
	content: ">";
	margin-left: .5em
}
.pagination .pages {
	float: left;
	white-space: nowrap
}
@media screen and (max-width:29.9375em) {
	.pagination {
		text-align: center
	}
	.pagination .next, .pagination .previous {
		float: none
	}
}
blockquote.quote {
	font-style: italic
}
.quote {
	margin-bottom: 1.6rem
}
.quote blockquote {
	margin-bottom: .35em;
	font-style: italic
}
.quote:not(.full) {
	margin-left: .85rem;
	padding: 0 0 0 1rem;
	border-left: .25rem solid #d1e0da
}
.quote:not(.full) figcaption strong {
	font-weight: 500
}
.quote.full blockquote:before {
	top: -.1em;
	margin-right: .3em
}
.quote.full blockquote:after {
	content: "";
	margin-left: .3em
}
.quote.full blockquote:after, .quote.full blockquote:before {
	display: inline;
	font-style: normal;
	font-size: 130%;
	line-height: 1;
	color: #ccc
}
.quote.full figcaption {
	font-weight: 500;
	font-size: 1.125rem;
	color: #115737
}
.flash-message {
	color: #fff;
	padding: 1.25rem;
	margin-bottom: 1.6rem
}
.flash-message.error {
	background-color: #eccdcd;
	border-left: 2px solid #e2b3b3
}
.flash-message.error>* {
	color: #831212
}
.flash-message.warning {
	background-color: #fcf8e3;
	border-left: 2px solid #f9f0c3
}
.flash-message.warning>* {
	color: #705602
}
.flash-message.info {
	background-color: #e4f3fb;
	border-left: 2px solid #c5e5f6
}
.flash-message.info>* {
	color: #255c79
}
.flash-message.success {
	background-color: #e2f7e2;
	border-left: 2px solid #c6efc6
}
.flash-message.success>* {
	color: #2c6b2c
}
.flash-message h2 {
	margin-bottom: .5em
}
.flash-message>:last-child {
	margin-bottom: 0
}
.flash-message a[href] {
	color: inherit
}
.flash-message a[href]:active, .flash-message a[href]:focus, .flash-message a[href]:hover {
	color: inherit
}
@media screen and (min-width:43.75em) and (max-width:61.8125em) {
	.content-panel:first-child>main:last-child .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 31.76157%
	}
	.content-panel:first-child>main:last-child .grid>:last-child {
		margin-right: 0
	}
	.content-panel:first-child>main:last-child .grid>:nth-child(3n) {
		margin-right: 0
	}
	.content-panel:first-child>main:last-child .grid>:nth-child(3n+1) {
		clear: left
	}
	.content-panel:first-child>main:not(:last-child) .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 48.82117%
	}
	.content-panel:first-child>main:not(:last-child) .grid>:last-child {
		margin-right: 0
	}
	.content-panel:first-child>main:not(:last-child) .grid>:nth-child(2n) {
		margin-right: 0
	}
	.content-panel:first-child>main:not(:last-child) .grid>:nth-child(2n+1) {
		clear: left
	}
}
@media screen and (min-width:43.75em) {
	.content-panel:not(:first-child)>main:last-child .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 31.76157%
	}
	.content-panel:not(:first-child)>main:last-child .grid>:last-child {
		margin-right: 0
	}
	.content-panel:not(:first-child)>main:last-child .grid>:nth-child(3n) {
		margin-right: 0
	}
	.content-panel:not(:first-child)>main:last-child .grid>:nth-child(3n+1) {
		clear: left
	}
	.content-panel:not(:first-child)>main:not(:last-child) .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 48.82117%
	}
	.content-panel:not(:first-child)>main:not(:last-child) .grid>:last-child {
		margin-right: 0
	}
	.content-panel:not(:first-child)>main:not(:last-child) .grid>:nth-child(2n) {
		margin-right: 0
	}
	.content-panel:not(:first-child)>main:not(:last-child) .grid>:nth-child(2n+1) {
		clear: left
	}
}
@media screen and (min-width:61.875em) {
	.content-panel:first-child>main:last-child .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 31.76157%
	}
	.content-panel:first-child>main:last-child .grid>:last-child {
		margin-right: 0
	}
	.content-panel:first-child>main:last-child .grid>:nth-child(3n) {
		margin-right: 0
	}
	.content-panel:first-child>main:last-child .grid>:nth-child(3n+1) {
		clear: left
	}
	.content-panel:first-child>main:not(:last-child) .grid>* {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 31.76157%
	}
	.content-panel:first-child>main:not(:last-child) .grid>:last-child {
		margin-right: 0
	}
	.content-panel:first-child>main:not(:last-child) .grid>:nth-child(3n) {
		margin-right: 0
	}
	.content-panel:first-child>main:not(:last-child) .grid>:nth-child(3n+1) {
		clear: left
	}
}
ul.links {
	margin-bottom: 1.6rem;
	padding-left: 0;
	line-height: 1.5
}
ul.links li {
	position: relative;
	margin-bottom: .65rem;
	list-style: none
}
.homepage-banner figcaption h1 [class^=icon-]:before, aside ul.links a span:after, aside ul.links a:after, ul.links a {
	display: inline
}
aside ul.links li {
	margin: 0;
	padding-left: 0;
	border-top: 1px solid #ddd
}
aside ul.links a {
	display: block;
	padding: .53333rem .1em;
	text-decoration: none
}
aside ul.links a:active, aside ul.links a:focus, aside ul.links a:hover {
	background-color: rgba(0, 0, 0, .03)
}
@media screen and (max-width:43.6875em) {
	.grid ul.links:not(:last-child) {
		margin-bottom: 0
	}
}
ul.complex-list, ul.complex-list>li {
	padding-left: 0;
	width: 100%
}
ul.complex-list>li {
	margin-bottom: 0;
	list-style: none;
	display: table;
	padding: .8rem .1rem;
	line-height: 1.2;
	border-bottom: 1px solid #ddd
}
ul.complex-list>li::after {
	clear: both;
	content: "";
	display: table
}
ul.complex-list .caption, ul.complex-list .description {
	vertical-align: middle
}
ul.complex-list .caption {
	display: table-cell;
	width: 75%;
	padding-right: 1.6rem
}
ul.complex-list .caption>span {
	margin-right: .35em;
	color: #8b8b8b
}
ul.complex-list .description {
	display: table-cell;
	width: 25%
}
ul.complex-list .description>em {
	font-style: normal;
	color: #555;
	font-size: .875rem
}
@media screen and (max-width:43.6875em) {
	ul.complex-list .caption, ul.complex-list .description {
		display: block;
		width: 100%
	}
	ul.complex-list .caption {
		padding-right: 0;
		margin-bottom: .35em
	}
}
.logo-mini {
	background-image: url(./images/logo-mini.svg);
	background-position: left;
	background-repeat: no-repeat
}
.form {
	clear: both;
	padding: 1.6rem;
	background-color: #eee
}
.form .group {
	margin-bottom: .5em
}
.embed::after, .form .group::after, .highlight::after {
	clear: both;
	content: "";
	display: table
}
.form label {
	display: inline-block;
	padding-right: .7rem;
	width: 25%;
	vertical-align: top;
	font-weight: 700;
	line-height: 1.3
}
.form input, .form textarea {
	padding: .2rem .6rem;
	border: 1px solid #ccc
}
.form textarea {
	width: 50%
}
.highlight {
	clear: both;
	padding: 1.25rem;
	margin-bottom: 1.6rem
}
.highlight.primary {
	background-color: #f4f4e9
}
.highlight.secondary {
	background-color: #eee
}
@media screen and (min-width:43.75em) {
	.media.inline {
		float: right;
		width: 16.875rem;
		margin: 0 0 0 1.6rem
	}
	.media.inline figcaption {
		font-size: 90%;
		border-left-width: .1875rem
	}
}
.media .embed, .media .table-container, .media iframe, .media img {
	float: none;
	display: block;
	margin-bottom: .5em;
	height: auto;
	width: 100%
}
.media .embed:last-child, .media .table-container:last-child, .media iframe:last-child, .media img:last-child {
	margin-bottom: 1.6rem
}
.media figcaption {
	display: block;
	padding: .2em 0 .2em .8em;
	border-left: .25rem solid #d1e0da;
	color: #555;
	margin-bottom: 1.6rem
}
.embed, .media.featured {
	position: relative
}
.media.featured img {
	margin-bottom: 0
}
.media.featured:before {
	content: "";
	display: block;
	position: absolute;
	background-color: rgba(0, 0, 0, .4);
	transition: background-color 200ms ease-in-out;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: none
}
.media.featured:hover:before {
	background-color: rgba(0, 0, 0, .2)
}
.media.featured figcaption {
	z-index: 1;
	background-color: #115737;
	border-left: none
}
@media screen and (min-width:43.75em) {
	.media.featured figcaption {
		position: absolute;
		top: 1.6rem;
		left: 1.6rem;
		width: 66%;
		max-width: 20rem
	}
}
.media.featured figcaption h1, .media.featured figcaption h2, .media.featured figcaption h3, .media.featured figcaption h4, .media.featured figcaption h5, .media.featured figcaption h6, .media.featured figcaption p {
	color: #fff;
	display: flex;
	align-items: center;
	padding: .5em
}
.media.featured figcaption p {
	margin-bottom: 1.3em
}
.embed {
	height: 0;
	padding: 0 0 56.25%;
	margin-bottom: 1.6rem
}
.embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media screen and (min-width:43.75em) {
	.embed.inline {
		padding-bottom: 22.5%
	}
	.gallery {
		margin-bottom: 1.6rem
	}
	.gallery::after {
		clear: both;
		content: "";
		display: table
	}
	.gallery img {
		height: 13.75rem;
		width: auto
	}
	.gallery figcaption {
		margin-bottom: 0;
		font-size: 85%;
		border-left-width: 3px
	}
	.gallery .media {
		vertical-align: top;
		display: inline-block;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		margin-right: 1.2rem;
		margin-bottom: 1.2rem
	}
}
.label {
	display: inline-block;
	margin-right: .5em;
	line-height: 1;
	vertical-align: middle;
	font-size: 75%;
	text-transform: uppercase;
	background: #ddd;
	color: #242424
}
.label>i, .label>span {
	display: inline-block;
	padding: .3em .5em
}
.label>i {
	float: left;
	font-style: inherit;
	color: #fff
}
.label.file>i {
	background: #555
}
.label.file-pdf>i {
	background: #dd3727
}
.label.file-excel>i {
	background: #318f5b
}
.label.file-word>i {
	background: #2a569a
}
.label.file-mp3>i {
	background: #d27200
}
.label.file-ppt>i {
	background: #ad3016
}
.formatting p .label {
	margin-right: .1em;
	margin-left: .35em
}
.tags {
	margin-bottom: 1.2rem
}
.tag, .tag .close {
	display: inline-block
}
.tag {
	white-space: nowrap;
	padding: .15rem .6rem;
	margin: 0 0 .3rem;
	border-radius: 2px;
	background-color: #dbe6f3
}
aside .tag {
	font-size: .875rem
}
.tag.active {
	background-color: #115737;
	color: #fff
}
.tag .close {
	margin-left: .5rem;
	font-weight: 700
}
a.tag:active, a.tag:focus, a.tag:hover {
	text-decoration: underline;
	background-color: #eaf1f8
}
a.tag.active:active, a.tag.active:focus, a.tag.active:hover {
	background-color: #0d4b2f;
	text-decoration: none
}
.promo {
	clear: both;
	display: block
}
.promo>a {
	display: block;
	padding: 1.25rem;
	color: inherit
}
.promo>a:active h2, .promo>a:active h3, .promo>a:focus h2, .promo>a:focus h3, .promo>a:hover h2, .promo>a:hover h3 {
	text-decoration: underline;
	color: inherit
}
.promo.intro-promo {
	margin: 1.5em 0
}
.promo.primary {
	background-color: #1d2624
}
.promo.primary *, .study-area-tabs ul li.active a h4 {
	color: #fff
}
.promo.primary:active, .promo.primary:focus, .promo.primary:hover {
	background-color: #2a3734
}
.promo.secondary {
	background-color: #e4f3fb
}
.promo.secondary h2 {
	color: #242424
}
.promo.secondary p {
	color: #005ea5
}
.promo.secondary:active, .promo.secondary:focus, .promo.secondary:hover {
	background-color: #d7edf9
}
.events .highlight-strip p, .news .media .embed, .news .media img {
	margin-bottom: 0
}
@media screen and (min-width:43.75em) {
	.news .summary {
		overflow: hidden
	}
	.news .media {
		display: block;
		width: 36.02647%;
		float: right;
		margin-right: 0;
		margin-left: 1.25rem
	}
	.news .media.portrait:last-child, .news .media:last-child {
		margin-right: 0
	}
	.news .media.portrait {
		text-align: right;
		display: block;
		width: 23.23176%;
		float: right;
		margin-right: 0
	}
}
@media screen and (max-width:43.6875em) {
	.news .media {
		margin-bottom: 1em
	}
}
@media screen and (min-width:43.75em) {
	.events .margin-notes {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 27.49666%
	}
	.events .margin-notes:last-child, .events .summary:last-child {
		margin-right: 0
	}
	.events .summary {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 70.14568%
	}
}
.events .highlight-strip {
	display: block;
	padding-left: 1rem;
	border-left: .25rem solid #115737
}
.events .summary .meta {
	margin-bottom: .25em
}
.events .margin-notes {
	margin-bottom: .6rem;
	padding-right: 1rem
}
.events .date, .events .time {
	display: block;
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	color: #115737;
	line-height: 1.1
}
.events .date {
	margin-bottom: .2em;
	font-weight: 600;
	font-size: 1.5625em
}
.events .time {
	font-size: 1.25em
}
.events .time:before {
	top: -.1rem;
	margin-left: 0;
	font-size: 75%
}
.events .meta {
	color: #8b8b8b
}
.events .meta [class^=icon-] {
	display: inline-block
}
.events .meta [class^=icon-]:before {
	top: 0;
	margin-left: 0
}
.homepage-banner {
	display: block
}
.homepage-banner .banner {
	position: relative
}
@media screen and (min-width:61.875em) {
	.homepage-banner {
		min-height: 32.5rem
	}
	.homepage-banner.compact {
		min-height: 18.75rem
	}
	.homepage-banner.compact .banner img {
		width: 100%;
		height: auto
	}
	.homepage-banner .sidebar {
		margin-bottom: 1.25rem;
		width: 25%
	}
	.homepage-banner .site a {
		font-size: 1.125rem
	}
	.homepage-banner .banner, .homepage-banner .banner img {
		position: absolute;
		height: 100%;
		width: 100%
	}
	.homepage-banner .banner img {
		right: 0;
		width: auto
	}
}
.homepage-banner figcaption {
	padding: 1rem;
	background-color: #115737
}
.homepage-banner figcaption h1:not(:last-child) {
	margin-bottom: .25em
}
.homepage-banner figcaption h1 [class^=icon-], .text-promo-panel.video .outside h4 i {
	margin-left: .5em
}
.homepage-banner figcaption h3 {
	line-height: 1.2
}
@media screen and (min-width:43.75em) {
	.homepage-banner figcaption {
		position: absolute;
		bottom: 40%;
		right: 0;
		width: 50%
	}
	.homepage-banner figcaption.wider {
		width: 50%
	}
	.homepage-banner figcaption.bottom {
		bottom: 0
	}
	.homepage-banner figcaption.top {
		bottom: initial;
		top: 0
	}
}
@media screen and (min-width:43.75em) and (max-width:61.8125em) {
	.homepage-banner figcaption {
		width: 65%
	}
}
@media screen and (min-width:61.875em) {
	.homepage-banner figcaption {
		width: 40%
	}
}
.homepage-banner figcaption h1, .homepage-banner figcaption h2, .homepage-banner figcaption h3 {
	color: #fff;
	display: flex;
	align-items: center
}
.promo-panel figure.photo figcaption h1, .promo-panel figure.photo figcaption h2, .promo-panel figure.photo figcaption h3, .promo-panel figure.photo figcaption h4, .promo-panel figure.photo figcaption h5, .promo-panel figure.photo figcaption h6, .promo-panel figure.photo figcaption p {
	display: inline-block;
	padding: .5rem 1rem;
	margin-bottom: .5em;
	color: #fff;
	background-color: rgba(100, 166, 89, .9)
}
.promo-panel figure.photo figcaption p {
	margin-bottom: 1.3em
}
.homepage-intro::after, .promo-panel::after, .promo::after, .study-area-tabs ul::after, .tile-grid .tiles-wrap>ul::after, .tile-grid::after {
	clear: both;
	content: "";
	display: table
}
@media screen and (min-width:43.75em) {
	.promo-panel {
		background: #eee;
		position: relative;
		overflow: hidden
	}
}
@media screen and (max-width:43.6875em) {
	.promo-panel {
		border-top: 3px solid #eee;
		border-bottom: 3px solid #eee
	}
	.promo-panel+.promo-panel {
		border-top: none
	}
}
.promo-panel.pattern {
	background: url(http://www.victoria.ac.nz/__data/assets/image/0005/216698/maori-bg-pattern.png)
}
.promo-panel.pattern figure {
	background: 0 0;
	box-shadow: none
}
.promo-panel figure {
	overflow: hidden;
	position: relative;
	padding: 0;
	background: #fff
}
.promo-panel figure figcaption {
	padding-bottom: 1.6rem
}
@media screen and (min-width:43.75em) {
	.promo-panel figure {
		box-shadow: 0 1px 5px rgba(0, 0, 0, .15)
	}
	.promo-panel figure figcaption {
		padding: 2.4rem;
		float: left;
		display: block;
		width: 59.70863%;
		z-index: 1
	}
	.promo-panel figure figcaption:last-child {
		width: 57.35098%
	}
	.promo-panel figure img {
		float: left;
		display: block;
		width: 42.64902%
	}
	.promo-panel figure img:last-child {
		width: 40.29137%
	}
	.promo-panel figure.two-thirds {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 65.88078%;
		margin-left: 17.05961%
	}
	.promo-panel figure.two-thirds figcaption:last-child, .promo-panel figure.two-thirds:last-child {
		margin-right: 0
	}
	.promo-panel figure.two-thirds figcaption {
		padding: 1.6rem;
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 48.21067%;
		margin-left: 51.78933%;
		background: #fff;
		position: relative
	}
	.promo-panel figure.two-thirds img {
		position: absolute;
		width: auto;
		top: 0;
		left: 0;
		height: 100%
	}
	.promo-panel figure.pattern figcaption, .promo-panel figure.photo figcaption {
		position: relative;
		max-width: 37.5rem;
		width: auto;
		margin: 0 auto;
		padding: 2.4rem 0;
		z-index: 1;
		text-align: center;
		float: none
	}
	.promo-panel figure.pattern img, .promo-panel figure.photo img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%
	}
}
.text-promo-panel {
	padding: 1.5em 0;
	border-bottom: 1px solid #eee
}
@media screen and (min-width:43.75em) {
	.text-promo-panel .text-wrap {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 74.10533%
	}
	.text-promo-panel .text-wrap:last-child {
		margin-right: 0
	}
}
.text-promo-panel .button-wrap {
	margin-top: 2.5em
}
@media screen and (min-width:43.75em) {
	.text-promo-panel .button-wrap {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 22.316%
	}
	.text-promo-panel .button-wrap:last-child {
		margin-right: 0
	}
}
.text-promo-panel.video .media .outside {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	max-width: 100%;
	margin-bottom: 0
}
.text-promo-panel.video .outside h4 {
	margin-bottom: 0;
	padding: .65em .5em
}
@media screen and (min-width:43.75em) {
	.homepage-intro {
		width: 66.66667%
	}
	.homepage-intro:last-child {
		margin: 0 auto
	}
	.homepage-intro:not(:last-child) {
		float: left
	}
}
@media screen and (max-width:43.6875em) {
	.homepage-intro:not(:last-child) {
		border-bottom: 1px solid #eee
	}
}
.homepage-intro .intro-text {
	margin-bottom: 1.5rem
}
.homepage-intro .intro-text p {
	font-size: 1.125em;
	color: #115737
}
.homepage-intro .links-wrap p {
	display: inline-block;
	margin-bottom: 0;
	padding-right: 1em;
	line-height: 2.2
}
.homepage-intro .links-wrap .social-icon {
	display: inline-block;
	vertical-align: middle
}
.homepage-intro .links-wrap div {
	float: left;
	display: block;
	margin-right: 3.57866%;
	width: 48.21067%
}
.homepage-intro .links-wrap div.button-links a.button:last-child, .homepage-intro .links-wrap div:last-child, .homepage-intro+.intro-promo .button-wrap:last-child, .homepage-intro+.intro-promo .text-wrap:last-child, .homepage-intro+.text-promo-panel .button-wrap:last-child, .homepage-intro+.text-promo-panel .text-wrap:last-child, .study-area-single .study-area-wide-panel .img-wrap:last-child {
	margin-right: 0
}
@media screen and (max-width:61.8125em) {
	.homepage-intro .links-wrap div {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 100%
	}
	.homepage-intro .links-wrap div:last-child {
		margin-right: 0
	}
	.homepage-intro .links-wrap div.social-links {
		margin-top: 1.5rem
	}
}
.homepage-intro .links-wrap div.button-links a.button {
	margin-right: .5rem
}
.homepage-intro+.intro-promo, .homepage-intro+.text-promo-panel {
	padding: 0;
	border-bottom: none
}
@media screen and (min-width:43.75em) {
	.homepage-intro+.intro-promo, .homepage-intro+.text-promo-panel {
		float: left;
		width: 33.33333%
	}
}
.homepage-intro+.intro-promo .button-wrap, .homepage-intro+.intro-promo .text-wrap, .homepage-intro+.text-promo-panel .button-wrap, .homepage-intro+.text-promo-panel .text-wrap {
	float: left;
	display: block;
	margin-right: 7.42297%;
	width: 100%
}
.homepage-intro+.intro-promo .button-wrap, .homepage-intro+.text-promo-panel .button-wrap {
	margin-top: 1rem
}
@media screen and (min-width:43.75em) {
	.text-promo-panel.intro-promo:before {
		display: inline-block;
		content: "";
		height: 100%;
		width: 0;
		position: absolute;
		left: 66.66667%;
		top: 0;
		border-left: 1px solid #eee
	}
}
.site-header {
	background: #1d2624
}
.site-header .block {
	padding-top: 1rem;
	padding-bottom: 1rem
}
.site-header .logo, .site-header .site-intro {
	vertical-align: middle
}
.site-header .logo a, .site-header .site-intro a {
	display: block
}
.site-header .logo a:active, .site-header .logo a:focus, .site-header .logo a:hover, .site-header .site-intro a:active, .site-header .site-intro a:focus, .site-header .site-intro a:hover {
	opacity: .9
}
.site-header .logo {
	text-align: center
}
.site-header .logo img {
	vertical-align: middle;
	max-height: 6.5625rem
}
.site-header h1 {
	font-size: 2.0752em;
	font-weight: 400;
	color: #fff
}
.site-header h1 .large {
	font-size: 140%
}
.site-header h1 .large:not(:first-child) {
	line-height: .8
}
.site-header h1 .preline, .site-header h1 small, .tile-grid .tiles-wrap li.tile a, .tile-grid .tiles-wrap>ul {
	display: block
}
.site-header h1 .preline {
	font-size: 75%
}
.site-header h1 small {
	margin-top: .25rem;
	font-size: 50%;
	font-weight: 400;
	color: #ccc;
	line-height: 1.2
}
@media screen and (min-width:43.75em) {
	.site-header .block {
		display: table;
		table-layout: fixed;
		width: 100%
	}
	.site-header .site-intro {
		display: table-cell;
		width: 75%;
		padding: .3rem 1.25rem .5rem 1.875rem
	}
	.site-header .logo {
		display: table-cell;
		width: 25%;
		padding: .1rem 1.875rem .1rem 1.25rem;
		border-right: 1px solid #555
	}
}
@media screen and (max-width:43.6875em) {
	.site-header .logo {
		display: none
	}
	.site-header .site-intro {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
	.site-header h1 {
		line-height: 1.92rem;
		text-align: center
	}
	.site-header h1 .large {
		font-size: 120%
	}
}
.tile-grid {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}
.tile-grid .tiles-wrap {
	width: 100%;
	margin-top: 1rem
}
.tile-grid .tiles-wrap li.tile {
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px
}
.tile-grid .tiles-wrap li.tile .img-helper+img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin-left: -25.20156rem;
	left: 50%
}
.tile-grid .tiles-wrap li.tile.is-matching {
	filter: saturate(200%)
}
.tile-grid .tiles-wrap li.tile.is-not-matching {
	filter: saturate(0%)
}
@media screen and (min-width:80em) {
	.tile-grid .tiles-wrap li.tile {
		width: 24.25%;
		margin-right: 1%
	}
	.tile-grid .tiles-wrap li.tile:nth-child(4n) {
		margin-right: 0
	}
}
@media screen and (min-width:61.875em) and (max-width:79.9375em) {
	.tile-grid .tiles-wrap li.tile {
		width: 32.66667%;
		margin-right: 1%
	}
	.tile-grid .tiles-wrap li.tile:nth-child(3n) {
		margin-right: 0
	}
}
@media screen and (min-width:43.75em) and (max-width:61.8125em) {
	.tile-grid .tiles-wrap li.tile {
		width: 49.35%;
		margin-right: 1.3%
	}
	.tile-grid .tiles-wrap li.tile:nth-child(2n) {
		margin-right: 0
	}
}
.tile-grid .tiles-wrap li.tile .tile-text {
	width: 100%;
	background-color: #115737;
	height: auto;
	display: block;
	position: absolute;
	z-index: 10;
	top: 0
}
.tile-grid .tiles-wrap li.tile .tile-title {
	display: flex;
	align-items: center;
	padding: 1em
}
.tile-grid .tiles-wrap li.tile .tile-title h2 {
	float: left;
	width: 95%
}
.tile-grid .tiles-wrap li.tile .tile-title i {
	margin-left: .5rem;
	display: flex;
	align-items: centre;
	width: 5%;
	color: #fff;
	font-size: 2.2em
}
.tile-grid .tiles-wrap li.tile h2, .tile-grid .tiles-wrap li.tile h4 {
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 1.2
}
.tile-grid .tiles-wrap li.tile h4 {
	color: #ddd;
	font-size: 1.2em;
	margin-bottom: .5em
}
.tile-grid .tiles-wrap li.tile p {
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 1.6
}
.tile-grid .tiles-wrap li.tile a:hover {
	opacity: 1;
	border: 0
}
.tile-grid .tiles-wrap li.tile a h2 {
	font-size: 1.5em
}
.tile-grid .tiles-wrap li.tile h4:before {
	font-size: 85%
}
@media screen and (max-width:43.6875em) {
	.tile-grid .tiles-wrap li.tile {
		float: none
	}
	.tile-grid .tiles-wrap li.tile .tile-title {
		padding-top: .5em;
		padding-bottom: 0
	}
	.tile-grid .tiles-wrap li.tile .img-helper+img {
		max-height: none
	}
	.tile-grid .tiles-wrap li.tile h4 {
		display: inline-block;
		font-size: 1.1em;
		margin-right: .5em
	}
	.tile-grid .tiles-wrap li.tile p {
		display: inline-block
	}
}
.tile-grid.hidden {
	display: none
}
.tile-grid .tile-text p {
	font-size: .875rem
}
.study-area-single h1, .study-areas h1 {
	margin-bottom: .7em
}
.study-areas .pg-filter {
	padding: 1em 1em 1em .5em;
	font-size: 1.2em
}
.study-areas input[type=checkbox]:checked~.tiles-wrap .tile[data-pg=only] {
	display: block
}
.study-areas input[type=checkbox]:checked~.tiles-wrap li.tile {
	display: none
}
.study-areas .tiles-wrap li.tile {
	height: 15.625rem
}
@media screen and (min-width:43.75em) and (max-width:61.8125em) {
	.study-areas .tiles-wrap li.tile img {
		vertical-align: middle
	}
}
.study-areas .tiles-wrap li.tile span {
	display: block;
	padding: 0 1em 1em
}
@media screen and (min-width:61.875em) {
	.study-areas .tiles-wrap li.tile span {
		display: none
	}
	.study-areas .tiles-wrap li.tile:hover span {
		height: 11.25rem;
		display: block
	}
}
.study-area-tabs {
	margin-bottom: 2.4rem
}
.study-area-tabs ul {
	max-width: 48.125rem;
	margin: 0 auto
}
.study-area-tabs ul li {
	float: left;
	display: block;
	width: 51.17883%
}
.study-area-tabs ul li:last-child {
	width: 48.82117%
}
.study-area-tabs ul li a {
	padding: 1em;
	display: block;
	background-color: #ddd;
	display: flex;
	align-items: center;
	text-align: center
}
@media screen and (max-width:43.6875em) {
	.study-area-tabs ul li a {
		height: 3.75rem
	}
}
.study-area-tabs ul li a:hover {
	background-color: #ccc
}
.study-area-tabs ul li a [class^=icon-] {
	font-weight: 400;
	line-height: 0
}
.study-area-tabs ul li a .icon-book-open {
	font-size: 90%
}
.study-area-tabs ul li a h4 {
	color: #242424;
	margin: 0 auto
}
.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text, .study-area-tabs ul li.active {
	position: relative
}
.study-area-tabs ul li.active a {
	background-color: #115737
}
.study-area-tabs ul li.active a:hover {
	opacity: 1;
	cursor: default
}
.study-area-tabs ul li.active:after {
	position: absolute;
	display: block;
	content: "";
	left: 50%;
	margin-left: -.8rem;
	height: 0;
	width: 0;
	border-left: .8rem solid transparent;
	border-right: .8rem solid transparent;
	border-top: .53333rem solid #115737
}
.study-area-single .study-area-wide-panel {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 1.6rem
}
.menu-toggle::after, .study-area-single .study-area-wide-panel::after {
	clear: both;
	content: "";
	display: table
}
.study-area-single .study-area-wide-panel:not(:last-child) {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #eee
}
.study-area-single .study-area-wide-panel .img-wrap {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 40.29137%
}
@media screen and (max-width:43.6875em) {
	.study-area-single .study-area-wide-panel .img-wrap {
		display: none
	}
}
.study-area-single .study-area-wide-panel .img-wrap img {
	width: 100%
}
.study-area-single .study-area-wide-panel .content-wrap {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 57.35098%
}
.study-area-single .study-area-wide-panel .content-wrap:first-child {
	width: 100%
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap:last-child, .study-area-single .study-area-wide-panel .content-wrap:last-child {
	margin-right: 0
}
@media screen and (max-width:43.6875em) {
	.study-area-single .study-area-wide-panel .content-wrap {
		float: left;
		display: block;
		margin-right: 4.82916%;
		width: 100%
	}
	.study-area-single .study-area-wide-panel .content-wrap:last-child {
		margin-right: 0
	}
}
@media screen and (min-width:43.75em) {
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap {
		display: inline
	}
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap {
	float: left;
	display: block;
	margin-right: 4.82916%;
	width: 65.05695%
}
@media screen and (max-width:61.8125em) {
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 100%
	}
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap:last-child {
		margin-right: 0
	}
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap h2 {
	margin-bottom: 1rem
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap p {
	font-size: 1.125em;
	line-height: 1.8rem;
	margin-bottom: 1.6rem
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
	float: left;
	display: block;
	width: 30.11389%;
	margin-right: 0
}
@media screen and (max-width:61.8125em) {
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
		float: left;
		display: block;
		margin-right: 3.57866%;
		width: 100%
	}
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap:last-child {
		margin-right: 0
	}
}
@media screen and (min-width:43.75em) {
	.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
		float: right
	}
}
.footer-primary .contacts>li:last-child, .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap:last-child {
	margin-right: 0
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap h4 {
	margin-top: .35em;
	color: #8b8b8b
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul {
	padding-top: .5rem
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul li {
	font-size: 1.1em;
	border-bottom: 1px solid #eee;
	padding: .5em .15em
}
.study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul li:last-child {
	border-bottom: none
}
@media screen and (min-width:43.75em) {
	.study-area-single .study-area-wide-panel .content-wrap a.button {
		clear: left
	}
}
@media screen and (max-width:43.6875em) {
	.study-area-single .study-area-wide-panel .content-wrap a.button {
		margin-bottom: .35rem
	}
}
.global [role=search] .input-wrapper input[type=submit], .global [role=search] .input-wrapper input[type=text], .study-area-single.hidden {
	display: none
}
.staff {
	margin: 1.6rem 0 2.4rem;
	width: 100%
}
.articles-container .staff>li {
	padding-bottom: 1rem;
	margin-bottom: 1rem
}
.staff .profile-picture {
	float: left;
	display: block;
	margin-right: 1.25rem;
	height: auto;
	width: 9.375rem
}
@media screen and (max-width:43.6875em) {
	.staff .profile-picture {
		width: 20%;
		max-width: 9.375rem
	}
}
.staff .summary {
	overflow: hidden
}
.staff .summary:not(:first-child) {
	display: block
}
.staff .summary:not(:first-child)>header {
	margin-bottom: 1rem
}
.staff .summary:first-child .meta>li, .staff .summary:first-child .subtitle, .staff .summary:first-child h3 {
	display: inline-block
}
.staff .summary:first-child h3 {
	margin-right: 1rem
}
.staff .summary:first-child>header {
	margin-bottom: .25rem
}
.profile-picture {
	width: 100%
}
address.contact>img {
	display: block;
	margin-bottom: .7rem
}
address.contact>ul {
	font-style: normal
}
ul.meta [class^=icon-] {
	color: #8b8b8b;
	font-size: 115%
}
ul.meta [class^=icon-]:before {
	display: inline
}
ul.meta, ul.meta>li {
	padding-left: 0
}
ul.meta>li {
	display: block;
	margin-bottom: .5em;
	font-size: .875rem;
	word-wrap: break-word;
	line-height: 1.35
}
ul.meta .highlight {
	display: inline-block;
	margin-right: .1rem;
	padding: 0
}
ul.meta .highlight [class^=icon-] {
	color: inherit
}
ul.meta .highlight [class^=icon-]:before {
	display: inline-block;
	margin-right: .35em
}
ul.meta .highlight>a {
	display: block;
	padding: .2rem .5rem;
	background-color: #e3ece9;
	color: #115737;
	text-decoration: none
}
ul.meta .highlight>a:active, ul.meta .highlight>a:focus, ul.meta .highlight>a:hover {
	text-decoration: underline
}
.degrees-quals h1 {
	margin: 1em 0 .7em
}
.degrees-quals.tile-grid, .degrees-quals.ui-update.tile-grid {
	margin-bottom: 1.6rem
}
.degrees-quals.tile-grid .tiles-wrap li.tile {
	margin-bottom: .5rem;
	height: auto
}
@media screen and (min-width:61.875em) {
	.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text {
		min-height: 140px
	}
}
.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text a, .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text a {
	padding: 1em
}
.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .tile-title {
	padding: 0;
	margin-bottom: 1em
}
.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .sub-title {
	color: rgba(255, 255, 255, .75);
	margin: 0
}
.degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .title-break {
	width: 30px;
	border-top: 2px solid rgba(255, 255, 255, .75);
	margin-bottom: .5em
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile {
	margin-bottom: .5rem
}
@media screen and (min-width:61.875em) {
	.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile {
		float: left;
		display: block;
		width: 48.82117%;
		margin-right: 8px;
		max-height: none
	}
	.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile:last-child {
		margin-right: 0
	}
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text {
	position: relative;
	width: 100%;
	background-color: #ddd
}
@media screen and (min-width:61.875em) {
	.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text {
		min-height: inherit
	}
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title {
	padding: 0;
	margin-bottom: 0
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title h2 {
	color: #115737
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title i {
	color: #555
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .sub-title {
	color: #555;
	margin: 0
}
.degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .title-break {
	width: 30px;
	border-top: 2px solid #8b8b8b;
	margin-bottom: .15em
}
@media screen and (max-width:43.6875em) {
	.hide-on-mobile {
		display: none!important
	}
}
@media screen and (min-width:43.75em) {
	.hide-on-desktop {
		display: none!important
	}
}
.menu-toggle {
	position: relative;
	z-index: 1;
	background: #1d2624;
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}
.menu-toggle .logo-mini {
	height: 1.6rem
}
.global .horisontal-links::after, .menu-toggle .logo-mini::after {
	clear: both;
	content: "";
	display: table
}
@media screen and (max-width:43.6875em) {
	.site-header {
		padding-top: 3.8rem
	}
}
.global {
	font-weight: 400
}
@media screen and (min-width:43.75em) {
	.global {
		background: #ccc
	}
}
@media screen and (max-width:43.6875em) {
	.global {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		height: 3.8rem
	}
}
.global .menu a {
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	line-height: 1.85
}
.global .menu a.back, .global .menu a.home {
	line-height: 1.7
}
.global .menu a.home>span {
	margin-top: .0625rem
}
.global .horisontal-links>a {
	float: left;
	width: 50%;
	margin: 0;
	padding: .8rem 1.6rem;
	border-bottom: none
}
.global [class^=icon-]:before {
	margin-left: 0;
	margin-right: 0
}
@media screen and (max-width:43.6875em) {
	.global [class^=icon-]:before {
		margin-right: .5rem;
		line-height: 1
	}
}
.global [role=search] {
	width: 100%
}
.global [role=search] .input-wrapper::after, .global [role=search]::after {
	clear: both;
	content: "";
	display: table
}
@media screen and (max-width:43.6875em) {
	.global [role=search] {
		padding: .8rem 1.6rem
	}
}
.global [role=search], .global [role=search] .input-wrapper {
	display: block;
	position: relative
}
.global [role=search] .input-wrapper input {
	background: rgba(0, 0, 0, .15);
	border: none;
	color: #fff;
	float: left;
	padding: .45rem .8rem
}
.global [role=search] .input-wrapper input[type=text] {
	width: calc(100% - 4rem)
}
.global [role=search] .input-wrapper input[type=submit] {
	width: 4rem;
	border-left: 1px solid rgba(0, 0, 0, .15)
}
@media screen and (min-width:43.75em) {
	.global [role=search] {
		box-shadow: 0 1px 8px rgba(0, 0, 0, .35)
	}
	.global [role=search] .input-wrapper {
		background: linear-gradient(to right, rgba(204, 204, 204, 0) 0, #ccc 50px);
		padding-left: 55px;
		padding-right: 2.5rem;
		will-change: transform;
		transition: transform 200ms ease-in-out;
		transform: translateX(100%)
	}
	.global [role=search] .input-wrapper input {
		background: #bbb;
		color: #242424
	}
	.global [role=search] .input-wrapper.is-open {
		transform: translateX(0)
	}
	.global [role=search] .input-wrapper.is-open input[type=submit], .global [role=search] .input-wrapper.is-open input[type=text] {
		display: inline-block
	}
}
@media screen and (max-width:61.8125em) {
	.global {
		padding: 0
	}
}
@media screen and (max-width:43.6875em) {
	.global .button-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0
	}
	.global .button-container a {
		display: block;
		margin: 2px 0;
		padding: 0 .8rem;
		border: none;
		border-left: 1px solid rgba(255, 255, 255, .15);
		text-align: right
	}
	.global [role=search] .input-wrapper input[type=submit], .global [role=search] .input-wrapper input[type=text] {
		display: inline-block
	}
	.global .menu {
		background: #115737;
		max-height: 75vh;
		overflow-y: scroll;
		will-change: transform;
		transition: transform 200ms ease-in-out;
		transform: translateY(-100vh)
	}
	.global.is-open .menu {
		transform: translateY(0)
	}
	.global a {
		position: relative;
		display: block;
		margin-left: -10rem;
		padding: .6em 1rem .6em 11rem;
		font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
		line-height: 1.35;
		color: #fff;
		border-bottom: 1px solid #0d4b2f;
		cursor: pointer
	}
}
@media screen and (max-width:43.6875em) and (max-width:43.6875em) {
	.global a.back, .global a.home {
		background: #1d2624!important;
		color: #b4b3b3
	}
}
@media screen and (max-width:43.6875em) {
	.global a.hide {
		display: none;
		text-align: center
	}
	.global a.selected, .global a:focus, .global a:hover {
		background-color: rgba(0, 0, 0, .15)
	}
	.global a.selected {
		font-weight: 600;
		border-bottom: none
	}
	.global a.selected:before {
		position: absolute;
		display: block;
		content: "";
		top: .5rem;
		bottom: .5rem;
		width: .25rem;
		margin-left: -.625rem;
		border: 1px solid #ccc;
		background: #fff
	}
	.global .mobile {
		display: block
	}
}
@media screen and (min-width:43.75em) {
	.global .menu-toggle, .global .mobile, .global .site {
		display: none
	}
	.global nav {
		max-width: 80rem;
		margin-left: auto;
		margin-right: auto;
		position: relative
	}
	.global nav::after {
		clear: both;
		content: "";
		display: table
	}
	.global nav .search {
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1
	}
	.global nav .search a {
		position: absolute;
		right: 0;
		z-index: 1;
		padding-left: 0;
		padding-right: 0;
		font-size: 85%;
		width: 2.5rem;
		text-align: center
	}
	.global nav .search .tcon {
		margin-top: .3rem
	}
	.global nav a {
		color: #242424;
		padding: .32rem .8rem;
		display: block;
		float: left;
		opacity: .8;
		font-size: .9375rem;
		border-bottom: none
	}
	.global nav a.selected, .global nav a:focus, .global nav a:hover {
		background: #bbb
	}
	.global nav a.selected span:not(.tcon-transform) .tcon-search__item::after, .global nav a:focus span:not(.tcon-transform) .tcon-search__item::after, .global nav a:hover span:not(.tcon-transform) .tcon-search__item::after {
		transition: none;
		background: #bbb
	}
	.global nav a+a {
		border-left: 1px solid rgba(0, 0, 0, .15)
	}
	.global nav label {
		float: right
	}
}
.site {
	z-index: 1;
	overflow: hidden;
	background: #115737
}
.site [lang=mi] {
	opacity: .5
}
.site .icon-right-open {
	float: right;
	margin: 0 -.6em
}
@media screen and (max-width:43.6875em) {
	.site>ul>li:nth-child(1) {
		padding-left: 0
	}
	.site>ul>li:nth-child(2) {
		padding-left: .8rem
	}
	.site>ul>li:nth-child(3) {
		padding-left: 1.6rem
	}
	.site>ul>li:nth-child(4) {
		padding-left: 2.4rem
	}
	.site>ul>li:nth-child(5) {
		padding-left: 3.2rem
	}
	.site>ul>li:nth-child(6) {
		padding-left: 4rem
	}
	.site>ul>li:last-child>a {
		display: none
	}
	.layout .site {
		display: none
	}
}
@media screen and (min-width:43.75em) {
	.site>ul>li {
		display: none
	}
	.site>ul>li:last-child {
		display: block
	}
	.site>ul>li:last-child>a {
		color: #ccc;
		font-size: 90%
	}
	.site>ul>li:last-child>a:active, .site>ul>li:last-child>a:focus, .site>ul>li:last-child>a:hover {
		color: #fff
	}
	.site>ul>li:last-child>ul>li>a.selected {
		padding-left: 11.5em
	}
	.site>ul>li:last-child>ul>li li {
		padding-left: .8rem
	}
}
.site a, .site--container {
	position: relative
}
.site a {
	display: block;
	margin-left: -10rem;
	padding: .6em 1rem .6em 11rem;
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	line-height: 1.35;
	color: #fff;
	border-bottom: 1px solid #0d4b2f;
	cursor: pointer
}
@media screen and (max-width:43.6875em) {
	.site a.back, .site a.home {
		background: #1d2624!important;
		color: #b4b3b3
	}
}
.site a.hide {
	display: none;
	text-align: center
}
.site a.selected, .site a:focus, .site a:hover {
	background-color: rgba(0, 0, 0, .15)
}
.site a.selected {
	font-weight: 600;
	border-bottom: none
}
.site a.selected:before {
	position: absolute;
	display: block;
	content: "";
	top: .5rem;
	bottom: .5rem;
	width: .25rem;
	margin-left: -.625rem;
	border: 1px solid #ccc;
	background: #fff
}
.site .has-subpages a {
	padding-right: 2.2rem
}
.site .has-subpages a:after {
	height: 0;
	width: 0;
	border-bottom: .35em solid transparent;
	border-left: .35em solid #fff;
	border-top: .35em solid transparent;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.25em;
	margin-right: 1rem
}
.footer-primary {
	background-color: #1d2624;
	color: #ccc
}
.footer-primary ul a {
	text-decoration: none;
	border-bottom: 0;
	color: inherit
}
.footer-primary ul a:active, .footer-primary ul a:focus, .footer-primary ul a:hover {
	text-decoration: underline
}
.footer-primary ul a:active img, .footer-primary ul a:focus img, .footer-primary ul a:hover img, .footer-secondary .contacts address a:active, .footer-secondary .contacts address a:focus, .footer-secondary .contacts address a:hover {
	text-decoration: none
}
.footer-primary ul, .footer-primary ul>li {
	display: inline-block
}
.footer-primary ul>li {
	margin: 0 .35em
}
.footer-primary .block+.block {
	border-top: 1px solid #555
}
.clearfix::after, .footer-primary .block+.block::after {
	clear: both;
	content: "";
	display: table
}
.footer-primary .block.small {
	padding-top: .5em
}
.footer-primary .contacts, .footer-primary .logo {
	vertical-align: middle;
	display: table-cell;
	width: 25%
}
.footer-primary .logo img {
	display: inline-block;
	width: 100%;
	max-width: 15.625rem;
	vertical-align: middle
}
.footer-primary .contacts {
	width: 75%;
	padding: .5em 0 .5em 3.5em
}
.footer-primary .contacts>li:first-child, .footer-primary .minilinks>li:first-child {
	margin-left: 0
}
.footer-primary .contacts a {
	color: #fff;
	font-weight: 700
}
.footer-primary .small>* {
	font-size: .9em
}
.footer-primary .copyright {
	float: right;
	display: block
}
.footer-primary .minilinks {
	float: left
}
@media screen and (max-width:43.6875em) {
	.footer-primary {
		text-align: center
	}
	.footer-primary .contacts, .footer-primary .logo {
		display: block;
		width: 100%;
		float: none
	}
	.footer-primary .contacts {
		padding-left: 0
	}
	.footer-primary .copyright, .footer-primary .minilinks {
		float: none
	}
	.footer-primary .copyright {
		margin-top: 1em
	}
	.footer-primary .logo {
		margin-bottom: .5em
	}
}
.footer-secondary {
	background-color: #ddd
}
.footer-secondary h2 {
	line-height: 1.3;
	font-size: 1.25em
}
.footer-secondary nav ul a {
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	font-size: 1.125em;
	border-color: #242424;
	text-decoration: underline
}
.footer-secondary nav ul a:active, .footer-secondary nav ul a:focus, .footer-secondary nav ul a:hover {
	border-bottom: none;
	text-decoration: none
}
.footer-secondary ul a {
	color: inherit
}
.footer-secondary .block+.block, .footer-secondary+.footer-secondary {
	border-top: 1px solid #ccc
}
.footer-secondary:not(.two-columns) h2 {
	float: left;
	margin-right: 2em
}
.footer-secondary:not(.two-columns) nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	flex-wrap: wrap;
	box-align: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	-o-align-items: stretch;
	align-items: stretch;
	-ms-flex-align: stretch;
	box-orient: horizontal;
	box-direction: normal;
	-moz-flex-direction: row;
	flex-direction: row;
	-ms-flex-direction: row;
	box-pack: start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: start
}
.footer-secondary:not(.two-columns) nav ul>li {
	margin-right: 1.5em
}
.footer-secondary:not(.two-columns) .contacts ul, .footer-secondary:not(.two-columns) .contacts ul>li {
	display: inline-block;
	margin-right: .75em
}
.footer-secondary .contacts address {
	font-style: inherit;
	color: #555
}
.footer-secondary .contacts address a {
	margin-right: .35em;
	color: #242424;
	font-weight: 500;
	border-bottom: 0;
	text-decoration: underline
}
.footer-secondary .contacts address ul:before {
	line-height: 1.4;
	position: absolute;
	margin-left: -1.6rem;
	font-size: 115%
}
.footer-secondary .mails, .footer-secondary .phones {
	position: relative;
	padding-left: 1.6rem
}
.footer-secondary.two-columns h2 {
	margin-bottom: .75em
}
.footer-secondary.two-columns .block {
	display: table-cell;
	width: 50%
}
.footer-secondary.two-columns .block:first-child {
	width: 10000px;
	padding-right: 1.6rem
}
.footer-secondary.two-columns .block:last-child {
	padding-left: 1.6rem;
	border-top: 0;
	border-left: 1px solid #ccc
}
.footer-secondary.two-columns nav ul {
	overflow: hidden
}
.footer-secondary.two-columns nav ul li {
	display: block;
	float: left;
	margin-right: 2%;
	width: 48%
}
.footer-secondary.two-columns ul {
	margin-bottom: .8em
}
.footer-secondary.two-columns ul>li {
	margin: 0 0 .35em
}
.footer-secondary.two-columns ul:last-child {
	margin-bottom: 0
}
@media screen and (max-width:43.6875em) {
	.footer-secondary:not(.two-columns) h2 {
		float: none;
		margin-bottom: .75em
	}
	.footer-secondary.two-columns .block {
		float: none;
		display: block;
		width: 100%
	}
	.footer-secondary.two-columns .block:first-child {
		width: auto
	}
	.footer-secondary.two-columns .block:last-child {
		padding-top: 1.6rem;
		border-left: 0;
		border-top: 1px solid #ccc
	}
	.footer-secondary.two-columns nav ul>li {
		float: none;
		width: auto
	}
}
.breadcrumbs {
	padding-bottom: 0;
	font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
	font-size: 1.125em
}
.breadcrumbs>li {
	display: inline-block;
	white-space: nowrap
}
.breadcrumbs>li:first-child a:before {
	top: 0;
	margin-right: .35em;
	font-size: 90%
}
.breadcrumbs>li:after {
	content: "� �";
	margin: 0 .35em;
	font-size: 85%;
	color: #aaa
}
.breadcrumbs>li:last-child {
	font-weight: 600;
	color: #555
}
.breadcrumbs>li:last-child:after {
	display: none
}
@media screen and (max-width:43.6875em) {
	.breadcrumbs {
		display: none
	}
}
.align-left {
	text-align: left!important
}
.align-center {
	text-align: center!important
}
.align-right {
	text-align: right!important
}
.float-left {
	float: left!important
}
.float-right {
	float: right!important
}
.headroom {
	will-change: transform;
	transition: transform 200ms linear
}
.headroom--pinned {
	transform: translateY(0%)
}
.headroom--unpinned {
	transform: translateY(-100%)
}