/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 19 July 2019 13:26:35
*/


/*
 * Table of Contents
 *
 * 1. Reset
 * 2. Utilities
 * 3. General
 * Modules
 *     Tabs
 *     Accordion
 *     Breadcrumbs
 *     Button
 *     Collapsible box
 *     Header logo
 *     Overlay
 *     Forms
 *     Skip links
 *     Responsive image
 *     Responsive video
 *     Back to top
 *     Tables
 *     Prettify
 *     Tables sortable
 *     Tooltip
 *     Toggle switch
 *     Nav basic
 *     Nav secondary
 *     Nav dropdown
 *     Quick search
 *     Slideshow
 *     FB Search
 */
/*
--------------------
1. Reset (Normalize.css)
--------------------
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary {
  display: block;
}
 
audio, canvas, video {
  display: inline-block;
}
 
audio:not([controls]) {
  display: none;
  height: 0;
}
 
[hidden] {
  display: none;
}
 
html {
  font-family: AauxNext-Medium, Verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
 
body {
  margin: 0;
}
/* 
a:focus {
  outline: thin dotted;
}
*/ 
a:active,
a:hover {
  outline: 0;
}
 
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
 
abbr[title] {
  border-bottom: 1px dotted;
}
 
b, strong {
  font-weight: bold;
}
 
dfn {
  font-style: italic;
}
 
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
 
mark {
  background: #ff0;
  color: #000;
}
 
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
 
pre {
  white-space: pre-wrap;
}
 
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
 
small {
  font-size: 80%;
}
 
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
 
sup {
  top: -0.5em;
}
 
sub {
  bottom: -0.25em;
}
 
img {
  border: 0;
}
 
svg:not(:root) {
  overflow: hidden;
}
 
figure {
  margin: 0;
}
 
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
 
legend {
  border: 0;
  padding: 0;
}
 
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
 
button, input {
  line-height: normal;
}
 
button, select {
  text-transform: none;
}
 
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
 
button[disabled], html input[disabled] {
  cursor: default;
}
 
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
 
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
 
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
 
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
 
textarea {
  overflow: auto;
  vertical-align: top;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
/*
--------------------
2. Utilities
--------------------
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
 
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
 
.clearfix {
  *zoom: 1;
}
.clearfix:after, .clearfix:before {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
 
.ir {
  color: transparent;
  border: 0;
  overflow: hidden;
}
.no-rgba .ir {
  text-indent: 9999em;
}
 
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
 
.hidden {
  display: none !important;
  visibility: hidden;
}
 
.invisible {
  visibility: hidden;
}
 
/* Flex input groups with Modernizr prefixes and No JS fallback */
.input-group {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.flexbox .input-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.no-js .input-group, .no-flexbox .input-group {
  display: table;
}
 
.input-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.flexbox .input-field {
  -moz-box-flex: 1;
  flex: 1;
}
.no-js .input-field, .no-flexbox .input-field {
  width: 100%;
  display: table-cell;
}
 
.input-addon {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.no-js .input-addon, .no-flexbox .input-addon {
  width: 1%;
  display: table-cell;
}
 
/*
--------------------
3. General
--------------------
*/
/*
@font-face {
  font-family: 'Museo300Regular';
  src: url("/__data/assets/file/0004/119767/Museo300-Regular-webfont.eot");
  src: url("/__data/assets/file/0004/119767/Museo300-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0007/119770/Museo300-Regular-webfont.woff") format("woff"), url("/__data/assets/file/0006/119769/Museo300-Regular-webfont.ttf") format("truetype"), url("/__data/assets/file/0005/119768/Museo300-Regular-webfont.svg#Museo300Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amatic_scregular';
  src: url("/__data/assets/file/0019/125740/amaticsc-regular-webfont.eot");
  src: url("/__data/assets/file/0019/125740/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/__data/assets/file/0004/125743/amaticsc-regular-webfont.woff") format("woff"), url("/__data/assets/file/0003/125742/amaticsc-regular-webfont.ttf") format("truetype"), url("/__data/assets/file/0020/125741/amaticsc-regular-webfont.svg#amatic_scregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: 'FontAwesome';
  src: url("/__data/assets/file/0009/119763/fontawesome-webfont.eot?v=3.1.0");
  src: url("/__data/assets/file/0009/119763/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("/__data/assets/file/0003/119766/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("/__data/assets/file/0011/119765/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("/__data/assets/file/0010/119764/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 * Table of Contents
 *
 * 1. Sections and Root Element
 * 2. Grouping Content
 * 3. Text-Level Semantics
 * 4. Edits
 * 5. Embedded Content
 * 6. Tabular Data
 * 7. Forms
 * 8. Interactive Elements
 * 9. Attributes
 *10. Brand Colors
 */
/*
--------------------
1. Sections and Root Element
--------------------
*/
/*  html
    body
    section
    nav
    article
    aside
    h1,h2,h3,h4,h5,h6
    header
    footer
    address
    main */
html, body {
  height: 100%;
}
 
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.714285;
  font-family: AauxNext-Medium, Verdana, sans-serif;
  color: #333333;
}

h1 {
  font-size: 2.625em;
  line-height: 1.19048;
  margin: 0 0 0.33333em;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
h2 {
  font-size: 1.563em;
  line-height: 1.41667;
  margin-top: 1.66667em;
  margin-bottom: 0.20833em;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
h3 {
  font-size: 1.250em;
  line-height: 1.5;
  margin-top: 2em;
  margin-bottom: 0.25em;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
h4 {
  font-size: 1.14286em;
  line-height: 1.625;
  margin-top: 2.5em;
  margin-bottom: 0.3125em;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
h5 {
  font-size: 1em;
  line-height: 1.71429;
  margin-top: 2.85714em;
  margin-bottom: 0.35714em;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
h6 {
  font-size: 1em;
  line-height: 1.71429;
  margin-top: 2.85714em;
  margin-bottom: 0.35714em;
  font-style: italic;
  font-weight: normal;
  font-family: AauxNext-Bold;
  color: #000000;
}
 
/*
--------------------
2. Grouping content
--------------------
*/
/*  p
    hr
    pre
    blockquote
    ol
    ul
    li
    dl
    dt
    dd
    figure
    figcaption
    div */
p {
  margin: 0 0 1em;
}
 
pre {
  margin: 0 0 1em;
}
 
ol {
  margin: 0 0 1em;
  padding-left: 3em;
}
 
ul {
  margin: 0 0 1em;
  padding-left: 3em;
}
 
ul ol {
  margin: 0;
}
 
ol ul {
  margin: 0;
}
 
blockquote {
  margin: 1em 3em;
}
 
dl {
  margin: 0 0 1em;
}
 
dd {
  margin-left: 3em;
}
 
/*
--------------------
3. Text-Level Semantics
--------------------
*/
/*  a
    em
    strong
    small
    s
    cite
    q
    dfn
    abbr
    data
    time
    code
    var
    samp
    kbd
    sub,sup
    i
    b
    u
    mark
    ruby
    rt
    rp
    bdi
    bdo
    span
    br
    wbr */
a {
  color: #0095c8;
  text-decoration: none;
}
 
a:visited {
  color: #0095c8;
}
 
a:hover, a:focus {
  outline: 0 none;
}
 
a:active {
  color: #ff6a13;
}
 
abbr[title] {
  position: relative;
  border-bottom: 1px dotted;
  text-transform: lowercase;
  font-variant: small-caps;
}
 
abbr[title]:after {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 999999;
  visibility: hidden;
  margin-top: 7px;
  margin-left: -18px;
  padding: 11px 11px 0;
  height: 22px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: black;
  color: white;
  content: attr(title);
  text-transform: none;
  white-space: nowrap;
  font-variant: normal;
  font-size: 13px;
  line-height: 11px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
  transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
}
 
abbr[title]:before {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 999999;
  visibility: hidden;
  margin-top: -5px;
  margin-left: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #333333;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
  transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
}
 
abbr.titletip[title]:after, abbr.titletip[title]:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
  transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
}
 
dfn[title] {
  border-bottom: 1px dotted;
}
 
/*
--------------------
4. Edits
--------------------
*/
/*  ins
    del */
del[datetime], ins[datetime] {
  position: relative;
  border-bottom: 1px dotted;
}
 
del.titletip[datetime]:hover:after, ins.titletip[datetime]:hover:after {
  position: absolute;
  top: 2em;
  left: 0;
  overflow: visible;
  padding: .5em;
  background-color: #000;
  color: #FFF;
  content: attr(datetime);
  text-transform: none;
  font-variant: normal;
}
 
/*
--------------------
5. Embedded Content
--------------------
*/
/*  img
    iframe
    embed
    object
    param
    video
    audio
    source
    track
    canvas
    map
    area
    svg
    math */
iframe {
  max-width: 100%;
}
 
/*
--------------------
6. Tabular Data
--------------------
*/
/*  table
    caption
    colgroup
    col
    tbody
    thead
    tfoot
    tr
    td
    th */
table {
  margin: 0 0 1em;
  font-size: 1em;
  line-height: 1.42857;
  width: 100%;
}
 
th, td {
  /*padding: 0.96429em;*/
  padding: 0.5em 1em;
  border: 1px solid #c8c9c7;
}
 
th {
  background-color: #595959;
  color: white;
  font-weight: normal;
  text-align: left;
}
tr.empty th, tr.empty td {
  display: none;
}
 
/*
--------------------
7. Forms

--------------------
*/
/*  form
    fieldset
    legend
    label
    input
    button
    select
    datalist
    optgroup
    option
    textarea
    keygen
    output
    progress
    meter */
form {
  margin: 0 0 1em;
}
 
fieldset {
  margin: 0 0 1em;
  padding: 0;
  border: 0 solid transparent;
  /*width: 60%;*/
}
 
legend {
  font-size: 1.14286em;
  line-height: 1.625;
  margin: 0 0 0.875em;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  color: #595959;
}
 
label {
  clear: left;
  display: block;
}
 
input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='week '], input[type='text'], textarea {
  border: 0 solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.35714;
  color: #333333;
  background-color: #c8c9c7;
  width: 100%;
  margin: 0 0 1em;
  padding: .4em;
  display: block;
  clear: left;
}
 
input[type='color']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='email']:focus, input[type='month']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, input[type='week ']:focus, input[type='text']:focus, textarea:focus {
  background-color: #f1f2f0;
}
 
select {
  border: 0 solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c8c9c7;
  width: 100%;
  color: #333333;
  margin: 0 0 1em;
  padding: .34em;
  display: block;
  clear: left;
}
 
select:focus {
  background-color: #f1f2f0;
}
 
input[type='button'], input[type='reset'], input[type='submit'], button {
  font-size: 1.14286em;
  line-height: 1.625;
  margin: 0 0 0.875em;
  line-height: normal;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  color: white;
  background-color: #595959;
  margin-left: 1em;
  float: right;
  border: 0 solid transparent;
  padding: .5em 2em;
  box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
  transition: 0.3s;
}
 
input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, button:focus, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, button:hover {
  background-color: #595959;
}
 
.highlighted-button {
  background-color: #DE3948 !important;
}
 
input[type='checkbox'], input[type='radio'] {
  margin-right: .5em;
}
 
input[type='checkbox']:focus, input[type='radio']:focus {
  -webkit-box-shadow: 0 0 6px rgba(50, 136, 133, 0.9);
  -moz-box-shadow: 0 0 6px rgba(50, 136, 133, 0.9);
  box-shadow: 0 0 6px rgba(50, 136, 133, 0.9);
}
 
.radiogroup, .checkgroup {
  width: 100%;
  margin: 0 0 1em;
}
 
.radiogroup legend, .checkgroup legend {
  font-size: 1em;
  line-height: 1.71429;
  margin: 0 0 1em;
  font-family: Verdana, sans-serif;
  color: #333333;
  margin: 0;
}
 
.radiogroup label, .checkgroup label {
  margin-left: 33.333%;
}
 
/*
--------------------
8. Interactive Elements
--------------------
*/
/*  details
    summary
    menuitem
    menu */
/*
--------------------
9. Attributes and Selections
--------------------
*/
::-moz-selection {
  background: #c8c9c7;
  text-shadow: none;
}
 
::selection {
  background: #c8c9c7;
  text-shadow: none;
}
 
:target {
  position: relative;
}
 
:target:before {
  font-family: "FontAwesome";
  content: "\f0a4";
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  left: -1.3em;
  opacity: 1;
  -webkit-animation: target-sign 4s ease-in-out 1 none;
  animation: target-sign 4s ease-in-out 1 none;
}
 
@-webkit-keyframes target-sign {
  0% {
    -webkit-transform: rotateX(0deg);
  }
 
  100% {
    -webkit-transform: rotateX(2160deg);
  }
}
 
@keyframes target-sign {
  0% {
    transform: rotateX(0deg);
  }
 
  100% {
    transform: rotateX(2160deg);
  }
}
 
/*
--------------------
10. Brand Colors
--------------------
*/
.red-color,
.mit-red-color,
.red-text,
.mit-red-text {
    color: #dd1122;
}
.red-background,
.mit-red-background {
    background: #dd1122;
}
.orange-color,
.orange-text {
    color: #ff6a13;
}
.orange-background {
    background: #ff6a13;
}
.yellow-color,
.yellow-text {
    color: #ffb500;
}
.yellow-background {
    background: #ffb500;
}
.green-color,
.green-text {
    color: #64a70b;
}
.green-background {
    background: #64a70b;
}
.light-blue-color,
.light-blue-text {
    color: #0095c8;
}
.light-blue-background {
    background: #0095c8;
}
.dark-blue-color,
.dark-blue-text {
    color: #003086;
}
.dark-blue-background {
    background: #003086;
}
.purple-color,
.purple-text {
    color: #772583;
}
.purple-background {
    background: #772583;
}
.pink-color,
.pink-text {
    color: #df0599;
}
.pink-background {
    background: #df0599;
}

/* supplementary colours */
.white-color,
.white-text {
    color: #ffffff;
}
.white-background {
    background: #ffffff;
}
.light-grey-color,
.light-grey-text {
    color: #c8c9c7;
}
.light-grey-background {
    background: #c8c9c7;
}
.grey-color,
.grey-text {
    color: #595959;
}
.grey-background {
    background: #595959;
}
.dark-grey-color,
.dark-grey-text {
    color: #333333;
}
.dark-grey-background {
    background: #333333;
}

.square {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 8px 0;
  padding: 8px;
  border: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}

hr.red,
hr.mit-red {
  border-color: #dd1122;
}

tr.red,td.red,th.red,
tr.mit-red,td.mit-red,th.mit-red,
.square.red,
.square.mit-red {
  background-color: #dd1122;
  color: #ffffff;
}

tr.orange,td.orange,th.orange,
.square.orange {
  background-color: #ff6a13;
  color: #ffffff;
}

tr.pink,td.pink,th.pink,
.square.pink {
  background-color: #df0599;
  color: #ffffff;
}

tr.purple,td.purple,th.purple,
.square.purple {
  background-color: #772583;
  color: #ffffff;
}

tr.yellow,td.yellow,th.yellow,
.square.yellow {
  background-color: #ffb500;
  color: #000000;
}

tr.green,td.green,th.green,
.square.green {
  background-color: #64a70b;
  color: #ffffff;
}
 
tr.light-blue,td.light-blue,th.light-blue,
.square.light-blue {
  background-color: #0095c8;
  color: #ffffff;
}
 
tr.dark-blue,td.dark-blue,th.dark-blue,
.square.dark-blue {
  background-color: #003086;
  color: #ffffff;
}

/* supplementary colours */
tr.light-grey,td.light-grey,th.light-grey,
.square.light-grey {
  background-color: #c8c9c7;
  color: #000000;
}
 
tr.grey,td.grey,th.grey,
.square.grey {
  background-color: #595959;
  color: #ffffff;
}
 
tr.dark-grey,td.dark-grey,th.dark-grey,
.square.dark-grey {
  background-color: #333333;
  color: #ffffff;
}


body {
  background-color: #ffffff;
}
 
header {
  position: relative;
  height: 500px;
}
 
#page-wrapper {
  max-width: 1600px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: 12.5%;
  overflow: hidden;
  background: url('/__data/assets/image/0006/274839/NZM066_02-Section-header-alumni.jpg') no-repeat 0 0;
  background-size: contain;
  -ms-behavior: url('/__data/assets/file/0004/264019/backgroundsize.min.htc');
}
 
.old_ie #page-wrapper {
  padding-left: 0;
  min-width: 1000px;
  background-position: 0 100px;
}
 
#main-wrapper {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
}
 
main {
  display: inline;
  float: left;
  width: 47.91667%;
  margin: 0 1.04167%;
  *width: 47.91662%;
  *margin: 0 1.04162%;
  margin-top: 5.15em;
  margin-bottom: 3em;
  margin-right: 0.39%;
  min-height: 400px;
}
 
.nav-secondary {
  display: inline;
  float: left;
  width: 22.91667%;
  margin: 0 2.08333% 0 0;
  *width: 22.91662%;
  *margin: 0 1.04162%;
  margin-top: 5.14286em;
  margin-bottom: 3em;
}
 
.complementary {
  display: inline;
  float: left;
  width: 22.91667%;
  margin: 0 0 0 2.08333%;
  *width: 22.91662%;
  *margin: 0 1.04162%;
  float: right;
  margin-top: 5.14286em;
  margin-bottom: 3em;
}
 
.intro {
  font-size: 1.21429em;
  line-height: 1.58824;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  margin: 0 0 1.71429em;
}
 
.code-view {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #f1f2f0;
  border: 1px solid #c8c9c7;
}
.code-view pre {
  margin: 0;
}
 
.html_attribute {
  color: #595959;
}
 
.html_attribute_values {
  color: #000000;
}
 
.html_tag_brackets {
  color: #003086;
}
 
.html_tag_names {
  color: #ff6a13;
}
 
.html_comment {
  color: #003086;
}
 
.pull-right {
  float: right;
  margin: 0.5em 0 2em 2em;
}
 
.pull-left {
  float: left;
  margin: 0.5em 2em 2em 0;
}
 
.quarter {
  width: 25%;
  height: auto;
}
 
.third {
  width: 33.333%;
  height: auto;
}
 
.half {
  width: 50%;
  height: auto;
}
 
.whole {
  width: 100%;
  height: auto;
  margin: 0 0 2em 0;
}

.center {
  text-align: center;
}

/* -- content block with image on the left/right --*/
.container-right-aligned-half:after,
.container-left-aligned-half:after,
.container-right-aligned-quarter:after,
.container-left-aligned-quarter:after,
.container-right-aligned-third:after,
.container-left-aligned-third:after {
    content: "";
    display: table;
    clear: both;
}
.container-right-aligned-half > div,
.container-left-aligned-half > div,
.container-right-aligned-quarter > div,
.container-left-aligned-quarter > div,
.container-right-aligned-third > div,
.container-left-aligned-third > div {
    box-sizing: border-box;
    vertical-align: top;
}
.container-right-aligned-half > div:nth-child(odd) > img,
.container-left-aligned-half > div:nth-child(odd) > img,
.container-right-aligned-quarter > div:nth-child(odd) > img,
.container-left-aligned-quarter > div:nth-child(odd) > img,
.container-right-aligned-third > div:nth-child(odd) > img,
.container-left-aligned-third > div:nth-child(odd) > img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: none;
}
.container-left-aligned-half>div:nth-child(odd){width:50%;float:left;clear:left;}
.container-left-aligned-half>div:nth-child(even){margin-left:50%;padding-left:20px;}
.container-right-aligned-half>div:nth-child(odd){width:50%;float:right;clear:right;}
.container-right-aligned-half>div:nth-child(even){margin-right:50%;padding-right:20px;}
.container-left-aligned-quarter>div:nth-child(odd){width:25%;float:left;clear:left;}
.container-left-aligned-quarter>div:nth-child(even){margin-left:25%;padding-left:20px;}
.container-right-aligned-quarter>div:nth-child(odd){width:25%;float:right;clear:right;}
.container-right-aligned-quarter>div:nth-child(even){margin-right:25%;padding-right:20px;}
.container-left-aligned-third>div:nth-child(odd){width:33%;float:left;clear:left;}
.container-left-aligned-third>div:nth-child(even){margin-left:33%;padding-left:20px;}
.container-right-aligned-third>div:nth-child(odd){width:33%;float:right;clear:right;}
.container-right-aligned-third>div:nth-child(even){margin-right:33%;padding-right:20px;}
@media (max-width: 480px) {
  .container-right-aligned-half > div,
  .container-left-aligned-half > div,
  .container-right-aligned-quarter > div,
  .container-left-aligned-quarter > div,
  .container-right-aligned-third > div,
  .container-left-aligned-third > div {
    width: 100% !important;
    margin: 0.5em 0 !important;
    padding: 0 !important;
    display: block;
    float: none;
  }
}
/* -- end of content block with image on the left/right --*/

.media-list {
  padding: 0;
  list-style-type: none;
}
.media-list li {
  margin-bottom: 2em;
  clear: left;
  overflow: hidden;
}
.media-list .item-thumbnail {
  width: 30%;
  float: left;
}
.media-list .item-thumbnail:hover, .media-list .item-thumbnail:focus {
  border: 0 solid transparent;
}
.media-list .item-thumbnail img {
  width: 100%;
  display: block;
}
.media-list .item-heading:hover h3, .media-list .item-heading:focus h3 {
  color: #ff0000;
}
.media-list .item-heading h3 {
  color: #003086;
  position: relative;
  top: -4px;
}

/* -- long media list variation -- */
.old_ie .long-media-list li {
  margin: 0 4% 3em 0;
  width: 46%;
}

.long-media-list {
    margin: 0 -2%;
    font-size: 0;
}
.long-media-list li {
  clear: none;
  float: none;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  height: auto;
  margin: 0 !important;
  padding: 2%;
  font-size: medium;
}
.long-media-list li {
  width: 50%;
}

.old_ie .long-media-list li {
  margin: 0 4% 3em 0;
  width: 46%;
}

.long-media-list .item-thumbnail {
  display: block;
  float: none;
  margin-bottom: 1em;
  width: 100%;
  max-height: 160px;
  overflow: hidden;
}
.long-media-list h3.item-heading,
.long-media-list .item-heading h3 {
  margin: 0 0 0.5em;
}
.long-media-list p {
  margin: 0 0 1em;
}


.pagination {
  font-size: 1.14286em;
  line-height: 1.625;
  margin: 0.875em 0;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  text-align: center;
}
.pagination > span {
    color: #999999;
}
.pagination a {
  /*color: #000000;*/
  padding: .3em 2%;
}
.pagination a:hover, .pagination a:focus {
  /*color: #000000;*/
  border-bottom: 0;
}
.pagination .current-page {
  background-color: #003086;
  color: #ffffff;
  padding: .3em 2%;
}
 
.doc-list {
  list-style: none;
  padding-left: 3em;
}
.doc-list > li.folder {
  margin-left: -3em;
}
.doc-list .doc-list {
  padding-left: 6em;
}
.doc-list > li {
  margin: 1.1em 0;
}
.doc-list a {
  position: relative;
}
.doc-list a:hover, .doc-list a:focus {
  border-bottom: 0;
}
.doc-list .link > span.link,
.doc-list .link > span.page {
  position: relative;
  color: #666666;
}
.doc-list .link > span.link:before,
.doc-list .link > span.page:before,
.doc-list a:before {
  position: absolute;
  left: -3.5em;
  width: 2.5em;
  text-align: center;
  display: block;
  padding: 0.6em 0;
  top: -0.5em;
  font-size: 0.85em;
  color: #ffffff;
}
.file-summary {
  margin-left: 0.5em;
  font-size: 0.85em;
  color: #666666;
}
.file-list .summary,
.doc-list .summary {
  font-size: 0.85em;
  color: #666666;
}
.file-list .file-summary:before,
.doc-list .file-summary:before {
  content: "(";
}
.file-list .file-summary:after,
.doc-list .file-summary:after {
  content: ")";
}
.doc-list .link > span.link:before,
.doc-list a.link:before {
  content: "link";
  background-color: #ff6a13;
}
.doc-list .link > span.page:before,
.doc-list a.page:before {
  content: "page";
  background-color: #ff6a13;
}
.doc-list a.file:before {
  content: "file";
  background-color: #595959;
}
.doc-list a.pdf:before,
.doc-list a[href$=".pdf"]:before {
  content: "pdf";
  background-color: #dd1122;
}
.doc-list a.doc:before,
.doc-list a[href$=".doc"]:before,
.doc-list a[href$=".docx"]:before {
  content: "doc";
  background-color: #595959;
}
.doc-list a.xls:before,
.doc-list a[href$=".xls"]:before,
.doc-list a[href$=".xlsx"]:before {
  content: "xls";
  background-color: #595959;
}
.doc-list a.ppt:before,
.doc-list a[href$=".ppt"]:before,
.doc-list a[href$=".pptx"]:before {
  content: "ppt";
  background-color: #595959;
}
.doc-list .description {
  color: #666666;
}
 
#id122807 {
  /* radiogroup */
  /* checkgroup */
  /* date-group */
  /* Error messages */
  /* notes */
  /* Login after save */
}
#id122807 main {
  width: 90%;
  margin: 5.14286em 1.04167% 5.14286em;
}
#id122807 fieldset {
  position: relative;
  width: 60%;
}
#id122807 fieldset.save-row {
  margin-top: 3em;
  width: 100%;
  position: relative;
}
#id122807 .corr_email {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #595959;
  float: right;
  margin: -1.3em -6em 0 0;
  padding: 0.5em 1em;
  position: absolute;
  bottom: 0;
  right: 10%;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
}
#id122807 .corr_email span {
  background: none repeat scroll 0 0 #595959;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-family: museo300regular;
  margin-left: 1em;
  padding: 0.5em 1em;
  line-height: normal;
}
#id122807 .corr_email span[for="q122817_q27"] {
  left: 50%;
  width: 130px;
  z-index: 10;
}
#id122807 .corr_email input[type="text"] {
  width: 50%;
  float: left;
}
#id122807 .corr_email label {
  margin-bottom: 1em;
}
#id122807 .corr_email span,
#id122807 .corr_email input[type="submit"] {
  font-size: 1em;
}
#id122807 fieldset.radiogroup,
#id122807 fieldset.checkgroup {
  width: 60%;
}
#id122807 .outlined {
  background: none repeat scroll 0 0 #E6E6E6;
  border: 1px solid #333333;
  padding: 1em 2em;
}
#id122807 .sq-form-page-list {
  font-family: AauxNext-Medium,serif;
  font-size: 1.14286em;
  font-weight: normal;
  line-height: 1.625;
  margin: 0 0 0.875em;
  text-align: center;
}
#id122807 .sq-form-page-list li {
  color: #595959;
  display: inline-block;
  line-height: 3em;
  width: 3em;
}
#id122807 .sq-form-page-list .sq-form-current-page-number {
  background-color: #595959;
  color: #FFFFFF;
}
#id122807 .sq-form-page-list .sq-form-unseen-page-number {
  color: #A7AB9D;
}
#id122807 .sq-form-page-list .sq-form-prior-page-number,
#id122807 .sq-form-page-list .sq-form-later-page-number {
  background-color: #CDE1E0;
}
#id122807 .sq-form-page-list .sq-form-prior-page-number a,
#id122807 .sq-form-page-list .sq-form-later-page-number a {
  border-bottom: 0 none;
  color: inherit;
  display: block;
  cursor: default;
  height: 3em;
  width: 3em;
}
#id122807 select {
  -webkit-appearance: none;
}
#id122807 .radiogroup ul li,
#id122807 .checkgroup ul li {
  list-style: none outside none;
}
#id122807 .radiogroup label,
#id122807 .radiogroup input,
#id122807 .checkgroup label,
#id122807 .checkgroup input {
  display: inline;
  margin: 0;
}
#id122807 form .checkgroup {
  width: 60%;
}
#id122807 .date-group label,
#id122807 .date-group select {
  float: left;
  width: 25%;
}
#id122807 .date-group select {
  clear: none;
  margin-right: 1%;
}
#id122807 .date-group label {
  display: none;
}
#id122807 .date-group label:first-child {
  display: block;
  width: 100%;
  float: none;
}
#id122807 input.error,
#id122807 select.error,
#id122807 textarea.error {
  background: none repeat scroll 0 0 #FCD4D4;
}
#id122807 form span.error {
  position: absolute;
  right: -70%;
}
#id122807 from .group-error {
  top: 40%;
}
#id122807 form span.error,
#id122807 form p.error {
  color: #CC0000;
  width: 60%;
  font-size: 0.9em;
  border: 1px solid #D6D6D6;
  padding: 0.25em 0.5em;
  background: none repeat scroll 0 0 #FCD4D4;
  border: 1px solid #D6D6D6;
  border-radius: 0.3em;
  box-shadow: 0 0 4px #D6D6D6;
}
#id122807 form p.error {
  width: 60%;
  float: right;
  padding: 0.5em 1em;
}
#id122807 label.error + span {
  background: #FCD4D4;
}
#id122807 .required:after {
  color: #CC0000;
  content: "*";
  font-size: 1.3em;
  margin: -3px 0;
  padding: 0 0 0 0.2em;
}
#id122807 input[type="file"] {
  margin-bottom: 0.8em;
}
#id122807 .download[disabled] {
  background: none repeat scroll 0 0 #D6D6D6;
}
#id122807 #q122834_q3 {
  width: 8em;
}
#id122807 #q122834_q3[disabled] {
  background: none repeat scroll 0 0 #D6D6D6;
}
#id122807 form .note {
  background: none repeat scroll 0 0 #FFE5C9;
  border: 1px solid #FF8605;
  box-shadow: 0 0 4px #D6D6D6;
  float: left;
  padding: 0.5em 1em;
  top: 5em;
}
#id122807 input[type='password'] {
  width: 40%;
}
#id122807 #form_email_122808_public_auth {
  float: left;
  margin: 0;
}
 
#id119712 .nav-secondary {
  display: none;
}
#id119712 main {
  margin-left: 26.0417%;
}
 
#search_page_119712, .container_search {
  position: relative;
  min-height: 200px;
}
 
#search-filters, .search-filters {
  background-color: #c8c9c7;
  position: absolute;
  top: 0;
  left: -55%;
  width: 48.5%;
}
#search-filters h3, .search-filters h3 {
  font-size: 1.28571em;
  line-height: 1.33333;
  margin: 0;
  padding: .2em 8.5%;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  color: white;
  background-color: #595959;
}
#search-filters .current-filter, .search-filters .current-filter {
  background-color: #f1f2f0;
}
#search-filters .current-filter a, .search-filters .current-filter a {
  float: left;
  position: relative;
  width: 2.4em;
  text-indent: -1000px;
  padding: 0 0 .65em;
}
#search-filters .current-filter a:hover, #search-filters .current-filter a:focus,
.search-filters .current-filter a:hover, .search-filters .current-filter a:focus  {
  border-bottom: 0;
}
#search-filters .current-filter a:before,
.search-filters .current-filter a:before {
  font-family: "FontAwesome";
  content: "\f104";
  left: 1012px;
  position: absolute;
  color: #000000;
  font-size: 1.5em;
}
#search-filters .current-filter a:hover:before, #search-filters .current-filter a:focus:before,
.search-filters .current-filter a:hover:before, .search-filters .current-filter a:focus:before {
  color: #003086;
}
#search-filters .current-filter .filter-name,
.search-filters .current-filter .filter-name  {
  font-size: 1.07143em;
  line-height: 1.6;
  font-family: AauxNext-Medium, serif;
  color: #000000;
  padding: .3em 0 .3em 1em;
  display: inline-block;
  border-left: 1px solid #595959;
}
#search-filters ul,
.search-filters ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#search-filters ul a,
.search-filters ul a {
  font-size: 0.92857em;
  line-height: 1.38462;
  display: block;
  padding: .5em 1em .5em 2em;
  border-top: 1px solid #595959;
  color: #333333;
}
#search-filters ul a:hover, #search-filters ul a:focus,
.search-filters ul a:hover, .search-filters ul a:focus {
  border-bottom: 0;
  color: #000000;
}
#search-filters ul a:after,
.search-filters ul a:after {
  font-family: "FontAwesome";
  content: "\f105";
  float: right;
}
 
.search-form {
  position: relative;
}
.search-form input[type='text'] {
  width: 100%;
  float: left;
  padding-right: 104px;
}
.search-form input[type='submit'],
.search-form button[type='submit'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 60px;
  margin-left: 0;
  padding: 0.28em 2.45%;
  width: 13%;
  min-width: 80px;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: none;
}
.search-form input[type='submit'],
.search-form button[type='submit'] {
    width: auto;
    padding: 0.4em 1.5em;
    font-size: 1em;
}

.result-count {
  clear: both;
}
 
.search-results {
  margin: 1em 0 1em;
  padding: 0;
  list-style: none;
}
.search-results li {
  border-bottom: 1px solid #595959;
  margin: 0 0 1.5em;
  padding: 0 0 1em;
}
.search-results h3 {
  line-height: 1.25;
}
.search-results a {
  /*color: #000000;*/
}
.search-results a:hover, .search-results a:focus {
  border-bottom: 0;
  color: #0095c8;
}
.search-results .doc-list-item a {
  position: relative;
  padding-left: 2em;
  display:block;
}
.search-results .doc-list-item a:before {
  color: #FFFFFF;
  display: block;
  font-size: 0.65em;
  left: 0;
  padding: 0.55em 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.5em;
}
.search-results .doc-list-item a[href*=".pdf"]:before {
  content: "pdf";
  background-color: #003086;
}
.search-results .doc-list-item a[href*=".doc"]:before,
.search-results .doc-list-item a[href*=".docx"]:before {
  content: "doc";
  background-color: #595959;
}
.search-results .doc-list-item a[href*=".xls"]:before,
.search-results .doc-list-item a[href*=".xlsx"]:before {
  content: "xls";
  background-color: #595959;
}
.search-results .doc-list-item a[href*=".ppt"]:before,
.search-results .doc-list-item a[href*=".pptx"]:before {
  content: "ppt";
  background-color: #595959;
}
.search-results .search_description {
  font-size: 0.92857em;
  line-height: 1.76923;
  margin-bottom: 1em;
}
.search-results .search_lineage, .search-results .file-summary {
  font-size: 0.85714em;
  line-height: 1.66667;
  /*color: #003086;*/
  margin: 1em 0 0 0;
}
 
.programme-group {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #DDD;
  margin-bottom: 1em;
}
 
.programme-group-title {
  width: 50%;
  float: left;
  padding-right: 6%;
  margin: 0;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
 
.programme-sub-group {
  width: 50%;
  float: left;
  list-style: none;
  padding: 0;
}
 
.programme-sub-group li {
  border-top: 1px solid #DDD;
}
 
.programme-sub-group .first {
  border: 0;
}
 
.programme-sub-group a {
  padding: 0.3em 0;
  display: block;
}
 
.programme-sub-group a:hover {
  border: 0;
  color: #0095c8;
}
 
.event-list {
  list-style: none;
  padding: 0;
}
 
.event-list li {
  margin-bottom: 1em;
  overflow: hidden;
  border-top: 1px solid #DDD;
  padding-top: 1em;
}
 
.event-list-date {
  float: left;
  width: 46px;
  text-align: center;
  height: 50px;
  clear: both;
  margin: 0 11px 0 0;
  border: 1px solid #D3D3D3;
}
 
.event-list-date-top {
  font-size: 0.8em;
  background: #595959;
  color: #FEFEFE;
  padding: 0.2em;
  display: block;
}
 
.event-list-name {
  line-height: 2.6em;
}
 
.event-list-date-day {
  display: block;
  height: 28px;
  font-size: 1.2em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e0e0e0));
  background-image: -o-linear-gradient(bottom, white 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(bottom, white 0%, #e0e0e0 100%);
  background-image: -webkit-linear-gradient(bottom, white 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(bottom, white 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
}
 
.event-read-more {
  display: block;
  text-align: right;
  font-size: 0.9em;
}
 
.event-read-more:hover {
  text-decoration: none;
  border: 0;
  color: #666;
}
 
.two-col main {
  display: inline;
  float: left;
  width: 70.83337%;
  margin: 5.14286em 3.125% 3em 1.04167%;
}
.two-col .complementary {
  display: none;
}
.two-col .media-list li {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04167%;
  *width: 31.24995%;
  *margin: 0 1.04162%;
  width: 30.43%;
  margin: 0 4.35233% 4em 0;
  clear: none;
  height: 24em;
}
.two-col .media-list li:nth-child(3n+3) {
  margin-right: 0;
}
.two-col .media-list .item-thumbnail {
  width: 100%;
  margin-bottom: 1em;
  display: block;
  float: none;
}
.two-col .media-list .item-heading h3 {
  margin: 0 0 0.7em;
  position: static;
}
.two-col .media-list p {
  margin: 0 0 1em;
}
 
.old_ie .two-col .media-list li {
  width: 30%;
  margin: 0 3.3% 4em 0;
}
 
.one-col main {
  display: inline;
  float: left;
  width: 93.75%;
  margin: 5.14286em 3.125% 3em;
  padding: 0;
}
.one-col .complementary, .one-col .nav-secondary {
  display: none;
}
 
.skip-links {
  position: absolute;
  left: -3000px;
  top: 0;
  z-index: 999;
  font-family: AauxNext-Medium, serif;
  font-size: 1.2857em;
}
.skip-links ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
 
.skip-links-link {
  width: 90px;
  height: 90px;
  position: absolute;
  background-color: #595959;
  color: #fff;
  text-indent: -1000px;
  border-right: 1px solid #595959;
}
.skip-links-link:hover, .skip-links-link:focus {
  background-color: #197873;
  border-bottom: 0 solid transparent;
}
 
.skip-links [href='#initial_keywords_query'], .skip-links [href='#section-navigation'] {
  display: block;
}
 
.skip-links [href='#initial_keywords_query']:before {
  font-family: "FontAwesome";
  content: "\f002";
  position: absolute;
  left: 1037px;
  top: 42px;
  color: #fff;
}
 
.skip-links [href='#initial_keywords_query'].expanded:before {
  content: "\f00d";
}
 
.skip-links [href='#initial_keywords_query']:after {
  content: "Search";
  position: absolute;
  left: 1018px;
  top: 16px;
  color: #fff;
}
 
.skip-links [href='#section-navigation']:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  position: absolute;
  left: 1036px;
  top: 42px;
  color: #fff;
}
 
.skip-links [href='#section-navigation'].expanded:before {
  content: "\f00d";
}
 
.skip-links [href='#section-navigation']:after {
  content: "Menu";
  position: absolute;
  left: 1020px;
  top: 16px;
  color: #fff;
}
 
.utility form {
  float: right;
  font-size: 0.92857em;
  line-height: 1.84615;
  margin: 0;
  background-color: white;
  position: relative;
}
.utility input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.461538em 3em 0.53846em 0.4em;
  height: 30px;
  border: 0 solid transparent;
  background-color: #565656;
  display: inline-block;
  line-height: 1.3em;
  width: 24em;
  margin: 0 0 0 0;
  float: left;
}
.utility input:focus {
  background-color: white;
}
.utility button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  border: 0 solid transparent;
  background-color: #595959;
  height: 30px;
  color: black;
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -1000px;
  text-align: left;
  padding: 0.22em 0.5em;
  width: 1.8em;
  overflow: hidden;
  box-shadow: none;
}
.utility button:focus {
  background-color: white;
}
.utility button:before {
  font-family: "FontAwesome";
  content: "\f002";
  position: absolute;
  left: 1008px;
}
 
.old_ie .utility input {
  min-height: 17px;
}
 
.utility > ul {
  margin: 0;
  padding: 0;
  float: right;
  overflow: hidden;
}
.utility > ul li {
  display: block;
  float: left;
}
.utility > ul a {
  display: block;
  font-weight: normal;
  font-family: AauxNext-Medium, Verdana, serif;
  border-right: 1px solid #595959;
  font-size: 0.813em;
  line-height: 2.30769;
  padding: 0 1em 0;
  height: 30px;
  color: white;
  background-color: black;
}
.utility > ul a:hover, .utility > ul a:focus {
  background-color: #333333;
  border-bottom: 0;
}
 
.phone-details {
  float: right;
  display: inline-block;
  font-weight: normal;
  font-family: AauxNext-Medium, Verdana, serif;
  border-right: 1px solid #595959;
  font-size: 0.813em;
  line-height: 2.30769;
  padding: 0 1em;
  height: 30px;
  color: white;
  background-color: black;
}
.phone-details a {
  color: white;
}
.phone-details a:hover, .phone-details a:focus {
  border-bottom: 1px dotted white;
}
 
.utility .ui-helper-hidden-accessible {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.utility .ui-autocomplete {
  background-color: #f1f2f0;
  display: block;
  list-style: none outside none;
  margin: 0;
  /*padding: 0;*/
  right: 0;
  position: absolute;
  top: 0;
  z-index: 100;
  /*width: 27em;*/
  max-height: 27.86em;
  overflow: auto;
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
}
.utility .ui-state-focus {
  background-color: #FFF;
}
/*
.utility .ui-autocomplete-category {
  font-size: 1.14286em;
  line-height: 1.625;
  font-size: 1.231em;
  font-family: AauxNext-Medium, serif;
  color: #000000;
  padding: 1em 1.2em 0.2em;
  background-color: #c8c9c7;
  border-top: 1px solid #595959;
}
*/
.utility .ui-menu .ui-menu-item a {
  display: block;
  font-size: 0.92857em;
  line-height: 1.38462;
  font-size: 1em;
  min-height: 0;
  /*padding: 0.5em 1.5em;*/
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.utility .ui-menu .ui-menu-item a strong {
  /*color: #0095c8;
  font-weight: normal;*/
}
.utility .ui-menu .ui-menu-item a:hover, .utility .ui-menu .ui-menu-item a:focus {
  border-bottom: 0;
  /*background-color: #FFF;*/
}
 
#search-form .featured-result {
  /*background-color: #c8c9c7;*/
  overflow: auto;
  white-space: normal;
  text-overflow: inherit;
}
#search-form .featured-result:hover, #search-form .featured-result:focus {
  /*background-color: #FFF;*/
}

.fa-angle-left > a:after {
    font-family: FontAwesome;
    content: "\f104";
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1;
}
.fa-angle-right > a:after {
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1;
}
.fa-angle-up > a:after {
    font-family: FontAwesome;
    content: "\f106";
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1;
}
.fa-angle-down > a:after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.fa-angle-down > a.expanded:after {
    /*content: "\f106";*/
    transform: rotate(180deg);
}
 
#main-navigation {
  clear: both;
  height: 90px;
  /*background: rgb(221, 17, 42);
  background: rgba(221, 17, 42, .9);*/
  background: rgb(0, 48, 134);
  background: rgba(0, 48, 134, .9);
  position: relative;
  z-index: 99;
}
 
.header-logo {
  display: block;
  background: url('/__data/assets/image/0008/317924/NZMS-colour-and-white-logo.png') no-repeat 14px 10px;
  height: 90px;
  width: 230px;
  float: left;
}
 
.header-logo:hover, .header-logo:focus {
  border-bottom: 0 solid transparent;
}
 
.global-nav-list {
  margin: 0 0 0 230px;
  padding: 0;
  height: 100%;
  display: flex;
}
.global-nav-list > .nav-item {
  flex: auto;
}
.global-nav-list .node-about-us {
  width: 14%;
}
.global-nav-list > li:nth-child(1) {
  width: 14%;
}
.global-nav-list .node-study-options {
  width: 19%;
}
.global-nav-list > li:nth-child(2) {
  width: 19%;
}
.global-nav-list .node-student-services {
  width: 23%;
}
.global-nav-list > li:nth-child(3) {
  width: 23%;
}
.global-nav-list .node-bespoke-training {
  width: 20%;
}
.global-nav-list > li:nth-child(4) {
  width: 20%;
}
.global-nav-list .node-alumni {
  width: 10%;
}
.global-nav-list > li:nth-child(5) {
  width: 10%;
}
.global-nav-list .node-contact-us {
  width: 14%;
}
.global-nav-list > li:nth-child(6) {
  width: 14%;
}
 
.nav-item {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
 
.nav-item > a {
  color: white;
  font-weight: normal;
  font-family: AauxNext-Bold, Verdana, AauxNext-Medium, serif;
  font-size: 1.125em;
  line-height: 1.11111;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 1.8em 8px 0;
  text-align: center;
}
 
.old_ie .nav-item > a {
  font-size: 1.2em;
  padding-top: 2em;
}
/*
.about-us .node-about > a, .study-options .node-study-options > a, .life-on-campus .node-life-on-campus > a, .current-students .node-current-students > a, .international-students .node-international-students > a, .contact .node-contact > a {
  color: #73a3f9;
}
*/
.nav-item.menu-hierarchy,
.nav-item.menu-current,
.nav-item:hover > a, .nav-item > .expanded {
  border-bottom: 0 solid transparent;
  /*background: rgb(238, 4, 35);
  background:rgba(238, 4, 35, .8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}
 
.nav-item.current > a, .nav-item.hier > a {
  color: #b2e2f6;
}
 
.nav-sub {
  display: none;
  position: absolute;
  background-color: #333333;
  color: white;
  left: 0;
  top: 90px;
  width: 100%;
  /*min-height: 380px;*/
}
 
.no-js .nav-item:hover .nav-sub, .nav-item > .expanded + .nav-sub {
  display: table;
  table-layout: fixed;
}
 
.nav-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*display: table-cell;*/
  /*width: 33%;*/
  vertical-align: top;
}
.nav-column .column-height {
  /*min-height: 304px;*/
  margin: 2% 2% 3%;
}
.nav-column h3 {
  font-size: 1.57143em;
  line-height: 1.22727;
  color: #d3d5ce;
  margin: 0;
}
.nav-column ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 0;
}
.nav-column ul li {
  width: 33%;
  display: inline-block;
  margin: 0;
  font-size: medium;
}
.nav-column a, .nav-column span {
  font-size: 0.92857em;
  line-height: 1.53846;
  color: white;
  padding: 12px;
  display: block;
}
.nav-column ul li a, .nav-column ul li span {
    font-size: 1em;
}
/*.nav-column li.menu-current > a,*/
.nav-column a:hover {
  border-bottom: 0 solid transparent;
  background-color: #333333;
}
.nav-column h3 > a {
  color: #d3d5ce;
  padding: 12px;
  display: inline-block;
}
/*.nav-column h3.menu-current > a,*/
.nav-column h3 > a:hover {
  color: #ffffff;
  background: none;
}
.nav-column-supplement {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 33%;
  vertical-align: top;
  background-color: #f1f2f0;
  padding: 0;
}
.nav-column-supplement ul {
  padding: 0 1em;
  margin: 0 0 2em;
  list-style-type: none;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  font-size: 1.14286em;
  line-height: 1.5;
}
.nav-column-supplement ul a {
  display: block;
  color: #000000;
  border-bottom: 1px dotted #d3d5ce;
  padding: 0.5em 1em 0.5em 2.4em;
  background: url('/__data/assets/image/0006/263769/megamenu-icons.png') no-repeat -11px -111px;
}
.nav-column-supplement ul a:hover, .nav-column-supplement ul a:focus {
  background-color: #FFF;
}
.nav-column-supplement ul .facebook-link {
  background: url('/__data/assets/image/0006/263769/megamenu-icons.png') no-repeat -11px -17px;
}
.nav-column-supplement ul .youtube-link {
  background: url('/__data/assets/image/0006/263769/megamenu-icons.png') no-repeat -11px -63px;
}
.nav-column-supplement img {
  width: 100%;
}
 
.tagline {
  position: absolute;
  left: 0;
  top: 30%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  padding: .5em;
  font-family: AauxNext-Bold, serif;
  font-size: 3em;
  line-height: 1;
  letter-spacing: 0.01em;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}
.tagline p {
  margin: 0;
}
.tagline em {
  font-size: 1.25em;
  font-style: normal;
}
 
.old_ie .tagline {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  zoom: 1;
}
 
.breadcrumbs {
  position: absolute;
  bottom: 1px;
  left: 0;
  background-color: #FFF;
  padding: .4em 2.3636em;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  font-size: 0.78571em;
  line-height: 2.18182;
}
.breadcrumbs ol {
  margin: 0;
  padding: 0;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li:before {
  font-family: "FontAwesome", sans-serif;
  content: "\f105";
  display: inline;
  padding: 0 1em;
}
.breadcrumbs li:first-child:before {
  content: "";
  display: none;
  padding: 0;
}
.breadcrumbs a {
  color: black;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  border-bottom: 1px dotted black;
}

 
.nav-secondary ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
 
.nav-secondary li {
  display: none;
}
 
.nav-secondary .hier {
  display: list-item;
}
 
.nav-secondary .current {
  display: list-item;
}
.nav-secondary .current li {
  display: list-item;
}
 
.nav-secondary a {
  font-size: 0.92857em;
  line-height: 1.61538;
  display: block;
  padding: 0.5em 0.76923em 0.5em 1.53846em;
  color: #000;
}
 
.nav-secondary a:hover, .nav-secondary a:focus {
  background-color: #c8c9c7;
  color: #000;
  border: 0;
}
 
.nav-secondary .second-lvl {
  border-bottom: 1px solid #595959;
}
 
.nav-secondary .first-lvl > a {
  font-size: 1.42857em;
  line-height: 1.05;
  padding: 0.325em 0.5em 0.65em 1em;
  background-color: #FFF;
  border-bottom: 1px solid #595959;
}
.nav-secondary .first-lvl > a:hover, .nav-secondary .first-lvl > a:focus {
  background-color: #c8c9c7;
  color: #000;
}
 
.nav-secondary .second-lvl > a {
  font-size: 1em;
  line-height: 1.5;
  padding: 0.696em 0.71428em 0.696em 1.42857em;
  background-color: #FFF;
  color: #000000;
}
.nav-secondary .second-lvl > a:hover, .nav-secondary .second-lvl > a:focus {
  background-color: #c8c9c7;
  color: #000;
}
 
.nav-secondary .third-lvl > a {
  padding-left: 3.0769em;
}
 
.nav-secondary .fourth-lvl > a {
  padding-left: 4.615em;
}
 
.nav-secondary .fifth-lvl > a {
  padding-left: 6.1538em;
}
 
.nav-secondary .sixth-lvl > a {
  padding-left: 7.69em;
}
 
.nav-secondary .current > a {
  color: #0095c8;
}
 
/*.media-btns {
  height: pxToEm(4*$base-line-height-pixel);
  button {
    text-transform: uppercase;
    background-color: $dark-grey;
    color: $white;
    margin: 0;
    border: 0 solid transparent;
    border-right: 1px solid $white;
    display: block;
    padding: .5em 1em;
    font-size: 13px;
    font-family: Museo300Regular, serif;
    float: left;
    &:hover, &:focus {
      background-color: $black;
    }
  }
} */
.widget {
  background-color: #c8c9c7;
  margin-bottom: .1em;
  position: relative;
}
 
.widget h3 {
  font-size: 1.28571em;
  line-height: 1.33333;
  margin: 0;
  padding: .2em 8.5%;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  color: white;
  background-color: #595959;
}
 
.widget ul {
  margin: 0;
  padding: 0 8.5% 8.5%;
  list-style-type: none;
}
.widget ul a {
  font-size: 0.92857em;
  line-height: 1.38462;
  display: block;
  margin-bottom: .5em;
  color: #333333;
}
.widget ul a:hover, .widget ul a:focus {
  border-bottom: 0;
  color: #000000;
}
 
.widget img {
  display: block;
  width: 100%;
}
 
.widget form {
  padding: 8.5%;
  margin: 0;
  font-size: 0.92857em;
  line-height: 1.38462;
  overflow: hidden;
  -webkit-transition: padding 0.2s linear 0s;
  transition: padding 0.2s linear 0s;
}
 
.widget select, .widget input[type='text'], .widget input[type='email'] {
  background-color: white;
}
 
.widget input[type='text'], .widget input[type='email'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
 
.widget input[type='text']:focus, .widget input[type='email']:focus {
  background-color: white;
}
 
.widget button {
  font-size: 0.92857em;
  line-height: 1.38462;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  text-transform: uppercase;
  padding: .44em 1em;
  background-color: #595959;
}
.widget button:hover, .widget button:focus {
  background-color: #333333;
}
 
.programme-finder-widget {
  float: right;
  border-bottom: .1em solid #FFF;
  z-index: 1;
  width: 100%;
  -webkit-transition: width 0.2s linear 0s;
  transition: width 0.2s linear 0s;
}
.programme-finder-widget fieldset {
  width: 100%;
  position: relative;
}
.programme-finder-widget input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  width: 83%;
  float: left;
}
.programme-finder-widget button {
  font-size: 0.92857em;
  line-height: 1.38462;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  text-transform: uppercase;
  padding: .44em 1em;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: margin 0.2s linear 0s;
  transition: margin 0.2s linear 0s;
}
.programme-finder-widget .ui-helper-hidden-accessible {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.programme-finder-widget .ui-autocomplete {
  display: block;
  background-color: #FFF;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 100;
  width: 74%;
  max-height: 16.42857em;
  overflow: auto;
  border: 1px solid #595959;
}
.programme-finder-widget .ui-state-focus {
  background-color: #FFF;
}
.programme-finder-widget .ui-menu .ui-menu-item a {
  display: block;
  font-size: 0.92857em;
  line-height: 1.38462;
  font-size: 1em;
  min-height: 0;
  padding: 0.2em 0.5em;
  margin: 0;
  text-decoration: none;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.programme-finder-widget .ui-menu .ui-menu-item a strong {
  color: #0095c8;
  font-weight: normal;
}
.programme-finder-widget .ui-menu .ui-menu-item a:hover, .programme-finder-widget .ui-menu .ui-menu-item a:focus {
  border-bottom: 0;
  background-color: #3399ff;
  color: #FFF;
}
 
#programme-finder-conjunction {
  text-align: center;
}
 
.programme-finder-focused {
  width: 30em;
  -webkit-transition: width 0.2s linear 0s;
  transition: width 0.2s linear 0s;
}
.programme-finder-focused form {
  padding: 5.3%;
  -webkit-transition: padding 0.2s linear 0s;
  transition: padding 0.2s linear 0s;
}
 
.application-widget {
  position: relative;
}

/*
.application-widget a {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 8.5% 8.5%;
  color: #FFF;
  background-color: #003086;
  display: block;
  text-align: center;
  width: 83%;
  padding: .4em 0;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
}
.application-widget a:hover, .application-widget a:focus {
  border-bottom: 0;
  background-color: #003086;
}
.application-widget a span {
  font-size: .6666em;
}
*/

/*
.brochure-widget {
  .brochure-summary {
    position: relative;
    margin: 0 0 1em 3.3em;
    .file-summary:before {
      content: "(";
    }
    .file-summary:after {
      content: ")";
    }
    .file-summary {
    margin-left: 0.5em;
    }
  }
  .brochure-summary:before {
    background-color: #D6081B;
    content: "pdf";
    color: #FFFFFF;
    display: block;
    font-size: 0.85em;
    left: -3.8em;
    padding: 0.55em 0;
    position: absolute;
    text-align: center;
    top: 0.4em;
    width: 2.5em;
  }
}
*/

.brochure-widget .brochure-info {
  padding: 5% 8.5% 1%;
  overflow: hidden;
  font-size: 0.8em;
}
.brochure-widget .brochure-info img {
  float: right;
  width: 40%;
  margin: 0 0 3px 3px;
}
.brochure-widget form {
  padding-top: 0;
  clear: both;
}
.brochure-widget label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.job-search-widget input[type='submit'],
.programme-finder-widget input[type='submit'],
.brochure-widget input[type='submit'] {
  width: 100%;
  margin-top: 1.5em;
  font-size: 1em;
  letter-spacing: 0.05em;
  background-color: #595959;
}
/*
.ie .brochure-widget label {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
*/
[role=contentinfo] {
  background-color: #595959;
  color: #FFF;
}
[role=contentinfo] a {
  color: white;
}
[role=contentinfo] a:hover, [role=contentinfo] a:focus {
  border-bottom: 1px dotted #ffffff;
}
[role=contentinfo] h3 {
  font-size: 1.42857em;
  line-height: 1.2;
  font-weight: normal;
  font-family: AauxNext-Medium, serif;
  color: white;
  margin-top: 0.75em;
}
[role=contentinfo] ul {
  font-size: 0.92857em;
  line-height: 1.30769;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
 
.footer-table {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}
 
.footer-main {
  display: table-row;
}
 
.footer-col {
  display: table-cell;
  vertical-align: top;
  width: 22%;
  padding: 2.6%;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer-col li {
  margin-bottom: .5em;
}
 
.footer-auxiliary {
  font-size: 0.92857em;
  line-height: 1.30769;
  /*width: 66%;*/
  padding: 1.34615em 2.6%;
  border-top: 1px solid #fff;
  /*border-right: 1px solid #fff;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer-auxiliary li {
  display: inline-block;
}
.footer-auxiliary li:before {
  content: "|";
  display: inline-block;
  padding: 0 1em;
}
.footer-auxiliary li:first-child:before {
  content: "";
  display: none;
  padding: 0;
}
 
.footer-complementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
  /*width: 34%;*/
  border-top: 1px solid #ffffff;
}
.footer-complementary h3 {
  /*margin: 0 0 0 7.5%;*/
  margin: 1.5em 2.6% 1em;
}
.footer-complementary dt {
  /*
  display: inline;
  float: left;
  width: 40%;
  */
  display: inline-block;
  vertical-align: top;
  min-width: 150px;
}
.footer-complementary dd {
  margin: 0;
  /*
  display: inline;
  float: left;
  width: 60%;
  */
  display: inline-block;
  vertical-align: top;
}
.footer-complementary dd ul li {
  display: inline-block;
  /*margin-right: 1em;*/
}
.footer-complementary dd ul li:first-child {
  min-width: 100px;
}
.footer-complementary dd ul li:before {
  content: "|";
  display: inline-block;
  padding: 0 1em;
}
.footer-complementary dd ul li:first-child:before {
  content: "";
  display: none;
  padding: 0;
}

.footer-complementary .contact-box {
  font-size: 0.92857em;
  line-height: 1.30769;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 1.34615em 7.5%;*/
  padding: 0 2.6%;
  /*border-bottom: 1px solid #fff;*/
  overflow: hidden;
}
.footer-complementary .channels {
  margin: 0 5% 1em 0;
  overflow: hidden;
  float: right;
}
.footer-complementary .channels a {
  color: #595959;
  background-color: white;
  font-size: 2.14286em;
  line-height: 1;
  height: 1.4em;
  width: 1.4em;
  float: right;
  margin: 1px 1px 0 0;
  text-indent: -9999px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.footer-complementary .channels a:hover, .footer-complementary .channels a:focus {
  color: white;
  background-color: #595959;
  border: 0;
}
.footer-complementary .youtube-link:before {
  font-family: "FontAwesome";
  content: "\f167";
  display: block;
  position: absolute;
  left: 10007px;
  top: 7px;
}
.footer-complementary .facebook-link:before {
  font-family: "FontAwesome";
  content: "\f09a";
  display: block;
  position: absolute;
  left: 10014px;
  top: 7px;
}
 
#id263746 {
  min-width: 320px;
  background-color: white;
  overflow-x: hidden;
}
#id263746 header {
  z-index: 300;
  height: auto;
  /*margin-bottom: 613px;*/
}
#id263746 #page-wrapper {
  position: relative;
  background: none;
}
#id263746 .nav-secondary {
  position: absolute;
  left: 0;
}
#id263746 main {
  margin: 0;
  width: 100%;
  padding: 0;
}
#id263746 #hero-banner {
  *zoom: 1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 735px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #58595B;
}
#id263746 #hero-banner:after, #id263746 #hero-banner:before {
  display: table;
  line-height: 0;
  content: "";
}
#id263746 #hero-banner:after {
  clear: both;
}
#id263746 #hero-banner > #intro {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#id263746 #hero-banner > #intro > .side {
  display: block;
  position: absolute;
  top: 0;
  z-index: 100;
  width: 50%;
  height: 735px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: width 0.7s ease-in-out, transform 0.8s;
  transition: width 0.7s ease-in-out, transform 0.8s;
  overflow: hidden;
}

#id263746 #hero-banner > #intro > .side.side-right {
  right: 0;
}

#id263746 #hero-banner > #intro > .side.side-right > a:hover {
}

/** parallogram button on hero images **/

#id263746 #hero-banner > #intro > .side > a {
  display: block;
  position: absolute;
  top: 545px;
  left: 25%;
  right: 25%;
  text-decoration:none;
  padding:4px 10px;
  transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  color:#fff;
  /*background: rgb(221, 17, 42);
  background: rgba(221, 17, 42, .9);*/
  background: rgb(0, 48, 134);
  background: rgba(0, 48, 134, .9);
}

#id263746 #hero-banner > #intro > .side > a > span {
  display: block;
  position: relative;
  top: 0%;
  left: 0px;
  text-align: center;
  font-family: AauxNext-Medium, AauxNext-Medium,serif;
  font-weight: bold;
  font-size: 2.25em;
  line-height: 2.25em;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
}
/*** end **/

#id263746 #hero-banner > #intro > .side > a:before {
  display: block;
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  -webkit-transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, padding-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, padding-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
  transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, padding-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
}

#id263746 #hero-banner > #intro > .side > a:hover {
  /*background: rgb(238, 4, 35);
  background: rgba(238, 4, 35, 0.8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}

#id263746 #hero-banner > #intro > .side > a > span {
font-style: normal;
}

#id263746 #hero-banner > .page {
  position: absolute;
  top: 0;
  height: 735px;
  width: 60%;
  background-color: #595959;
  overflow: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-opacity 0.3s ease-in-out, -webkit-transform 0.8s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.8s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.8s ease-in-out;
}
#id263746 #hero-banner > .page.page-left {
  left: 0;
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#id263746 #hero-banner > .page.page-left > .page-inner {
  padding: 12.0em 3% 2.0em 21%;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul {
  position: relative;
  float: left;
  width: 100%;
  height: 400px;
  padding: 0;
  margin: 0;
  background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left top;
  list-style: none;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left center;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul > li {
  float: left;
  width: 33%;
  height: 200px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul > li.border {
  background: url('/__data/assets/image/0019/303841/border-line-large-vert.png') no-repeat left top;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.0em 0.5em;
  background: url('/__data/assets/image/0019/303832/arrow-medium-white-right.png') no-repeat right bottom;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  font-family: AauxNext-Bold;
  font-size: 1.9em;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:hover, #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:focus {
  background: url('/__data/assets/image/0017/303830/arrow-medium-grey-right.png') no-repeat right bottom;
  border-bottom: none;
  outline: none;
  color: #c8c9c7;
}
#id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a > span {
  display: block;
  font-size: 1.3em;
  line-height: 0.8em;
}
#id263746 #hero-banner > .page.page-left > .page-inner > a.apply-button {
  position: relative;
  float: right;
  width: 35%;
  height: 90px;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  font-family: AauxNext-Bold;
  font-size: 2.5em;
  text-align: center;
}
#id263746 #hero-banner > .page.page-left > .page-inner > a.apply-button:hover, #id263746 #hero-banner > .page.page-left > .page-inner > a.apply-button:focus {
  background-size: cover;
  color: white;
  border-bottom: none;
  outline: none;
}
#id263746 #hero-banner > .page.page-left > .page-inner > a.apply-button > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: 0.4em;
  padding-right: 2.0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#id263746 #hero-banner > .page.page-right {
  right: 0;
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
#id263746 #hero-banner > .page.page-right > .page-inner {
  padding: 12.0em 5% 2.0em 10%;
}
#id263746 #hero-banner > .page.page-right > .page-inner > h2 {
  background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left bottom;
}
#id263746 #hero-banner > .page.page-right > .page-inner > p {
  color: white;
  font-family: AauxNext-Medium;
}
#id263746 #hero-banner > .page.page-right > .page-inner > p.left {
  clear: left;
  float: left;
  width: 60%;
  padding-left: 0;
  margin-right: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #hero-banner > .page.page-right > .page-inner > p.right {
  clear: right;
  float: right;
  width: 35%;
  margin-top: 2.0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #hero-banner > .page.page-right > .page-inner > ul {
  clear: left;
  float: left;
  width: 60%;
  padding-left: 1.5em;
  margin-right: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}
#id263746 #hero-banner > .page.page-right > .page-inner > ul > li {
  padding-left: 1.0em;
  color: white;
  font-family: AauxNext-Medium;
  list-style-image: url('/__data/assets/image/0020/303842/bullets.png');
}
#id263746 #hero-banner > .page.page-right > .page-inner > a {
  position: relative;
  float: right;
  width: 29%;
  height: 60px;
  text-align: center;
  display: block;
  text-decoration: none;
  transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  color: #fff;
  /*background: rgb(221, 17, 42);*/
  background: rgb(0, 48, 134);
}
#id263746 #hero-banner > .page.page-right > .page-inner > a:hover {
    background: rgb(0, 0, 0);
    border: 0;
}

#id263746 #hero-banner > .page.page-right > .page-inner > a:focus {
  background-size: cover;
  color: white;
  border-bottom: none;
  outline: none;
}
#id263746 #hero-banner > .page.page-right > .page-inner > a > span {
  z-index: 10;
  width: 100%;
  display: inline-block;
  top: 0%;
  left: 0px;
  text-align: center;
  font-family: AauxNext-Medium, AauxNext-Medium,serif;
  font-weight: bold;
  font-size: 2.25em;
  color: #ffffff;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
}
#id263746 #hero-banner > .page > .page-inner {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #hero-banner > .page > .page-inner > h2 {
  margin-top: 0;
  color: white;
  font-family: AauxNext-Bold;
  font-size: 3.125em;
  line-height: 2.0em;
}
#id263746 #hero-banner.open-right > #intro > .side.side-left {
  -ms-transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
}
#id263746 #hero-banner.open-right > #intro > .side.side-right {
  z-index: 200;
  -ms-transform: translateX(-120%);
  -webkit-transform: translateX(-120%);
  transform: translateX(-120%);
}
#id263746 #hero-banner.open-right > #intro > .side.side-right > a {
  display: block;
  position: absolute;
  top: 555px;
  left: 37.5%;
  right: -28px;
  height: 85px;
  padding-right: 1.5em;
  color: white;
  background-color: #595959;
}

#id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
  content: "Close";
  font-family: AauxNext-Medium;
  font-size: 16px;
  padding: 2.4em 5em 0 0;
  background-color: #58595B;
  text-align: right; 
  background: url('/__data/assets/image/0019/303832/arrow-medium-white-right.png') no-repeat 95% center;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
}

#id263746 #hero-banner.open-right > #intro > .side.side-right > a:hover {
  color: #c8c9c7;
}

#id263746 #hero-banner.open-right > #intro > .side.side-right > a:hover:before {
   background: url('/__data/assets/image/0017/303830/arrow-medium-grey-right.png') no-repeat 95% center;
   color: #c8c9c7;
}

#id263746 #hero-banner.open-right > .page.page-right {
  opacity: 1;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
#id263746 #hero-banner.close-right > #intro > .side.side-right {
  z-index: 200;
}
#id263746 #hero-banner.open-left > #intro > .side.side-left {
  z-index: 200;
  -ms-transform: translateX(120%);
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
}

#id263746 #hero-banner.open-left > #intro > .side.side-left > a {
  display: block;
  position: absolute;
  top: 555px;
  left: -28px;
  right: 41.5%;
  height: 85px;
  text-decoration:none;
  padding-left: 1.5em;
  color:#fff;
  background-color: #595959;
}

#id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
  content: "Close";
  font-family: AauxNext-Medium;
  font-size: 16px;
  padding: 2.4em 0 0 5em;
  text-align: left;
  background: url('/__data/assets/image/0018/303831/arrow-medium-white-left.png') no-repeat 24px center;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
}

#id263746 #hero-banner.open-left > #intro > .side.side-left > a:hover:before {
   background: url('/__data/assets/image/0007/303829/arrow-medium-grey-left.png') no-repeat 24px center;
   color: #c8c9c7;
}

#id263746 #hero-banner.open-left > #intro > .side.side-left > a:hover {
  color: #c8c9c7;
}

#id263746 #hero-banner.open-left > #intro > .side.side-right {
  -ms-transform: translateX(20%);
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
}
#id263746 #hero-banner.open-left > .page.page-left {
  opacity: 1;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
#id263746 #hero-banner.close-left > #intro > .side.side-left {
  z-index: 200;
}
#id263746 #hero-banner.close-left > .page.page-right {
  position: absolute;
  overflow: hidden;
  height: 735px;
}
#id263746 #latest-news {
  position: relative;
  float: left;
  width: 40%;
  height: 500px;
  padding: 8.0em 5.0em 0 5.0em;
  margin: 0;
  background-color: #c8c9c7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #latest-news > h1 {
  color: black;
  font-size: 2.0em;
}
#id263746 #latest-news > h1 > a {
  color: black;
}
#id263746 #latest-news #latest-news-wrap {
  position: relative;
  float: left;
  width: 100%;
  /*height: 300px;*/
  height: 80%;
  overflow: hidden;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll {
  position: absolute;
  top: 0;
  left: 0;
  *zoom: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll:after, #id263746 #latest-news #latest-news-wrap #latest-news-scroll:before {
  display: table;
  line-height: 0;
  content: "";
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll:after {
  clear: both;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > h2 {
  margin-top: 0;
  color: black;
  font-size: 1.4em;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > h2 > a {
  color: black;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > p {
  font-size: 0.9em;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > a > img {
  width: 100%;
  max-width: 100%;
  border: 5px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > a:hover {
  border: none;
}
#id263746 #latest-news > .all {
  color: black;
  font-family: AauxNext-Medium,serif;
  font-size: 1.2em;
  text-align: right;
}
#id263746 #latest-news > .all > a {
  color: black;
}
#id263746 #latest-news > .nav {
  display: none;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background-color: white;
  text-indent: -9999px;
}
#id263746 #latest-news > .nav:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: black;
  font-family: FontAwesome;
  font-size: 2.0em;
  text-indent: 0;
  text-align: center;
  line-height: 1.15em;
}
#id263746 #latest-news > .nav.prev {
  left: 0;
}
#id263746 #latest-news > .nav.prev:before {
  content: "\f104";
}
#id263746 #latest-news > .nav.next {
  right: 0;
}
#id263746 #latest-news > .nav.next:before {
  content: "\f105";
}
#id263746 #latest-news > .nav:hover {
  border: none;
  outline: none;
}
#id263746 #latest-news > .nav:hover:before {
  background-color: #B33C40;
  color: white;
}
#id263746 #latest-news > .nav:focus {
  border: none;
  outline: none;
}
#id263746 #programme-finder {
  float: left;
  width: 33%;
  height: 500px;
  padding: 3.0em 5.0em 0 5.0em;
  margin: 0;
  background-color: #003086;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #programme-finder > h1 {
  color: white;
  font-size: 2.0em;
}
#id263746 #programme-finder > h1 > a {
  color: white;
}
#id263746 #programme-finder > form {
  display: block;
  width: 100%;
  margin: 2em 0 1em;
  position: relative;
}
#id263746 #programme-finder > form > fieldset {
  display: block;
  width: 100%;
}
#id263746 #programme-finder > form > fieldset > select {
  width: 100%;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #programme-finder > form > fieldset > input {
  width: 100%;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #programme-finder > form > fieldset #programme-query {
  margin-bottom: 0;
}
#id263746 #programme-finder > form > fieldset #programme-finder-conjunction {
  text-align: center;
  color: white;
  font-size: 1.142857em;
}
#id263746 #programme-finder button {
  position: absolute;
  margin: 0;
  bottom: 0;
  right: 0;
  padding: 0.35em 2em;
  text-transform: uppercase;
  background-color: #595959;
}
#id263746 #programme-finder button:hover, #id263746 #programme-finder button:focus {
  background-color: #333333;
}
#id263746 #programme-finder .programme-link {
  color: #FFF;
  float: right;
  font-family: AauxNext-Medium, serif;
  font-size: 1.2857em;
}
#id263746 #programme-finder .programme-link:hover, #id263746 #programme-finder .programme-link:focus {
  border-bottom: 1px dotted #FFF;
}
#id263746 #programme-finder .programme-link:after {
  font-family: FontAwesome, sans-serif;
  content: "\f105";
  margin-left: 0.6666em;
}
#id263746 #programme-finder .ui-helper-hidden-accessible {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#id263746 #programme-finder .ui-autocomplete {
  display: block;
  background-color: #FFF;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 100;
  width: 70.3%;
  max-height: 16.42857em;
  overflow: auto;
  border: 1px solid #595959;
}
#id263746 #programme-finder .ui-state-focus {
  background-color: #FFF;
}
#id263746 #programme-finder .ui-menu .ui-menu-item a {
  display: block;
  font-size: 0.92857em;
  line-height: 1.38462;
  font-size: 1em;
  min-height: 0;
  padding: 0.2em 0.5em;
  margin: 0;
  text-decoration: none;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#id263746 #programme-finder .ui-menu .ui-menu-item a strong {
  color: #0095c8;
  font-weight: normal;
}
#id263746 #programme-finder .ui-menu .ui-menu-item a:hover, #id263746 #programme-finder .ui-menu .ui-menu-item a:focus {
  border-bottom: 0;
  background-color: #3399ff;
  color: #FFF;
}
#id263746 #get-brochure {
  float: left;
  width: 40%;
  height: 500px;
  padding: 3.0em 5.0em 0 5.0em;
  margin: 0;
  background-color: #ff6a13;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #get-brochure form {
  margin: 2em 0 1em;
}
#id263746 #get-brochure fieldset {
  width: 100%;
}
#id263746 #get-brochure label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#id263746 #get-brochure input, #id263746 #get-brochure select {
  background-color: #FFF;
}
#id263746 #get-brochure #form_email_121359_submit {
  margin: 0;
  float: none;
  width: 100%;
  text-transform: uppercase;
  background-color: #595959;
}
#id263746 #get-brochure #form_email_121359_submit:hover, #id263746 #get-brochure #form_email_121359_submit:focus {
  background-color: #333333;
}
#id263746 #get-brochure > h1 {
  color: white;
  font-size: 2.0em;
}
#id263746 #get-brochure > h1 > a {
  color: white;
}
#id263746 #watch-mit {
  float: right;
  width: 30%;
  height: 500px;
  padding: 3.0em 3.0em 0;
  margin: 0;
  background-color: #c8c9c7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #watch-mit > h1 {
  color: black;
  font-size: 2.0em;
}
#id263746 #watch-mit > h1 > a {
  color: black;
}
#id263746 #watch-mit > iframe {
  width: 100%;
  min-height: 152px;
}
#id263746 #watch-mit > p {
  color: black;
  font-family: AauxNext-Medium;
  font-size: 1.4em;
  line-height: 1.41667em;
}
#id263746 #explore-mit {
  position: relative;
  float: left;
  width: 60%;
  height: 500px;
  padding: 8.0em 5.0em 0 5.0em;
  margin: 0;
  background-color: #0095c8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #explore-mit > h1 {
  color: white;
  font-size: 2.0em;
}
#id263746 #explore-mit > h1 > a {
  color: white;
}
#id263746 #explore-mit #explore-mit-wrap {
  position: relative;
  float: left;
  width: 100%;
  height: 250px;
  margin-top: 0em;
  overflow: hidden;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll {
  position: absolute;
  top: 0;
  left: 0;
  *zoom: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll:after, #id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll:before {
  display: table;
  line-height: 0;
  content: "";
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll:after {
  clear: both;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a {
  float: left;
  width: 31.70732%;
  margin-left: 2.43902%;
  color: black;
  font-family: AauxNext-Medium,serif;
  font-size: 1.4em;
  line-height: 1.41667em;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a:first-child {
  margin-left: 0;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a > img {
  width: 100%;
  max-width: 100%;
  border: 5px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a:hover {
  border: none;
}
#id263746 #explore-mit > .nav {
  display: none;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background-color: white;
  text-indent: -9999px;
}
#id263746 #explore-mit > .nav:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: black;
  font-family: FontAwesome;
  font-size: 2.0em;
  text-indent: 0;
  text-align: center;
  line-height: 1.15em;
}
#id263746 #explore-mit > .nav.prev {
  left: 0;
}
#id263746 #explore-mit > .nav.prev:before {
  content: "\f104";
}
#id263746 #explore-mit > .nav.next {
  right: 0;
}
#id263746 #explore-mit > .nav.next:before {
  content: "\f105";
}
#id263746 #explore-mit > .nav:hover {
  border: none;
  outline: none;
}
#id263746 #explore-mit > .nav:hover:before {
  background-color: #B33C40;
  color: white;
}
#id263746 #explore-mit > .nav:focus {
  border: none;
  outline: none;
}
 
/* Old IE */
.old_ie #id263746 #hero-banner > .page.page-left {
  left: -100%;
}
 
.old_ie #id263746 #hero-banner > .page.page-right {
  right: -100%;
}
 
.old_ie #id263746 #hero-banner.open-right > #intro > .side.side-left {
  left: -10%;
}
 
.old_ie #id263746 #hero-banner.open-right > #intro > .side.side-right {
  right: 60%;
}
 
.old_ie #id263746 #hero-banner.open-right > .page.page-right {
  right: 0;
}
 
.old_ie #id263746 #hero-banner.open-left > #intro > .side.side-left {
  left: 60%;
}
 
.old_ie #id263746 #hero-banner.open-left > #intro > .side.side-right {
  right: -10%;
}
 
.old_ie #id263746 #hero-banner.open-left > .page.page-left {
  left: 0;
}
 
.old_ie #id263746 {
  overflow-x: scroll;
}
.old_ie #id263746 #hero-banner > #intro > .side-right.side > a {
  /*background-color: #EEE;*/
  /*background: rgb(221, 17, 42);
  background: rgba(221, 17, 42, .9);*/
  background: rgb(0, 48, 134);
  background: rgba(0, 48, 134, .9);
}
.old_ie #id263746 #hero-banner > #intro > .side-right.side > a:hover {
  /*background-color: #58595B;*/
  /*background: rgb(238, 4, 35);
  background: rgba(238, 4, 35, .8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}
.old_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a {
  /*background-color: #58595B;*/
  /*background: rgb(238, 4, 35);
  background: rgba(238, 4, 35, .8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}
.old_ie #id263746 #hero-banner > #intro > .side-left.side > a {
  /*background-color: #EEE;*/
  /*background: rgb(221, 17, 42);
  background: rgba(221, 17, 42, .9);*/
  background: rgb(0, 48, 134);
  background: rgba(0, 48, 134, .9);
}
.old_ie #id263746 #hero-banner > #intro > .side-left.side > a:hover {
  /*background-color: #58595B;*/
  /*background: rgb(238, 4, 35);
  background: rgba(238, 4, 35, .8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}
.old_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a {
  /*background-color: #58595B;*/
  /*background: rgb(238, 4, 35);
  background: rgba(238, 4, 35, .8);*/
  background: rgb(26, 74, 160);
  background: rgba(26, 74, 160, .8);
}
.old_ie #id263746 #page-wrapper #main-wrapper #intro a:before {
  background-color: transparent;
}
 
@-ms-viewport {
  width: device-width;
}

@media all and (max-width: 1460px) {
    #id263746 #hero-banner > #intro > .side > a > span {
        font-size: 2.0em;
        line-height: 1.9em;
    }
    #id263746 #hero-banner.open-left > #intro > .side > a > span {
        top: 15%;
        left: 6%;
    }
    #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a > span {
        font-size: 1.4em;
        line-height: 0.8em;
    }
    #id263746 #hero-banner.open-right > #intro > .side > a > span {
        top: 9%;
        left: -9%;
    }
    
    #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a {
        font-size: 1.4em;
    }
    
    #id263746 #hero-banner > .page > .page-inner > h2 {
        font-size: 2.2em;
    }
}

@media all and (max-width: 1320px) {
  #id263746 #hero-banner > #intro > .side > a {
    left: 32%;
    right: 17.5%;
    font-size: 1.0em;
    line-height: 2.3;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    padding: 2.2em 0 0 5em;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a {
    right: -28px;
    left: 37.5%;
    padding-right: 2.5em;
    line-height: 2;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 2.2em 5em 0 0;
  }
  #id263746 #hero-banner.open-right > .page.page-left > .page-inner {
    padding-left: 15%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner {
    padding-left: 5%;
    padding-right: 2%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.left {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.right {
    width: 40%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > ul {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > a {
    width: 32%;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a {
    left: -26px;
    right: 37.5%;
    padding-left: 2.5em;
    line-height: 2;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.3em;
  }
 
  /* --- ie 1320 styles --- */
/*ken
  .new_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 3.5714em;
  }
 
  .new_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 3.5714em;
  }
 
  .old_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 1em;
  }
 
  .old_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 1em;
  }
ken*/
}
@media all and (max-width: 1200px) {
  #page-wrapper {
    padding-left: 0;
    background-image: none;
  }
 
  header {
    background: transparent url('/__data/assets/image/0006/274839/NZM066_02-Section-header-alumni.jpg') no-repeat 0 0;
    background-position: 50%;
    background-size: cover;
    -ms-behavior: url('/__data/assets/file/0004/264019/backgroundsize.min.htc');
  }

  #main-navigation {
    /*background: rgba(221, 17, 42, 1);*/
    background: rgba(0, 48, 134, 1);
  }
 
  .global-nav-list .node-about {
    width: 13%;
  }
  .global-nav-list .node-study-options {
    width: 15%;
  }
  .global-nav-list .node-life-on-campus {
    width: 15.5%;
  }
  .global-nav-list .node-current-students {
    width: 17%;
  }
  .global-nav-list .node-international-students {
    width: 24%;
  }
  .global-nav-list .node-contact {
    width: 15.5%;
  }
 
  .nav-item > a {
    /*padding: 1.3em 1.6em;
    line-height: 1.1111;*/
  }
 
  #id263746 header {
    background: transparent;
  }

  #id263746 #hero-banner > #intro > .side > a > span {
    font-size: 1.8em;
    line-height: 1.9em;
  }
  #id263746 #hero-banner.open-left > #intro > .side > a > span {
    top: 15%;
    left: 6%;
  }
  #id263746 #hero-banner.open-right > #intro > .side > a > span {
    top: 14%;
    left: -9%;
  }

  #id263746 #hero-banner > #intro > .side > a {
    left: 32%;
    right: 17%;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > a > span {
      font-size: 1.7em;
      line-height: 2.25em;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-left {
    -ms-transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right {
    -ms-transform: translateX(-130%);
    -webkit-transform: translateX(-130%);
    transform: translateX(-130%);
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a {
    right: -35px;
    left: 32.5%;
    padding-right: 2.5em;
    line-height: 2;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 2.2em 5em 0 0;
  }
  #id263746 #hero-banner.open-right > .page {
    width: 65%;
  }
  #id263746 #hero-banner.open-right > .page.page-left > .page-inner {
    padding-left: 15%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner {
    padding-left: 5%;
    padding-right: 2%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.left {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.right {
    width: 40%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > ul {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > a {
    width: 34%;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left {
    -ms-transform: translateX(130%);
    -webkit-transform: translateX(130%);
    transform: translateX(130%);
  }
  #id263746 #hero-banner > .page > .page-inner > h2 {
    font-size: 2.3em;
    line-height: 2em;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a {
    left: -32px;
    right: 34%;
    padding-left: 2.5em;
    line-height: 2;
  }
 
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    padding: 2.2em 0 0 5em;
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-right {
    -ms-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner {
    padding-left: 5%;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a {
    font-size: 1.3em;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.4em;
  }
 
  /* --- ie 1200 styles --- */
/*ken
  .new_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 3.333em;
  }
 
  .new_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 3.333em;
  }
 
  .old_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 2em;
  }
 
  .old_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 2em;
  }
ken*/

  .old_ie #id263746 #hero-banner.open-right > #intro > .side.side-left {
    left: -15%;
  }
 
  .old_ie #id263746 #hero-banner.open-right > #intro > .side.side-right {
    right: 65%;
  }
 
  .old_ie #id263746 #hero-banner.open-left > #intro > .side.side-left {
    left: 65%;
  }
 
  .old_ie #id263746 #hero-banner.open-left > #intro > .side.side-right {
    right: -15%;
  }
}
/* -- tablet landscape -- */
@media all and (max-width: 1024px) {
  .phone-details {
    display: none;
  }
 
  .nav-item > a {
    /*padding: 1.3em 0.5em;*/
  }
 
  .long-media-list li {
    clear: left;
    display: list-item;
    float: none;
    height: auto;
    margin: 0 0 2em;
    width: auto;
  }
 
  .long-media-list li:nth-child(2n+1) {
    margin-right: 0;
  }
 
  .long-media-list li:nth-child(2n+2) {
    margin-right: 0;
  }
 
  .long-media-list .item-thumbnail {
    display: block;
    float: left;
    margin-bottom: 1em;
    width: 30%;
  }
 
  .long-media-list h3.item-heading,
  .long-media-list .item-heading h3 {
    margin: 0 0 0 35%;
    position: relative;
  }
 
  .long-media-list p {
    margin: 0 0 0 35%;
  }
 
  .two-col .media-list li {
    width: 47.82%;
    margin: 0 4.35233% 4em 0;
    height: 24em;
  }
  .two-col .media-list li:nth-child(3n+3) {
    margin-right: 4.35233%;
  }
  .two-col .media-list li:nth-child(2n+2) {
    margin-right: 0;
  }
 
  .footer-col {
    width: 25%;
  }
 
  .footer-auxiliary {
    /*width: 75%;*/
  }
 
  .footer-complementary {
    /*width: 25%;*/
  }
  .footer-complementary h3 {
    /*margin: 0 0 0 10.4%;*/
  }
  .footer-complementary .contact-box {
    /*padding: 1.34615em 10.4%;*/
  }
  .footer-complementary .contact-box:last-child {
    border-bottom: 0 solid transparent;
  }
  .footer-complementary dt {
    /*width: 100%;*/
  }
  .footer-complementary dd {
    /*width: 100%;*/
  }
  .footer-complementary .channels {
    margin: 0 0 1em;
  }
 
  #id263746 #hero-banner > #intro > .side > a > span {
    font-size: 1.4em;
    line-height: 2.4em;
  }
  #id263746 #hero-banner.open-left > #intro > .side > a > span {
    top: 15%;
    left: 6%;
  }

  #id263746 #hero-banner > #intro > .side > a {
    left: 32%;
    right: 17%;
  }
  
  #id263746 #hero-banner.open-right > #intro > .side.side-left {
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    top: 115px;
    left: 0;
    height: 145px;
    width: 100%;
    background: none;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a {
    top: 35px;
    right: 7%;
    left: auto;
    width: 150px;
    height: 70px;
    padding-right: 0;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 1.6em 5em 0 0;
    font-family: AauxNext-Medium;
    /*font-size: 1.0em;*/
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a > span {
    display: block;
    line-height: 1.2em;
    text-indent: -9999px;
  }
  #id263746 #hero-banner.open-right > .page {
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-left > .page-inner {
    padding-left: 15%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner {
    padding-left: 5%;
    padding-right: 5%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > h2 {
    margin-left: 0;
    padding-left: 0;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.left {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.right {
    width: 31%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > ul {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > a {
    width: 31%;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    top: 115px;
    left: 0;
    height: 145px;
    width: 100%;
    background: none; /**/
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a {
    top: 35px;
    right: 7%;
    left: auto;
    width: 150px;
    height: 70px;
    padding-left: 0;
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    padding: 1.6em 0 0 3.8em;
    text-align: left;
    background: url('/__data/assets/image/0019/303832/arrow-medium-white-right.png') no-repeat right center;
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:hover:before {
      background: url('/__data/assets/image/0017/303830/arrow-medium-grey-right.png') no-repeat right center;
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a > span {
    display: block;
    line-height: 1.2em;
    text-indent: -9999px;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-right {
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  #id263746 #hero-banner.open-left > .page {
    width: 100%;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner {
    padding-top: 11.4em;
    padding-left: 10%;
    padding-right: 10%;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > h2 {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a {
    font-size: 1.4em;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.4em;
  }
  #id263746 #hero-banner.close-left > #intro > .side.side-right {
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: width 0.7s ease-in-out, transform 0.8s;
    transition: width 0.7s ease-in-out, transform 0.8s;
  }
  #id263746 #latest-news {
    width: 100%;
  }
  #id263746 #programme-finder {
    width: 50%;
  }
  #id263746 #get-brochure {
    width: 100%;
  }
  #id263746 #watch-mit {
    float: left;
    width: 50%;
  }
  #id263746 #watch-mit > iframe {
    height: 200px;
  }
  #id263746 #explore-mit {
    width: 100%;
  }
 
  /* --- application form 1024 styles --- */
  #id122807 main {
    width: 90%;
    margin: 5.14286em 1.04167% 5.14286em;
  }
  #id122807 .corr_email {
    margin: -2em 0 0 0;
    right: 0;
  }
 
  /* --- ie 1024 styles --- */
/*ken
  .new_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 3.333em;
  }
 
  .new_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 3.333em;
  }
 
  .old_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 2em;
  }
 
  .old_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 2em;
  }
ken*/
  .old_ie #id263746 #hero-banner.open-right > #intro > .side.side-left {
    left: -50%;
  }
 
  .old_ie #id263746 #hero-banner.open-left > #intro > .side.side-left {
    left: 0;
  }
 
  .old_ie #id263746 #hero-banner.open-left > #intro > .side.side-right {
    right: -50%;
  }

/* origin max-width: 830px */
  .utility {
    background-color: #FFF;
    height: 90px;
  }
 
  .utility > ul {
    display: none;
  }
 
  .phone-details {
    display: block;
    clear: both;
    margin: 1em 2em 0 0;
    padding: 0;
    border: 0 solid transparent;
    color: #333333;
    background-color: transparent;
    font-size: 1em;
    line-height: 1.71429;
  }
  .phone-details a {
    color: #333333;
  }
  .phone-details a:hover, .phone-details a:focus {
    border-bottom: 1px dotted #333333;
  }
 
  .header-logo {
    background: url('/__data/assets/image/0010/317926/NZMS-colour-and-black-logo.png') no-repeat 14px 10px;
    height: 90px;
    width: 230px;
    position: absolute;
    top: -90px;
    left: 0;
  }
 
  .global-nav-list {
    margin: 0;
  }
 
  header {
    height: 500px;
  }
 
  .tagline {
    top: 38%;
  }
 
  .complementary {
    float: left;
    clear: left;
    margin: 0 0 3em 0%;
    width: 31%;
  }
  .complementary .programme-finder-widget .ui-autocomplete {
    width: auto;
  }
  
  .filter-search .complementary {
      display: none;
  }
 
  .nav-secondary {
    margin: 5.14286em 0 3em 0%;
    width: 31%;
  }
 
  #search-filters {
    width: 56%;
    left: -64%;
  }
 
  main, .two-col main {
    float: right;
    width: 60%;
    margin: 5.14286em 2% 3em;
  }
 
  #id263746 #hero-banner {
    top: 65px;
  }
  #id263746 #hero-banner > #intro > .side > a {
    left: 5%;
    right: 5%;
    font-size: 2.85714em;
    line-height: 2.25;
  }
}


@media all and (max-width: 860px) {
  .nav-column {
    /*width: 50%;*/
  }
 
  .nav-column-supplement {
    display: none;
  }
 
  .footer-col {
    width: 50%;
    float: left;
    border-top: 1px solid #595959;
    min-height: 240px;
  }
 
  .footer-auxiliary {
    width: 100%;
  }
 
  .footer-complementary {
    /*
    width: 50%;
    float: left;
    */
    border-top: 1px solid #595959;
  }
  .footer-complementary h3 {
    /*margin: -0.3em 0 0 5.2%;*/
  }
  .footer-complementary .contact-box {
    border-bottom: 0 solid transparent;
    /*padding: 1.34615em 5.2%;*/
  }
  .footer-complementary .channels {
    margin: 0;
  }

  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    padding: 1.6em 0 0 3.8em;
    /*font-size: 0.4em;*/
  }

  #id263746 #hero-banner > #intro > .side > a {
    left: 15%;
    right: 15%;
  }

  #id263746 #hero-banner > #intro > .side > a > span {
    font-size: 0.6em;
    line-height: 2.4em;
  }
  
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 1.6em 3.6em 0 0;
    /*font-size: 0.4em;*/
  }
   
  #id263746 #hero-banner > #intro > .side.side-right > a {
    padding-right: 0;
  }

  #id263746 #hero-banner > #intro > .side > a {
    font-size: 2.85714em;
    line-height: 2.25;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > h2 {
    margin-left: 0;
    padding-left: 0;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.left {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.right {
    width: 38%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > ul {
    width: 55%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > a {
    width: 38%;
  }
}

/* -- any greater than tablet portrait -- */
@media all and (min-width: 768px) {
    .three-col .nav-secondary,
    .two-col .nav-secondary {
        display: inline !important;
    }
    .filter-search .nav-secondary ul,
    .nav-none .nav-secondary,
    .home .nav-secondary {
        display: none !important;
    }
}

/* -- tablet portrait -- */
@media all and (max-width: 767px) {
  .global-nav-list, .tagline, .breadcrumbs, .phone-details, .utility > ul {
    display: none;
  }
 
  #search-form {
    display: none;
    position: absolute;
    width: 100%;
    top: 90px;
    font-size: 1.21429em;
    line-height: 1.41176;
    border-bottom: 1px solid #595959;
  }
  #search-form input {
    padding: 0.647em 3em 0.647em 0.4em;
    width: 100%;
    height: 44px;
    float: none;
  }
  #search-form button {
    padding: 0.336em 0.5em;
    height: 44px;
  }
  #search-form button:before {
    left: 1011px;
  }
 
  header {
    height: auto;
  }
 
  .header-logo {
    background: url('/__data/assets/image/0008/317924/NZMS-colour-and-white-logo.png') no-repeat 14px 10px;
    height: 90px;
    width: 230px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
  }
 
  .skip-links [href='#initial_keywords_query'] {
    left: 3091px;
  }
 
  .skip-links [href='#section-navigation'] {
    left: 3000px;
  }
 
  .utility {
    height: auto;
  }
 
  .nav-secondary {
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 90px;
    float: none;
    display: none;
    margin-top: 0;
    background-color: #333333;
    font-family: AauxNext-Medium, serif;
    border-bottom: 1px solid #333333;
  }
  .nav-secondary .first-lvl {
    display: list-item;
  }
  .nav-secondary .first-lvl > a {
    border-top: 1px solid #333333;
    border-bottom: 0 solid transparent;
    background-color: #58595B;
    color: #fff;
    padding: 0.5em  0.65em 0.5em 1.3em;
  }
  .nav-secondary .first-lvl.hier a, .nav-secondary .first-lvl.current a {
    background-color: #c8c9c7;
  }
  .nav-secondary .first-lvl a:hover, .nav-secondary .first-lvl a:focus {
    background-color: #000;
    color: #fff;
  }
  .nav-secondary .second-lvl {
    border-bottom: 0 solid transparent;
  }
  .nav-secondary .second-lvl > a {
    color: #000000;
    font-size: 0.92857em;
    line-height: 1.61538;
  }
  .nav-secondary .third-lvl > a {
    color: #595959;
  }
  .nav-secondary .fourth-lvl > a {
    color: #fff;
  }
  .nav-secondary .fifth-lvl > a {
    color: #fff;
  }
  .nav-secondary .sixth-lvl > a {
    color: #fff;
  }
  .nav-secondary [class*='lvl'].current > a {
    background-color: #000000;
    color: #ffffff;
  }
  .nav-secondary [href*='site-help'] {
    display: none;
  }
 
  main, .two-col main {
    width: auto;
    float: none;
    display: block;
    margin: 2em 0;
    padding: 0 5%;
  }
 
  :target:before {
    top: 0.2em;
    left: -1.1em;
    font-size: 17px;
  }
 
  .complementary {
    width: auto;
    float: none;
    display: block;
    overflow: hidden;
    background-color: #E9EAE6;
    padding: 0 25%;
  }
  .complementary .widget {
    width: 100%;
    float: left;
  }
  .complementary .widget h3 {
    position: relative;
    left: -50%;
    text-indent: 50%;
    width: 200%;
  }
  .complementary .application-widget img {
    width: 83%;
    margin: 0 auto;
  }
  .complementary .application-widget a {
    width: 73%;
    margin: 0 0 5% 13.5%;
  }
 
  #id119712 main {
    margin-left: 2%;
  }
 
  #search-filters {
    position: static;
    width: auto;
  }
 
  #id263746 header {
    /*margin-bottom: 500px;*/
    -webkit-transition: margin 1s ease-in-out;
    -moz-transition: margin 1s ease-in-out;
    transition: margin 1s ease-in-out;
  }
  #id263746.open-left header {
    margin-bottom: 622px;
  }
  #id263746.open-right header {
    margin-bottom: 700px;
  }
  #id263746 #hero-banner {
    top: 90px;
    height: 500px;
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
  }
  #id263746 #hero-banner > #intro > .side {
    display: block;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 250px;
  }
  #id263746 #hero-banner > #intro > .side.side-left {
    top: 0;
    left: 0;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    background: url('/__data/assets/image/0018/303831/arrow-medium-white-left.png') no-repeat 24px center;
  }
   #id263746 #hero-banner.open-left > #intro > .side.side-left > a:hover:before {
    background: url('/__data/assets/image/0007/303829/arrow-medium-grey-left.png') no-repeat 24px center;
  }
  
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    background: url('/__data/assets/image/0018/303831/arrow-medium-white-left.png') no-repeat 24px center;
  }
   #id263746 #hero-banner.open-right > #intro > .side.side-right > a:hover:before {
    background: url('/__data/assets/image/0007/303829/arrow-medium-grey-left.png') no-repeat 24px center;
  }
  #id263746 #hero-banner.open-right > #intro > .side > a > span {
    left: 0
  }
  
  #id263746 #hero-banner.open-left > #intro > .side > a > span {
    left: 0
  }
  
  #id263746 #hero-banner > #intro > .side.side-left > a {
    left: 5%;
    right: auto;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  #id263746 #hero-banner > #intro > .side.side-right {
    top: 50%;
    right: 0;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #id263746 #hero-banner > #intro > .side.side-right > a {
    right: 5%;
    left: auto;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  #id263746 #hero-banner > #intro > .side > a {
    top: 140px;
    font-size: 2.85714em;
    line-height: 1.125;
    text-align: left;
    -webkit-transition: right 0.4s ease-in-out, left 0.4s ease-in-out, top 0.6s ease-in-out, height 0.6s ease-in-out, font-size 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    -moz-transition: right 0.4s ease-in-out, left 0.4s ease-in-out, top 0.6s ease-in-out, height 0.6s ease-in-out, font-size 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: right 0.4s ease-in-out, left 0.4s ease-in-out, top 0.6s ease-in-out, height 0.6s ease-in-out, font-size 0.6s ease-in-out, background-image 0.6s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }
  #id263746 #hero-banner > .page {
    width: 100%;
    opacity: 1;
  }
  #id263746 #hero-banner > .page.page-left {
    left: 0;
    height: 622px;
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  #id263746 #hero-banner > .page.page-left > .page-inner {
    padding: 1.0em 0 1.0em 0;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > h2 {
    height: 98px;
    margin-left: 0;
    padding-left: 3.0em;
    margin-bottom: 0;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left top;
    list-style: none;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul:after {
    background: none;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li {
    float: left;
    width: 100%;
    height: 85px;
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left top;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li.border {
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left top;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 1.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    font-family: AauxNext-Bold;
    font-size: 1.5em;
    
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:hover, #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:focus {
    border-bottom: none;
    outline: none;
    color: #c8c9c7;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a > span {
    display: inline;
    padding-left: 0.2em;
    font-size: 1.4em;
    line-height: inherit;
  }
  #id263746 #hero-banner > .page.page-right {
    left: 0;
    height: 700px;
    right: auto;
    
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    
  }
  #id263746 #hero-banner > .page.page-right > .page-inner {
    padding: 1.0em 0 1.0em 0;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > h2 {
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left bottom;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > p {
    color: white;
    font-family: AauxNext-Medium;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > p.left {
    clear: left;
    float: left;
    width: 60%;
    padding-left: 0;
    margin-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > p.right {
    clear: right;
    float: right;
    width: 35%;
    margin-top: 2.0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > ul {
    clear: left;
    float: left;
    width: 60%;
    padding-left: 1.5em;
    margin-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > ul > li {
    padding-left: 1.0em;
    color: white;
    font-family: AauxNext-Bold;
    list-style-image: url('/__data/assets/image/0020/303842/bullets.png');
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > a:hover, #id263746 #hero-banner > .page.page-right > .page-inner > a:focus {
    background-size: cover;
    border-bottom: none;
    outline: none;
  }
 
  #id263746 #hero-banner > .page.page-right > .page-inner > a > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
 
  #id263746 #hero-banner > .page > .page-inner {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #id263746 #hero-banner > .page > .page-inner > h2 {
    color: white;
    font-family: AauxNext-Bold;
    font-size: 2.2em;
    line-height: 2.0em;
  }
  #id263746 #hero-banner.open-right {
    height: 700px;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-left {
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: transform 0.8s;
    transition: transform 0.8s;
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right {
    top: 250px;
    height: 250px;
    overflow: visible;
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: transform 0.8s;
    transition: transform 0.8s;
    -ms-transform: translate(0, -200%);
    -webkit-transform: translate(0, -200%);
    transform: translate(0, -200%);
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a {
    top: auto;
    left: 5%;
    top: 282px;
    height: 50px;
    width: 100px;
    line-height: 1.5em;
  }
  
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 0 0 0 5em;
    margin-left: -41px;
    text-align: left;
  }
  
 

  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:hover {
   color: #c8c9c7;
  }
  
  #id263746 #hero-banner.open-right > .page {
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-left > .page-inner {
    padding-left: 15%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner {
    padding-left: 5%;
    padding-right: 5%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > h2 {
    height: 98px;
    margin-left: 10%;
    padding-left: 3.0em;
    margin-bottom: 0;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.left {
    float: none;
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > p.right {
    float: none;
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > ul {
    float: none;
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > a {
    display: block;
    float: none;
    width: 285px;
    margin: 0 auto;
  }
  #id263746 #hero-banner.open-left {
    height: 622px;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left {
    top: 0;
    height: 250px;
    overflow: visible;
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a {
    top: auto;
    left: 5%;
    top: 282px;
    height: 50px;
    width: 100px;
    line-height: 1.5em;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    padding: 0 0 0 5em;
    margin-left: -41px;
    text-align: left;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-right {
    -ms-transform: translate(0, -225%);
    -webkit-transform: translate(0, -225%);
    transform: translate(0, -225%);
  }
  #id263746 #hero-banner.open-left > .page.page-left {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner {
    padding-top: 1.0em;
    padding-left: 0;
    padding-right: 0;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > h2 {
    height: 98px;
    margin-left: 10%;
    padding-left: 3.0em;
    margin-bottom: 0;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a {
    padding: 0 1.0em;
    font-size: 1.5em;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.4em;
  }
  #id263746 #latest-news {
    width: 100%;
    padding: 5.0em 3.0em 0;
  }
  #id263746 #latest-news #latest-news-wrap {
    display: block;
    float: none;
    /*max-width: 400px;
    margin: 0 auto;*/
  }
  #id263746 #programme-finder {
    width: 100%;
    padding: 5.0em 3.0em 0;
  }
  #id263746 #programme-finder > h1 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #programme-finder > form {
    display: block;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #programme-finder .programme-link {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 400px;
    text-align: right;
  }
  #id263746 #get-brochure {
    width: 100%;
    padding: 5.0em 3.0em 0;
  }
  #id263746 #get-brochure > h1 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #get-brochure > form {
    display: block;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #watch-mit {
    float: left;
    width: 100%;
    padding: 3.0em 2.0em 0;
  }
  #id263746 #watch-mit > h1 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #watch-mit > iframe {
    display: block;
    max-width: 400px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.0em;
  }
  #id263746 #watch-mit > p {
    display: block;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #explore-mit {
    width: 100%;
    padding: 5.0em 3.0em 0;
  }
  #id263746 #explore-mit > h1 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #explore-mit #explore-mit-wrap {
    display: block;
    float: none;
    max-width: 400px;
    height: 800px;
    margin: 0 auto;
  }
  #id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1.0em;
  }
 
  /* --- application form 767 styles --- */
  #id122807 .sq-form-page-list li {
    padding: 0.5em 5%;
  }
  #id122807 form p.error {
    width: 90%;
  }
 
  /* --- ie 767 styles --- */
/*ken
  .new_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    font-size: 1.667em;
  }
 
  .new_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    font-size: 1.667em;
  }
ken*/
}
/* -- mobile -- */
@media all and (max-width: 480px) {
  #main-navigation {
    height: 70px;
  }
 
  .skip-links {
    font-size: 1.07142857em;
  }
 
  .skip-links-link {
    height: 70px;
    width: 70px;
  }
 
  .skip-links [href="#initial_keywords_query"] {
    left: 3071px;
  }
 
  .skip-links [href="#initial_keywords_query"]:before {
    left: 1030px;
    top: 32px;
  }
 
  .skip-links [href="#initial_keywords_query"]:after {
    left: 1015px;
    top: 12px;
  }
 
  .skip-links [href="#section-navigation"]:before {
    left: 1030px;
    top: 32px;
  }
 
  .skip-links [href="#section-navigation"]:after {
    left: 1017px;
    top: 12px;
  }
 
  #search-form {
    top: 70px;
  }

  .search-form input[type='text'] {
    /*width: 75%;*/
  }
 
  .utility .ui-autocomplete {
    width: auto;
    right: auto;
    left: 0;
  }
 
  .nav-secondary {
    top: 70px;
  }
 
  .header-logo {
    background: url('/__data/assets/image/0009/317925/NZMS-colour-and-white-logo-sm.png') no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
    height: 70px;
    width: 230px;
    left: 150px;
  }
 
  [role='main'] .media-list li {
    width: 100%;
    margin: 0 0 4em;
    height: auto;
  }
  [role='main'] .media-list li .item-thumbnail {
    width: 100%;
    margin-bottom: 1em;
    display: block;
    float: none;
  }
  [role='main'] .media-list li h3.item-heading,
  [role='main'] .media-list li .item-heading h3 {
    margin: 0 0 0.7em;
    position: static;
  }
  [role='main'] .media-list li p {
    margin: 0 0 1em;
  }
 
  .complementary .widget {
    width: 100%;
  }
 
  .complementary {
    padding: 0;
  }
  .complementary .widget {
    width: 100%;
    float: left;
  }
  .complementary .widget h3 {
    position: static;
    text-indent: 0;
    width: auto;
  }
  .complementary .application-widget img {
    width: 100%;
  }
  .complementary .application-widget a {
    width: 83%;
    margin: 0 0 8.5% 8.5%;
  }
 
  .footer-col {
    width: 100%;
    padding: 5.2%;
  }
  
  .footer-complementary h3 {
    margin: 2.5em 5.2% 1em;
  }
  
  .footer-complementary .contact-box {
    padding: 0 5.2%;
  }
 
  .footer-auxiliary {
    padding: 5.2%;
    /* @include font-rhythm(13,17);
    display: inline;
    float: left;
    width: 66%;
    padding: relEm(13,1.25) 2.6%;
    border-top: 1px solid $green;
    border-right: 1px solid $green;
    @include box-sizing(border-box);*/
  }
  .footer-auxiliary li {
    display: block;
    clear: left;
    margin: .5em 0;
  }
  .footer-auxiliary li:before {
    content: "";
    padding: 0;
  }

  .footer-complementary dt,
  .footer-complementary dd ul li {
    display: block;
    clear: left;
    margin: 0 0 0.5em;
  }
  .footer-complementary dd ul li:before {
    content: "";
    padding: 0;
  }
 
 
  .footer-complementary {
    width: 100%;
  }
 
  #id263746 header {
    /*margin-bottom: 360px;*/
  }
  #id263746.open-right header {
    margin-bottom: 850px;
  }
  #id263746 #hero-banner {
    top: 70px;
    height: 360px;
  }
  #id263746 #hero-banner > #intro > .side {
    height: 180px;
  }
  #id263746 #hero-banner > #intro > .side.side-left > a {
    background-position: -27px 52px;
  }
  #id263746 #hero-banner > #intro > .side.side-right > a {
    background-position: 65px 52px;
  }
  #id263746 #hero-banner > #intro > .side > a {
    top: 97px;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > h2 {
    height: 98px;
    padding-left: 3.48em;
    font-size: 2.5em;
    line-height: 2.5em;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a {
    padding: 0 0.5em;
    font-size: 1.2em;
  }
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.35em;
  }
  #id263746 #hero-banner > .page.page-right {
    height: 850px;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner {
    padding: 1.0em 0 1.0em 0;
  }
  #id263746 #hero-banner > .page.page-right > .page-inner > h2 {
    height: 98px;
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left bottom;
    font-size: 2.5em;
    line-height: 2.5em;
  }
  #id263746 #hero-banner.open-right {
    height: 850px;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right {
    top: 180px;
    height: 180px;
  }
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a {
    left: 5%;
    top: 210px;
    width: 80px;
  }
 
  #id263746 #hero-banner.open-right > #intro > .side.side-right > a:before {
    padding: 0.2em 0 0 5em;
  }
 
  #id263746 #hero-banner.open-right > #intro > .side.side-left {
    height: 180px;
  }
  #id263746 #hero-banner.open-right > .page {
    width: 100%;
  }
  #id263746 #hero-banner.open-right > .page.page-left > .page-inner {
    padding-left: 15%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner {
    padding-left: 5%;
    padding-right: 5%;
  }
  #id263746 #hero-banner.open-right > .page.page-right > .page-inner > h2 {
    height: 98px;
    background: url('/__data/assets/image/0018/303840/border-line-large.png') no-repeat left bottom;
    padding-left: 2.5em;
    font-size: 1.7em;
    line-height: 3em;
  }
  #id263746 #hero-banner.open-left {
    height: 622px;
  }
  
  #id263746 #hero-banner.open-left > #intro > .side.side-left {
    height: 180px;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a {
    top: 210px;
    width: 80px;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-left > a:before {
    /*font-size: 16px;*/
    padding: .2em 0 0 5em;
    margin-left: -41px;
  }
  #id263746 #hero-banner.open-left > #intro > .side.side-right {
    top: 180px;
    height: 180px;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > h2 {
    height: 98px;
    padding-left: 3.48em;
    font-size: 1.7em;
    line-height: 3em;
  }
  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a {
    padding: 0 0 0 0.8em;
    font-size: 1.2em;
    line-height: 4em;
  }
  
  #id263746 #hero-banner > #intro > .side > a {
      font-size: 2.5em;
      line-height: 1.125;
  }
  
  #id263746 #hero-banner > #intro > .side.side-left > a {
      left: 7%;
      right: auto;
  }
  
   #id263746 #hero-banner > #intro > .side.side-right > a {
      left: 47%;
      right: auto;
  }
  
  #id263746 #hero-banner > #intro > .side > a > span {
    font-size: 0.5em;
    line-height: 2.4em;
  }
  
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a {
      background: url('/__data/assets/image/0019/303832/arrow-medium-white-right.png') no-repeat right center;
  }
  
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:hover, 
  #id263746 #hero-banner > .page.page-left > .page-inner > ul > li > a:focus {
    background: url('/__data/assets/image/0017/303830/arrow-medium-grey-right.png') no-repeat right center;
  }

  #id263746 #hero-banner.open-left > .page.page-left > .page-inner > ul > li > a > span {
    font-size: 1.35em;
  }
  #id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > p {
    display: none;
  }
  #id263746 #latest-news > .all {
    font-size: 1.1em;
  }
  #id263746 #explore-mit > h1 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  #id263746 #explore-mit #explore-mit-wrap {
    max-width: 236px;
    height: 600px;
  }
 
  /* --- application form 480 styles --- */
  #id122807 main {
    margin: 0.5em 0;
    width: auto;
  }
  #id122807 fieldset {
    width: 100%;
  }
  #id122807 form label.error, #id122807 form span.error {
    display: block;
    margin: 0.5em 0;
    position: relative;
    right: 0;
    width: auto;
  }
  #id122807 fieldset.radiogroup, #id122807 fieldset.checkgroup {
    width: 100%;
  }
  #id122807 form .checkgroup {
    width: 100%;
  }
  #id122807 .group-error:before {
    border-color: -moz-use-text-color rgba(0, 0, 0, 0) #fcd4d4;
    border-style: none solid solid;
    border-width: 0 10px 10px;
    content: "";
    left: 45%;
    position: relative;
    top: -2.4em;
  }
  #id122807 form span.error {
    background: #FCD4D4D4;
    border: none;
    box-shadow: none;
  }
  #id122807 .corr_email input[type="text"] {
    width: 100%;
  }
  #id122807 .corr_email span[for="q122817_q27"] {
    left: 0;
    width: auto;
    z-index: 10;
  }
 
  /* --- ie 480 styles --- */

  .new_ie #id263746 .open-right#hero-banner > #intro > .side-right.side > a:before {
    /*font-size: 1.667em;*/
    /*font-size: 16px;*/
  }
 
  .new_ie #id263746 .open-left#hero-banner > #intro > .side-left.side > a:before {
    /*font-size: 1.667em;*/
    /*font-size: 16px;*/
  }

}

/* FB Search */
#search-contextual-navigation h3 {
border-top: 30px solid #fff;
}
 
#search-contextual-navigation .filter-name {
font-weight: bold;
}
.file-summary {
margin-bottom: 0;
}
 
/* Autocomplete styles */
.ui-autocomplete {
  z-index: 2000 !important;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #d1d3d4;
  list-style-type: none;
  margin: 0;
  /*width: 84%;*/
  padding: 5px 0 0;
  position: absolute;
}
.ui-autocomplete li {
  padding: 0 5px 5px;
  line-height: normal;
}
.ui-autocomplete a {
  color: #666666;
  font-weight: normal;
}
.ui-autocomplete a:hover, .ui-autocomplete li:hover a,.ui-autocomplete .ui-state-focus {
  border: 0;
  background-color: transparent;
  color: #0095c8;
  font-weight: normal;
  cursor: pointer;
}
.ui-autocomplete h2 {
  font-size: 18px;
  margin-top: 0;
  text-transform: uppercase;
}
p.search_description {
  word-wrap: break-word;
}
.search-results li.best-bet {
  border: 10px solid #595959;
  padding: 10px;
  border-top: 30px solid #595959;
  background-color:#ddf2f1;
}
.search-results li.best-bet h4 {
  margin: -37px 0 10px 0;
  color: #fff;
}

.search-results li.best-bet h3 {
  margin:0;
}

.search-form .ui-helper-hidden-accessible {
display:none !important;
}




/* -- new theme added by Ken -- */
#logout-wrapper {
  float: right;
  font-size: 0.75em;
  margin: 0.5em 1.5em;
}

#id263746 #explore-mit {
  background-color: #c8c9c7;
  padding: 1.6em 3em 1em;
  position: relative;
}
@media (max-width: 1024px) {
  #id263746 #explore-mit {
    height: auto;
    min-height: 500px;
    padding: 3em;
  }
}
#id263746 #latest-news {
  background-color: #dddddd;
  padding: 3em 3em 0;
}
.utility input {
  border-radius: 0; /*overrides the iPad default*/
}
.utility input,
.utility button, .utility button:hover {
  background-color: #565656;
  color: #ffffff;
}
.utility input:focus {
  background-color: #ffffff;
  color: #000000;
}
.utility > ul a,
.phone-details {
  height: 32px;
}

#search-form {
  border: 1px solid #595959;
}
#search-form input {
  outline: 0;
}

#id263746 #programme-finder > h1,
#id263746 #get-brochure > h1 {
  font-size: 1.75em;
}

.widget button:hover, .widget button:focus,
.brochure-widget input[type='submit']:hover, .brochure-widget input[type='submit']:focus,
.programme-finder-widget input[type='submit']:hover, .programme-finder-widget input[type='submit']:focus,
.job-search-widget input[type='submit']:hover, .job-search-widget input[type='submit']:focus,
#id263746 #programme-finder button:hover, #id263746 #programme-finder button:focus,
#id263746 #get-brochure #form_email_121359_submit:hover, #id263746 #get-brochure #form_email_121359_submit:focus {
  background-color: #000000;
}
.widget h3 {
  /*font-size: 1.188em;*/
  background-color: #003086;
}

.nav-secondary .first-lvl > a {
  font-family: AauxNext-Bold;
  font-size: 1.25em;
}
.breadcrumbs {
  font-size: 0.75em;
}
.tagline {
  font-size: 3em;
  background: none;
  text-shadow: 5px 2px 12px #333333;
}
.tagline span {
  font-size: 0.9em;
  line-height: 1.25;
}
#id263746 #latest-news #latest-news-wrap #latest-news-scroll > .news-item > h2,
#id263746 #explore-mit #explore-mit-wrap #explore-mit-scroll > .explore-mit-item > a {
  font-family: AauxNext-Bold;
  font-size: 1.25em;
  font-weight: normal;
}
#id263746 #latest-news > h1,
#id263746 #programme-finder > h1,
#id263746 #get-brochure > h1,
#id263746 #explore-mit > h1,
#id263746 #watch-mit > h1 {
  font-family: AauxNext-Bold;
  font-size: 1.75em;
  font-weight: normal;
}
#id263746 #watch-mit > p {
  font-size: 1.25em;
  line-height: 1.2em;
}

#id263746 #latest-news #latest-news-wrap {
  height: 80%;
  overflow:hidden;
}

#id263746 #latest-news > .nav:hover,
#id263746 #explore-mit > .nav:hover {
  background: #000000;
}
#id263746 #latest-news > .nav:hover:before,
#id263746 #explore-mit > .nav:hover:before {
  background: none;
}

.footer-complementary,
.footer-col {
  border-color: #ffffff;
}

.footer-col {
  min-height: 300px;
}

.skip-links-link {
  background: none;
  border-color: #ffffff;
}
.skip-links-link:hover, .skip-links-link:focus {
  /*background-color: rgba(238, 4, 35, 0.8);*/
  background-color: rgba(26, 74, 160, .8);
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:hover {
  background-color: #003086 !important;
}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-color: #595959 !important;
  color: #ffffff !important;
  font-family: AauxNext-Medium !important;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover, .r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover {
  background-color: #000000 !important;
}

th {
  background-color: #595959;
  color: #ffffff;
}

.nav-sub{
  box-shadow: 1px 1px 2px #333333;
  background-color: #595959;
  background-color: rgba(80,80,80,0.96);
  text-shadow: 1px 1px 0 #000000;
}
.nav-column-supplement {
  background-color: #333333;
}
.nav-column-supplement ul a {
  background: url('/__data/assets/image/0006/303828/arrow-smaller-white-right.png') no-repeat -36px -28px;
  color: #ffffff;
  border-color: transparent;
}
.nav-column-supplement ul a:hover, .nav-column-supplement ul a:focus {
  background-color: #595959;
}

.nav-column-supplement ul .facebook-link,
.nav-column-supplement ul .youtube-link {
  position: relative;
  background: none;
}
.nav-column-supplement ul .facebook-link:before {
  font-family: "FontAwesome";
  content: "\f09a";
  display: block;
  position: absolute;
  left: 15px;
  top: 5px;
  font-size: 25px;
}
.nav-column-supplement ul .youtube-link:before {
  font-family: "FontAwesome";
  content: "\f167";
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 25px;
}

input[type='button'], input[type='reset'], input[type='submit'], button,
#id122807 .sq-form-page-list .sq-form-current-page-number {
  background-color: #003086;
}
input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus, button:focus, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, button:hover {
  background-color: #000000;
}

.pagination a {
  /*color: #000000;*/
}
.pagination .current-page {
  background-color: #003086 !important;
}

.footer-complementary .channels a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -khtml-border-radius: 0;
}
.footer-complementary .channels a:hover, .footer-complementary .channels a:focus {
  background-color: #595959;
}

#id263746 #latest-news > .nav:before,
#id263746 #explore-mit > .nav:before {
  line-height: 1em;
}

#id263746 #programme-finder button {
  line-height: 1.2em;
}

/** parallogram button **/
.widget > a.parallogram {
    display: inline-block;
    text-decoration:none;
    transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    width: 70%;
    margin: 0 13% 8%;
    padding: 0.05em 2%;
    line-height: 2em;
    font-size: 1.5em;
    text-align: center;
    background-color: #003086;
    color: #ffffff;
}
.application-widget > a.parallogram {
    position: absolute;
    bottom: 0;
    left: 0;
}
.widget > a.parallogram > span {
    display: inline-block;
    transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
  position: relative;
  margin: 0;
  padding: 8px 0;
}
/** parallogram button ends **/

.widget > a.parallogram:hover, .widget > a.parallogram:focus {
  border-bottom: 0;
  /*background-color: rgba(238, 4, 35, 0.8);*/
  background-color: rgba(26, 74, 160, .8);
}
.widget > a.parallogram span {
  font-size: 1em;
  line-height: 1em;
}
.widget > a.parallogram span span {
  font-size: 0.6em;
  display: inherit;
  padding: 4px 8px 0 0;
  line-height: 1.2em;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px) { 
  /* Retina-specific 2x white sm logo here */
/*
  .header-logo {
    background-image: url('/__data/assets/image/0008/263762/MIT-logo-landscape-white-sm@2x.png');
    background-size: 128px 48px;
  }
*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 830px) { 
  /* Retina-specific 2x black logo here */
/*
  .header-logo {
    background-image: url('/__data/assets/image/0010/263764/MIT-logo-landscape-black_00@2x.png');
    background-size: 145px 55px;
  }
*/
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 831px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 767px) { 
  /* Retina-specific 2x white logo here */
/*
  .header-logo {
    background-image: url('/__data/assets/image/0009/263763/MIT-logo-landscape-white@2x.png');
    background-size: 155px 59px;
  }
*/
}