/*
  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: 02 October 2023 20:18:47
*/


body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;font-variant-ligatures: none;font-variant-ligatures: no-common-ligatures;font-feature-settings: "liga" 0;}
body * {box-sizing: border-box;}

h1 {font-size: 34px;}

::selection { background-color: hsla(0, 72%, 49%, 0.3);}
.slab.feature ::selection,
.card.feature ::selection {background-color: hsla(0, 72%, 29%, 0.5);}

.slab.pageinfo {padding: 0;}
.slab.pageinfo a {color: inherit; text-decoration: none;}
.slab.pageinfo p.breadcrumb {font-size: 13px; font-weight: 300; color: hsla(0, 0%, 28%, 1); margin: 0;}
.slab.pageinfo p.breadcrumb a {color: hsla(0, 68%, 45%, 1);}
.slab.pageinfo p.breadcrumb a:focus,
.slab.pageinfo p.breadcrumb a:hover {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
.slab.pageinfo .inner h1 {margin: 0.4em 0 0 0;}

body nav.local {display:none;}
main .slab nav.tabs.local {display:block;}
main .slab nav.local {overflow: hidden;}
main .slab nav.local > ul {}
main .slab nav.local > ul li {padding: 0;}
main .slab nav.local > ul li:before  {display: none;}
main .slab nav.local > ul li a {border-bottom: 0;color: inherit;border-left: 2px solid hsla(198, 100%, 20%,0.07); display: block;padding: 0.2em 0 0.2em 0.5em;line-height: 1.25;}
main .slab .secondary nav.local > ul li a {border-left-color: hsla(198, 0%, 20%, 0.9);}
main .slab .feature nav.local > ul li a {border-left-color: hsla(0, 68%, 100%, 0.3);}

main .slab nav.local > ul li a:focus,
main .slab nav.local > ul li a:hover {border-left: 2px solid hsla(0, 68%, 45%, 1);}
main .slab .feature nav.local > ul li a:focus,
main .slab .feature nav.local > ul li a:hover {border-left-color: hsla(0, 68%, 100%, 1);}

main .slab nav.local > ul li.site {font-family: "Jotia W00", sans-serif;font-size: 18px; font-weight: 400;color: hsla(0, 68%, 45%, 1);margin-bottom: 0.25em;letter-spacing: 0.01em;}
main .slab .secondary nav.local > ul li.site,
main .slab .feature nav.local > ul li.site {color: hsla(0, 100%, 100%, 1);} 
main .slab nav.local > ul li.site > a {border-left: 0;padding: 0;}

main .slab nav.local > ul li.parent > a {border-left: 2px solid hsla(0, 72%, 49%, 0.3);font-weight: 500;color: hsla(0, 0%, 7%, 1);}
main .slab .secondary nav.local > ul li.parent > a {color: hsla(0, 100%, 100%, 1); border-left: 2px solid hsla(0, 72%, 49%, 0.5);}
main .slab .feature nav.local > ul li.parent > a {color: hsla(0, 100%, 100%, 1); border-left-color: hsla(0, 68%, 100%, 0.6);}
main .slab nav.local > ul li.parent > a:focus,
main .slab nav.local > ul li.parent > a:hover {border-left: 2px solid hsla(0, 68%, 45%, 1);color: hsla(0, 68%, 45%, 1);}
main .slab .secondary nav.local > ul li.parent > a:focus,
main .slab .secondary nav.local > ul li.parent > a:hover {color: hsla(0, 100%, 100%, 1);}
main .slab .feature nav.local > ul li.parent > a:focus,
main .slab .feature nav.local > ul li.parent > a:hover {color: hsla(0, 100%, 100%, 1);border-left-color: hsla(0, 68%, 100%, 1);}

main .slab nav.local > ul li.current > a {font-weight: 500;border-left: 2px solid hsla(0, 68%, 45%, 1);color: hsla(0, 0%, 0%, 1);}
main .slab .secondary nav.local > ul li.current > a,
main .slab .feature nav.local > ul li.current > a {color: hsla(0, 100%, 100%, 1);}
main .slab .feature nav.local > ul li.current > a {border-left-color: hsla(0, 68%, 100%, 1);}


main .slab nav.local > ul ul {margin: 0.25em 0 0.25em 1.25em;}

main {color: hsla(0, 0%, 28%, 1);}

main > .slab:first-child {margin-top: 20px;}
main > .slab:first-child:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

main .slab.cssbg.parallax {background-attachment: fixed;}
main .slab.cssbg.parallax .inner {}
main .slab.cssbg.parallax .inner > *:nth-child(1){}

main .slab.cssbg {position: relative; z-index: 0;}

.videobg.trans,
.cssbg.trans {
    position:relative;
    z-index: 0;}
.videobg.trans:after,
.cssbg.trans:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.8;
    z-index: -1;
}
.primary.videobg.trans:after,
.primary.cssbg.trans:after {background-color: hsla(198, 20%, 86%, 1);}
.secondary.videobg.trans:after,
.secondary.cssbg.trans:after {background-color: hsla(198, 0%, 28%, 1);}
.tertiary.videobg.trans:after,
.tertiary.cssbg.trans:after {background-color: hsla(198, 0%, 100%, 1);}
.feature.videobg.trans:after,
.feature.cssbg.trans:after {background-color: hsla(0, 68%, 45%, 1);}

.pattern.videobg.trans:after,
.pattern.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0033/588039/pattern-overlay.svg?v=0.1.1);background-repeat: repeat;background-size: 2px;opacity: 0.5;}

.pattern.box.videobg.trans:after,
.pattern.box.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0032/588038/pattern-box-overlay.svg?v=0.1.1);background-size: 3px;}

.pattern.gradient.videobg.trans:after,
.pattern.gradient.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0031/588037/pattern-gradient-overlay.svg?v=0.1.1);background-size: contain;background-repeat: repeat-x;opacity: 1;}

main .slab.cssbg.cssbg-left,
main .card.cssbg.cssbg-left {background-position-x: 0%;}
main .slab.cssbg.cssbg-center,
main .card.cssbg.cssbg-center {background-position-x: 50%;}
main .slab.cssbg.cssbg-right,
main .card.cssbg.cssbg-right {background-position-x: 100%;}
main .slab.cssbg.cssbg-top,
main .card.cssbg.cssbg-top {background-position-y: 0%;}
main .slab.cssbg.cssbg-middle,
main .card.cssbg.cssbg-middle {background-position-y: 50%;}
main .slab.cssbg.cssbg-bottom,
main .card.cssbg.cssbg-bottom {background-position-y: 100%;}
main .slab.cssbg.cssbg-noscale,
main .card.cssbg.cssbg-noscale {background-size: 100%;}

main .slab.cssbg.cssbg-x-10,
main .card.cssbg.cssbg-x-10 {background-position-x: 10%;}
main .slab.cssbg.cssbg-x-20,
main .card.cssbg.cssbg-x-20 {background-position-x: 20%;}
main .slab.cssbg.cssbg-x-25,
main .card.cssbg.cssbg-x-25 {background-position-x: 25%;}
main .slab.cssbg.cssbg-x-30,
main .card.cssbg.cssbg-x-30 {background-position-x: 30%;}
main .slab.cssbg.cssbg-x-40,
main .card.cssbg.cssbg-x-40 {background-position-x: 40%;}
main .slab.cssbg.cssbg-x-60,
main .card.cssbg.cssbg-x-60 {background-position-x: 60%;}
main .slab.cssbg.cssbg-x-70,
main .card.cssbg.cssbg-x-70 {background-position-x: 70%;}
main .slab.cssbg.cssbg-x-75,
main .card.cssbg.cssbg-x-75 {background-position-x: 75%;}
main .slab.cssbg.cssbg-x-80,
main .card.cssbg.cssbg-x-80 {background-position-x: 80%;}
main .slab.cssbg.cssbg-x-90,
main .card.cssbg.cssbg-x-90 {background-position-x: 90%;}
 
main .slab.cssbg.cssbg-y-10,
main .card.cssbg.cssbg-y-10 {background-position-y: 10%;}
main .slab.cssbg.cssbg-y-20,
main .card.cssbg.cssbg-y-20 {background-position-y: 20%;}
main .slab.cssbg.cssbg-y-25,
main .card.cssbg.cssbg-y-25 {background-position-y: 25%;}
main .slab.cssbg.cssbg-y-30,
main .card.cssbg.cssbg-y-30 {background-position-y: 30%;}
main .slab.cssbg.cssbg-y-40,
main .card.cssbg.cssbg-y-40 {background-position-y: 40%;}
main .slab.cssbg.cssbg-y-60,
main .card.cssbg.cssbg-y-60 {background-position-y: 60%;}
main .slab.cssbg.cssbg-y-70,
main .card.cssbg.cssbg-y-70 {background-position-y: 70%;}
main .slab.cssbg.cssbg-y-75,
main .card.cssbg.cssbg-y-75 {background-position-y: 75%;}
main .slab.cssbg.cssbg-y-80,
main .card.cssbg.cssbg-y-80 {background-position-y: 80%;}
main .slab.cssbg.cssbg-y-90,
main .card.cssbg.cssbg-y-90 {background-position-y: 90%;}


main .slab.iframebg,
main .slab .card.iframebg,
main .slab.videobg,
main .slab .card.videobg {position: relative;overflow:hidden;background-color: inherit;}

main .slab.iframebg iframe,
main .slab .card.iframebg iframe,
main .slab.videobg video,
main .slab .card.videobg video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    margin-bottom: 0;
}

main .slab.iframebg.interactive  > .inner > iframe,
main .slab .card.iframebg.interactive iframe {z-index: 0;}

main .slab.iframebg.interactive :not(iframe),
main .slab .card.iframebg.interactive :not(iframe) {z-index: 2;}

main .slab.videobg video::-webkit-media-controls-start-playback-button {display: none !important;}
main .slab .card.videobg video::-webkit-media-controls-start-playback-button {display: none !important;}

main br {display: none;}

main a {
    color: inherit;
    text-decoration: none;
}

main .slab.overflow-visible, main .card.overflow-visible {
    overflow: visible;
}

main .slab p.play a:before {
    font-family: "FontAwesome";
    content: "\f04b";
    color: hsla(0, 68%, 100%, 1);
    display: inline-block;
    speak: none;
    text-align: center;
    font-size: 30px;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    font-weight: 900;
}
main .slab p.play a {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background-color: hsla(0, 68%, 45%, 1);
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab p.play a:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab p.play a:hover {
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    background-color: hsla(0, 68%, 45%, 1);
}
main .slab p.play a:hover:after {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    border-color: hsla(0, 68%, 45%, 1);
}
main .slab .feature p.play a {
    background-color: hsla(0, 68%, 39%, 1);
}
main .slab .feature p.play a:hover {
    background-color: hsla(0, 68%, 35%, 1);
}
main .slab .feature p.play a:hover:after {
    border-color: hsla(0, 68%, 35%, 1);
}

main .slab .card.trim.play a {width: 100%;margin-bottom: 0;}

main .slab .card.play {display: flex;}

main .slab .card.play a {
    border:0;
    position: relative;
    flex: 1;
    color: inherit;
    display: inline-block;
    margin-bottom: 0;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab .card.v-7-5.play a,
main .slab .card.v-5-3.play a,
main .slab .card.v-5-4.play a,
main .slab .card.v-1-1.play a,
main .slab .card.v-10-16.play a,
main .slab .card.v-13-16.play a,
main .slab .card.v-16-9.play a {position: absolute;}
main .slab .card.play a:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    background-color: hsla(0, 68%, 45%, 1);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .slab .card.play a:after {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 30px;
    font-weight: 900;
    display: inline-block;
    speak: none;
    text-align: center;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    color: hsla(0, 68%, 100%, 1);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab .card.play.small a:before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}
main .slab .card.play.small a:after {
    font-size: 15px;
    text-indent: 2px;
    width: 30px;
    line-height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}

main .slab .flex > a.play {
    border:0;
    position: relative;
    color: inherit;
    display: inline-block;
    margin-bottom: 0;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab .flex > a.play:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    background-color: hsla(0, 68%, 45%, 1);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .slab .flex > a.play:after {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 30px;
    display: inline-block;
    speak: none;
    text-align: center;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    color: hsla(0, 68%, 100%, 1);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab .flex > a.play:focus:before
main .slab .flex > a.play:hover:before {
    background-color: hsla(0, 68%, 35%, 1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main .slab .flex > a.play:active:before {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}


main .slab .card.play.now-playing > a:first-child {
    background-color: hsla(198, 0%, 20%, 0.5);
}

main .slab .card.trim.play.now-playing a:focus,
main .slab .card.trim.play.now-playing a:hover {
    background-color: hsla(198, 0%, 20%, 0.5);
}

main .slab .card.play.now-playing > a:before {display: none;}
main .slab .card.play.now-playing > a:after {
    content: "Now playing";
    font-family: "Foundry Sterling W01";
    font-size: 14px;
    width: 80px;
    margin-left: -40px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    transition: 0s;
}

main .slab .card.play.feature a:before {
    background-color: hsla(0, 68%, 39%, 1);
}

main .slab .card.play.feature a:focus:before,
main .slab .card.play.feature a:hover:before {
    background-color: hsla(0, 68%, 35%, 1);
}
main .slab .card.play a:focus:before
main .slab .card.play a:hover:before {
    background-color: hsla(0, 68%, 35%, 1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main .slab .card.trim.play a:focus,
main .slab .card.trim.play a:hover {
    background-color: hsla(0, 68%, 0%, 0.1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
main .slab .card.play a:active:before {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
.slab ul.tags {
    padding-right: 13px;
    padding-left: 7em;
    position: relative;
}
.slab ul.tags.trim {
    margin: 0;
    margin-left: 15px;
}
.slab ul.tags.a-right {
    padding-left: 0;
}

.slab ul.tags > li {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
    padding: 0;
    margin: 0 1.25em 0.5em 0;
}
/*.slab ul.tags > li:first-child {margin-left: 0;}*/
.slab ul.tags > li:before {display: none;}
.slab ul.tags > li > a {
    display: inline-block;
    background-color: hsla(198, 100%, 20%, 0.07);
    border: 0;
    line-height: 2;
    border-radius: 2px 0 0 2px;
    color: hsla(0, 0%, 28%, 1);
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: all 500ms;
}

.slab ul.tags > li > a:before {
    display: inline-block;
    content: "";
    background-color: hsla(198, 100%, 100%, 0.9);
    border-radius: 1em;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    height: 0.5em;
    width: 0.5em;
    margin: 0 0.25em 0.25em 0.5em;
    transition: all 500ms;
    vertical-align: middle;
}
.slab ul.tags > li > a:after {
    position: absolute;
    content: "";
    background: transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid hsla(198, 100%, 20%, 0.07);
    border-top: 1em solid transparent;
    right: -1em;
    top: 0;
    transition: all 500ms;
}
.slab ul.tags > li > a:hover {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);transition: all 500ms;}
main > .slab ul.tags > li > a:hover:after {border-left-color: hsla(198, 0%, 20%, 0.9);transition: all 500ms;}

.slab ul.tags > li > a > i {}
.slab ul.tags > li > a > i:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 0.9em;
    font-style: normal;
    color: hsla(198, 100%, 20%, 0.25);
    padding-left: 0.25em;
    transition: all 500ms;
}
.slab ul.tags > li > a:hover > i:before {
    color: hsla(0, 100%, 100%, 1);
    transition: all 500ms;
}

.secondary ul.tags > li > a {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
}
.secondary ul.tags > li > a:after {border-left-color: hsla(198, 0%, 20%, 0.9);}

.secondary ul.tags > li > a > i:before {color: hsla(206, 26%, 95%, 1);}


main p {margin-top: 0;}

.card.puff p {font-size: 15px;line-height: 1.75;}

main .slab p.qualification {font-family: "Copernicus W01"; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; line-height: 1; margin-bottom: 0.5em;}

main .slab p.name {font-family: "Copernicus W01"; font-size: 20px;font-weight: 400;margin-bottom: 0.5em;letter-spacing: 0em;line-height: 1;}
main .slab p.name.feature {font-size: 30px;letter-spacing: 0em;font-weight: 500;}

main .slab p.date,
main .slab td.date {margin-bottom: 0;font-weight: 300;letter-spacing: 0.05em;font-family: "Foundry Sterling W01";}

main .slab p.position {font-family: "Foundry Sterling W01";font-size: 16px;font-weight: 500;line-height: 1.25;}
main .slab p.name + p.position {margin-top: -0.25em;}
main .slab p.name.feature + p.position {margin-top: -0.5em;}
main .slab p.position + p.department {margin-top: -0.5em;}

main .slab p.degree,
main .slab td.degree {font-size: 14px;line-height: 1.25;font-family: "Copernicus W01"; font-weight: 400;letter-spacing: 0.05em;}
main .slab p.degree a,
main .slab td.degree a {color: hsla(0, 68%, 45%, 1);border-bottom: 0;}

main .slab .event-date {font-family: "Jotia W00", sans-serif;letter-spacing: 0.025em;line-height: 1;font-weight: 500;}
main .slab .event-date .event-month {font-family: "Copernicus W01";letter-spacing: 0.01em;font-weight: 600;}

main .slab p.department {line-height: 1.25;}

main .slab p.postal {font-size: 16px;white-space: pre-line;letter-spacing: 0.04em;}
main .slab dd.postal {white-space: pre-line;}
main .slab p.postal br, main .slab dd.postal br {display:inline;}

main .slab p.stinger {font-size: 32px;line-height: 1.4;font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.01em;margin-bottom: 0.5em;color: hsla(198, 0%, 20%, 0.8);}
main .slab p.stinger strong {font-weight: 600;}

main .slab td > a:only-child {
    color: hsla(0, 68%, 45%, 1);
    border-bottom: 0;
    font-size: 14px;
    line-height: 1.25;
    font-family: "Copernicus W01";
    font-weight: 400;
    letter-spacing: 0.05em;
}

main mark {background-color: hsla(0, 72%, 49%, 0.3);}
main .slab.feature mark,
main .card.feature mark {background-color: hsla(0, 72%, 29%, 0.5);}

main blockquote,
main q {color: hsla(0, 0%, 28%, 0.7);padding: 0 0.25em;font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.025em;font-size: 13px;line-height: 1.75;}

main blockquote {margin: 20px;padding: 0;}

main .pre br {display: inherit;}

main .feature blockquote,
main .feature q, 
main .secondary blockquote,
main .secondary q {color: inherit;}

main .primary blockquote,
main .primary q {color: hsla(0, 0%, 28%, 0.9);}

main blockquote > p:first-child {font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.025em;margin-bottom: 0.5em;font-size: 14px;line-height: 1.75;}

main q:before,
main blockquote > p:first-child:before {
    font-family: "FontAwesome";
    content: "\f10d";
    color: hsla(0, 68%, 45%, 1);
    margin-right: 0.4em;
    font-size: 0.95em;
    vertical-align: top;
    line-height: 1;
    font-weight: 900;
}

main q:after,
main blockquote > p:first-child:after {
    font-family: "FontAwesome";
    content: "\f10e";
    font-weight: 900;
    color: hsla(0, 68%, 45%, 1);
    font-size: 0.95em;
    margin-left: 0.4em;
    vertical-align: top;
    line-height: 1;
}

main q:before,
main q:after {font-size: 0.5em;}

main .feature q:before,
main .feature q:after,
main .secondary q:before,
main .secondary q:after,
main .feature blockquote > p:first-child:before,
main .feature blockquote > p:first-child:after,
main .secondary blockquote > p:first-child:before,
main .secondary blockquote > p:first-child:after {color: inherit;}

main blockquote cite {}
main blockquote p.name {}
main blockquote p.position {font-style: normal;}

main blockquote.feature {margin: 40px;}
main blockquote.feature p {font-size: 26px;margin-bottom: 0.5em;letter-spacing: 0;}
main blockquote.feature p.name {font-size: 26px;}
main blockquote.feature p.position {font-size: 20px;}
main blockquote.feature p.name + p.position {margin-top: -0.75em;}

main .video-info p.title {line-height: 1;font-weight: 400;font-size: 24px;}

main p.btn {margin-bottom: 0.5em;}
main p.btn.trim {margin-bottom: 0;line-height: 1;}

main input[type=submit].block {width: 100%;}

main p.btn.block a {display: block;text-align: center;}

main input[type=submit].block:last-child,
main p.btn.block > a:last-child {margin-bottom: 0;}

main p.btn.trim > a {margin-bottom: 0;}

main p.btn.inline {display: inline-block;}

main input[type=file]::-ms-browse {color: inherit}

main input[type=file]::-webkit-file-upload-button {
    color: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: inherit;
    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    padding: 3px 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    line-height: 1.5;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=file]::-webkit-file-upload-button:focus,
main input[type=file]::-webkit-file-upload-button:hover {
    cursor: pointer;
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    outline: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main .secondary input[type=file]::-webkit-file-upload-button {
    background-color: hsla(198, 0%, 15%, 0.9);
    border-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .secondary input[type=file]::-webkit-file-upload-button:focus,
main .secondary input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(198, 0%, 10%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 10%, 1);
}

main .secondary input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 5%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main .tertiary input[type=file]::-webkit-file-upload-button {
    background-color: hsla(206, 26%, 90%, 1);
    border-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .tertiary input[type=file]::-webkit-file-upload-button:focus,
main .tertiary input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
}

main .tertiary input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}


main .feature input[type=file]::-webkit-file-upload-button {
    background-color: hsla(0, 68%, 30%, 1);
    border-color: hsla(0, 68%, 30%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .feature input[type=file]::-webkit-file-upload-button:focus,
main .feature input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(0, 68%, 25%, 1);
    border-color: hsla(0, 68%, 25%, 1);
    color: hsla(0, 100%, 100%, 1);
}

main .feature input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(0, 68%, 20%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit],
main p.btn a {
    -webkit-appearance: none;
    -webkit-font-smoothing: subpixel-antialiased;
    color: inherit;
    background-color: transparent;
    text-decoration: none;
    padding: 7px 10px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 0.5em 0;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    border: 1px solid;
    border-color: inherit;
    line-height: 1.5;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    overflow: hidden;
}

main input[type=submit]:focus,
main input[type=submit]:hover,
main p.btn a:focus,
main p.btn a:hover {
    cursor: pointer;
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    outline: none;
    color: hsla(0, 100%, 100%, 1);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=submit]:active,
main p.btn a:active {
    background-color: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit]:before,
main p.btn a:before {
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 0.95em;
    vertical-align: middle;
    line-height: 1;
    font-weight: 900;
}

main input[type=submit]:after,
main p.btn a:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f054";
    font-size: 0.95em;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1;
}

main p.btn.location a:after,
main p.btn.edit a:after,
main p.btn.contribute a:after,
main p.btn.login a:after,
main p.btn.logout a:after,
main p.btn.pdf a:after,
main p.btn.tel a:after,
main p.btn.tick a:after,
main p.btn.email a:after,
main p.btn.linkedin a:after,
main p.btn.disabled a:after,
main p.btn.clock a:after,
main p.btn.calendar a:after,
main p.btn.ppt a:after {display: none;}

main p.btn.pdf a:before {content: "\f1c1"; font-weight: 100;}
main p.btn.ppt a:before {content: "\f1c4"; font-weight: 100;}
main p.btn.tel a:before {content: "\f095";}
main p.btn.login a:before {content: "\f090";}
main p.btn.logout a:before {content: "\f08b";}
main p.btn.email a:before {content: "\f0e0"; font-weight: 100;}
main p.btn.location a:before {content: "\f041";}
main p.btn.edit a:before {content: "\f040";}
main p.btn.contribute a:before {content: "\f075";}
main p.btn.tick a:before {content: "\f046";}
main p.btn.linkedin a:before {content: "\f0e1";}
main p.btn.disabled a:before {content: "\f05e";}

main p.btn.clock a:before {content: "\f017";}
main p.btn.calendar a:before {content: "\f073";}

main p.btn.expand a:after {content: "\f078";}
main p.btn.contract a:after {content: "\f077";}

main input[type=submit].primary,
main p.btn.primary a {
    background-color: hsla(198, 100%, 20%,0.07);
    border-color: hsla(0, 0%, 28%, 0.8);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main input[type=submit].secondary,
main p.btn.secondary a {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main input[type=submit].tertiary,
main p.btn.tertiary a {
    background-color: hsla(0, 68%, 100%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 45%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main input[type=submit].feature,
main p.btn.feature a {
    background-color: hsla(0, 68%, 45%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .secondary input[type=submit].primary,
main .feature input[type=submit].primary,
main .secondary p.btn.primary a,
main .feature p.btn.primary a {
    background-color: hsla(206, 26%, 95%, 1);
    border-color: hsla(206, 26%, 95%, 1);
    color: hsla(0, 0%, 0%, 1);
}
main .feature input[type=submit].tertiary,
main .feature p.btn.tertiary a {
    border-color: hsla(0, 68%, 100%, 1);
}
main .feature input[type=submit].feature,
main .feature p.btn.feature a {
    background-color: hsla(0, 68%, 35%, 1);
    border-color: hsla(0, 68%, 35%, 1);
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}



main input[type=submit].primary:focus,
main input[type=submit].primary:hover,
main p.btn.primary a:focus,
main p.btn.primary a:hover {
    background-color: hsla(0, 68%, 100%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 45%, 1);
}
main input[type=submit].secondary:focus,
main input[type=submit].secondary:hover,
main p.btn.secondary a:focus,
main p.btn.secondary a:hover {
    background-color: hsla(198, 0%, 20%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 1);
}
main input[type=submit].tertiary:focus,
main input[type=submit].tertiary:hover,
main p.btn.tertiary a:focus,
main p.btn.tertiary a:hover {
    background-color: hsla(0, 68%, 45%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main input[type=submit].feature:focus,
main input[type=submit].feature:hover,
main p.btn.feature a:focus,
main p.btn.feature a:hover {
    background-color: hsla(0, 68%, 35%, 1);
}

main .secondary input[type=submit].secondary:focus,
main .secondary input[type=submit].secondary:hover,
main .feature input[type=submit].secondary:focus,
main .feature input[type=submit].secondary:hover,
main .secondary p.btn.secondary a:focus,
main .secondary p.btn.secondary a:hover,
main .feature p.btn.secondary a:focus,
main .feature p.btn.secondary a:hover {
    background-color: hsla(198, 0%, 10%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 10%, 1);
}
main .feature input[type=submit].tertiary:focus,
main .feature input[type=submit].tertiary:hover,
main .feature p.btn.tertiary a:focus,
main .feature p.btn.tertiary a:hover {
    border-color: hsla(0, 100%, 100%, 1);
}
main .feature input[type=submit].feature:focus,
main .feature input[type=submit].feature:hover,
main .feature p.btn.feature a:focus,
main .feature p.btn.feature a:hover {
    background-color: hsla(0, 68%, 30%, 1);
    border-color: hsla(0, 68%, 30%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
main input[type=submit].primary:active,
main input[type=submit].secondary:active,
main input[type=submit].tertiary:active,
main input[type=submit].feature:active,
main p.btn.primary a:active,
main p.btn.secondary a:active,
main p.btn.tertiary a:active,
main p.btn.feature a:active {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
main .feature input[type=submit].feature:active,
main .feature p.btn.feature a:active {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit].disabled,
main p.btn.disabled a {
    pointer-events: none;
}

main fieldset {padding: 35px 10px 10px 10px; box-sizing: border-box;border: 0;margin:0 0 20px 0;position: relative;}
main fieldset.trim {padding: 25px 0 0 0;margin: 0;}
main fieldset.trim legend {top: 0; left:0;}
main fieldset legend {font-family: "Jotia W00", sans-serif;letter-spacing: 0.01em;padding: 0;position:absolute;top:10px;left:10px;font-size:17px;font-weight:700;color: inherit;}
main fieldset.suppress-legend {padding-top: 10px;}
main fieldset.suppress-legend.trim {padding-top: 0;}
main fieldset.suppress-legend legend {display: none;}

/*@@ NJ - long legend questions (radio buttons or checkboxes) overlap content on new line @@*/
main fieldset.long-legend {padding-top: 10px;}
main fieldset.long-legend.trim {padding-top: 0;}
main fieldset.long-legend > legend {position: static;}

/*@@ NJ - Fix as per above but for squiz generated fields (general publisher created forms) @@*/

main .sq-form-question {margin-bottom: 10px;}
main .sq-form-question-option-list fieldset, main .sq-form-question-tickbox-list fieldset, main .sq-form-question-tickbox-table fieldset {padding: 0px}
main .sq-form-question-option-list fieldset.trim, main .sq-form-question-tickbox-list fieldset.trim, main .sq-form-question-tickbox-table fieldset.trim {padding-top: 0}
main .sq-form-question-option-list fieldset > legend, main .sq-form-question-tickbox-list fieldset > legend, main .sq-form-question-tickbox-table fieldset > legend {position: static; font-family: inherit; font-size: 15px; font-weight: 500;}

main form .sq-form-upload {margin-bottom: 2px;}

main .card.trim fieldset ul {padding: 0;}

main fieldset.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main fieldset.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
main fieldset.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main fieldset.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

main .secondary fieldset.primary {background-color: hsla(206, 26%, 95%, 1);}
main .feature fieldset.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary fieldset.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature fieldset.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature fieldset.feature {background-color: hsla(0, 68%, 25%, 0.2);}



main textarea,
main input,
main select {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "Foundry Sterling W01";
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 0.3em 0.3em 0.3em;
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
main fieldset.tertiary.search input[type=text] {
    padding: 20px 3em 20px 7em;
    font-size: 20px;
    border-color: hsla(0, 0%, 28%, 0.1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
}
main fieldset.tertiary.search label {
    color: hsla(198, 0%, 20%, 0.8);
    font-family: "Jotia W00", sans-serif;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: -50px;
    margin-left: 40px;
    margin-top: 20px;
}
main fieldset.tertiary.search label:after {
    font-family: "FontAwesome";
    vertical-align: middle;
    font-size: 20px;
    display: inline-block;
    content: "\f002";
    padding: 0;
    line-height: 1.5;
    color: hsla(0, 68%, 45%, 1);
    position: absolute;
    right: 40px;
}


/** NJJ search customisation for new search design */
main .search input.search[type=text] {
    padding: 20px 3em 20px 8em;
    font-size: 20px;
    margin-bottom: 0;
    border-color: hsla(0, 0%, 28%, 0.1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
}
main .search label.inset {
    color: hsla(198, 0%, 20%, 0.8);
    font-family: "Jotia W00", sans-serif;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: -50px;
    margin-left: 25px;
    margin-top: 25px;
}
main .search a.search-button {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: hsla(0, 68%, 45%, 1);
    margin-top: 23px;
    right: 35px;
    position: absolute;
    border-bottom: none;
}
main .search a.search-button::after {content: "\f002";}

@media (max-width: 32em) {
    main .search label.inset { color: rgba(255, 255, 255, 0); }
    main .search a.search-button {right: 25px; }
    main .search input.search[type=text] { padding-left: 1em; padding-right: 2.3em; }
}
/** NJJ search customisation for new search design END */

main textarea.inline,
main input.inline,
main select.inline{width: auto;}

main .secondary textarea,
main .secondary input:not([type=submit]),
main .secondary select {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .tertiary textarea,
main .tertiary input:not([type=submit]),
main .tertiary select {
    background-color: hsla(198, 100%, 20%,0.07);
    color: inherit;
    border-color: hsla(0, 0%, 28%, 0.8);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .feature textarea,
main .feature input:not([type=submit]),
main .feature select {
    background-color: hsla(0, 68%, 35%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(0, 68%, 35%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .feature textarea.primary,
main .feature input.primary:not([type=submit]),
main .feature select.primary {
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}

main .secondary input[type=range],
main .tertiary input[type=range],
main .feature input[type=range] {-webkit-box-shadow: inherit;box-shadow: inherit;}

main input[type=range] {padding: 0.3em 0 0.3em 0;}

main progress,
main meter {width: 100%;margin-bottom: 20px;-webkit-appearance: none;}


main progress,
main progress::-webkit-progress-bar {
    background-color: hsla(198, 100%, 20%,0.07);
    color: inherit;
    border: inherit;
}

main .secondary progress,
main .secondary progress::-webkit-progress-bar {background-color: hsla(198, 0%, 20%, 0.9);}

main .feature progress,
main .feature progress::-webkit-progress-bar {background-color: hsla(0, 68%, 25%, 0.2);}


main progress::-webkit-progress-value,
main progress::-moz-progress-bar {
    background-color: hsla(0, 68%, 45%, 1);
}

main textarea:last-child,
main input:last-child,
main select:last-child {margin-bottom: 0;}

main textarea:focus,
main input:not([type=range]):focus,
main select:focus {outline: none;box-shadow: hsla(198, 100%, 70%, 0.7) 0.05em 0.05em 0.5em;}

main fieldset ul:last-child {margin: 0;}
main fieldset ul li {padding-left: 0;}
main fieldset ul li:before {display: none;}
main fieldset ul li a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main fieldset ul li label {display: inline;}

main fieldset span.required {font-size: 11px;vertical-align: super;color: hsla(0, 68%, 45%, 1);}

main .secondary span.required,
main .feature span.required {color: inherit;}

main .primary span.required,
main .tertiary span.required {color: hsla(0, 68%, 45%, 1);}

main .primary .secondary span.required,
main .primary .feature span.required,
main .tertiary .secondary span.required,
main .tertiary .feature span.required {color: inherit;}

main label {display: block;font-weight:500;}
main label.inline {display: inline-block;font-weight: 400;}

main input[type=radio],
main input[type=checkbox] {vertical-align: middle;margin: 0;padding: 0;width: auto;}
main input[type=radio],
main input[type=checkbox] {-webkit-box-shadow:inherit !important;box-shadow:inherit !important;}
main input[type=submit]{font-family: inherit;width: auto;}

main iframe,
main embed {max-width: 100%; border: 0;}

main p b,
main p strong {font-weight: 500;}

main p small,
main p small {font-size: 0.8em}


main p big,
main p big {font-size: 1.2em}

main video,
main img {height: auto; margin: 0 0 20px 0;}
main video {width: 100%;}
main video.trim,
main img.trim {margin: 0;}

main img {width: 100%;}

main img.left,
main img.right,
main img.inline,
main img.icon,
main svg.icon {width: auto; max-width: 100%;}

main video.shadow,
main img.shadow {
    -webkit-box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
    box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
}

main img.gu1 {width:  6.752%;}
main img.gu2 {width: 15.229%;}
main img.gu3 {width: 23.706%;}
main img.gu4 {width: 32.183%;}
main img.gu5 {width: 40.660%;}
main img.gu6 {width: 49.138%;}
main img.gu7 {width: 57.615%;}
main img.gu8 {width: 66.092%;}
main img.gu9 {width: 74.569%;}
main img.gu10 {width: 83.046%;}
main img.gu11 {width: 91.523%;}
main img.gu12 {width: 100%;}

main video.inline,
main img.inline {max-width: 100%; display: inline-block;}
main video.left,
main img.left {float: left; max-width: 100%; margin: 0 0.75em 0.75em 0;}
main video.right,
main img.right {float: right; max-width: 100%; margin: 0 0 0.75em 0.75em;}

main img.right.trim,
main img.left.trim,
main img.inline.trim,
main video.left.trim,
main video.right.trim,
main video.inline.trim {margin-bottom: 0;}


main .card svg.icon,
main .card img.icon {width: auto; max-width: 50%;}

main .card.breakout {position: relative;overflow: visible;}
main .card.breakout > * {position: inherit; z-index: 2;}
main .card.breakout img:first-of-type {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 107%;
    height: calc(100% + 40px);
    max-height: 490px;
    width: auto;
    z-index: 1;
    margin:0;
    pointer-events: none;
}
main .card.breakout.b-trans img:first-of-type {opacity:0.4;}
main .card.breakout.b-left img:first-of-type {
    left: 0;
    right: inherit;
}

main ul {margin: 0 0 20px 0;padding: 0; list-style-type: none;}
main ul li {padding-left: 1em; box-sizing: border-box;}
main ul li:before {content: "\f111";font-family: "FontAwesome";margin-left: -2.5em;margin-right: 1.5em;vertical-align: middle;font-size: 0.3em;font-weight:900;}

main ul.feature li {padding: 0;margin-bottom: 10px;font-size: 16px;line-height:1.25;}
main ul.feature li a {border-bottom: inherit;}
main ul.feature li:before {display: none;}
main ul.feature li:after {font-family: "FontAwesome";content: "\f105";font-size: 1.25em;margin-left: 5px;vertical-align: middle;font-weight:100;line-height: 1;color: hsla(0, 68%, 45%, 1);}

main ul.feature li a:focus,
main ul.feature li a:hover {color: hsla(0, 68%, 45%, 1);}

main .feature ul.feature li a:focus,
main .secondary ul.feature li a:focus,
main .feature ul.feature li a:hover,
main .secondary ul.feature li a:hover {color: hsla(0, 100%, 100%, 1);}
main .feature ul.feature li:after,
main .secondary ul.feature li:after {color: hsla(0, 100%, 100%, 1);}

main ol {margin: 0 0 20px 0;padding: 0;}
main ol li {list-style-position: inside;text-indent: -20px;padding-left: 20px;}
main ol li * {text-indent: 0;}

main dl {margin: 0 0 20px 0;}
main dl dt {font-weight: 500;}
main dl dd {margin-left: 2em;}

main table {width:100%;border-collapse: collapse;margin-bottom: 1em;}
main table tr:nth-child(2n+2) {background-color:hsla(198, 100%, 36%,0.08);}
main table th {
    font-family: "Copernicus W01";
    color: hsla(0, 68%, 100%, 1);
    line-height: 1.25;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-weight: 400;
    background-color: hsla(198, 0%, 20%, 0.9);
    padding: 0.5em 0.5em;
    text-align: left;
}
main table td {padding: 0 5px;font-size: 14px;}
main table td.a-right {text-align: right;}
main table td.a-center {text-align: center;}
main table th.a-right {text-align: right;}
main table th.a-center {text-align: center;}
main table.inline {width: auto;}

main table.puff th {padding: 20px;font-size: 13px;}
main table.puff td {padding: 20px;font-size: 15px;}

main table.shadow {
    -webkit-box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
    box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
}

main .slab.trans {background-color: inherit;}
main .slab.puff {padding: 80px 0 60px 0;}
main .card.puff {padding: 80px;}
main .slab.trim {padding: 0;}
main .slab.trim-top {padding-top: 0;}
main .slab.trim-bottom {padding-bottom: 0; overflow: hidden;}
main .slab .flex.puff {padding: 80px 0;}
main .slab .flex.space {padding: 20px 0 10px 0;}
main .slab .flex.flush.space {padding: 20px;}
main .slab .flex.trim {padding: 0;}
main .slab .flex.trim-top {padding-top: 0;}
main .slab .flex.trim-bottom {padding-bottom: 0;}
main .card.flex.puff {padding: 80px;}
main .card.flex.puff.trim {padding: 0;}
main .card.flex.puff.trim-top {padding-top: 0;}
main .card.flex.puff.trim-bottom {padding-bottom: 0;}
main .card.trim-top {padding-top: 0;}
main .card.trim-bottom {padding-bottom: 0;}
main .slab .flex.trim .card {margin: 0;}
main .slab.inset-top {margin-top: -30px;}
main .slab.inset-bottom {margin-bottom: -30px;}
main .slab.inset-top--large {margin-top: -60px;}
main .slab.inset-bottom--large {margin-bottom: -60px;}
main .card.inset-top {margin-top: -30px;}
main .card.inset-bottom {margin-bottom: -30px;}
main .card.inset-top--large {margin-top: -60px;}
main .card.inset-bottom--large {margin-bottom: -60px;}
main .slab.puff.inset-top {margin-top: -70px;}
main .slab.puff.inset-bottom {margin-bottom: -70px;}
main .card.puff.inset-top {margin-top: -70px;}
main .card.puff.inset-bottom {margin-bottom: -70px;}
main .card.shadow,
main .slab .flex.shadow {
    -webkit-box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
    box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
}

main .slab .flex.tiles {}
main .slab .flex.tiles > .card {margin: 0.5px}
main .slab .flex.tiles > .card > a:first-child {
    border: 0;
    background-color: hsla(198, 0%, 20%, 0.15);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
main .slab .flex.tiles > .card > a:first-child:focus,
main .slab .flex.tiles > .card > a:first-child:hover {
    background-color: hsla(198, 0%, 20%, 0);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
main .slab .flex.tiles > .card > a:first-child span {
    padding: 7px 10px;
    margin: 0 20px 20px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    font-family: "Copernicus W01";
    letter-spacing: 0.025em;
    background-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    display: inline-block;
}
main .slab .flex.tiles > .card > a:first-child span:nth-child(2) {
    background: hsla(198, 0%, 20%, 0.9);
    font-weight: 300;
    font-size: 14px;
    padding: 7px 10px;
    font-family: "Foundry Sterling W01";
    margin: -20px 20px 20px 20px;
}


/*H1 reserved for logo and page name only*/
main .slab .inner h1 {display: none;}

/*Heading styles are not to be altered*/
main h2 b,
main h2 i,
main h2 strong,
main h2 em {font-weight: 400;font-style: normal;}
main h3 b,
main h3 i,
main h3 strong,
main h3 em {font-weight: 500;font-style: normal;}
main h4 b,
main h4 i,
main h4 strong,
main h4 em {font-weight: 400;font-style: normal;}
main h5 b,
main h5 i,
main h5 strong,
main h5 em {font-weight: 500;font-style: normal;}
main h6 b,
main h6 i,
main h6 strong,
main h6 em {font-weight: 100;font-style: normal;}

main h2.feature b,
main h2.feature i,
main h2.feature strong,
main h2.feature em {font-weight: 700;font-style: normal;}
main h3.feature b,
main h3.feature i,
main h3.feature strong,
main h3.feature em {font-weight: 500;font-style: normal;}
main h4.feature b,
main h4.feature i,
main h4.feature strong,
main h4.feature em {font-weight: 400;font-style: normal;}
main h5.feature b,
main h5.feature i,
main h5.feature strong,
main h5.feature em {font-weight: 500;font-style: normal;}
main h6.feature b,
main h6.feature i,
main h6.feature strong,
main h6.feature em {font-weight: 400;font-style: normal;}

/*Headings are not links*/
main h2 a, main h3 a, main h4 a, main h5 a, main h6 a {display: none;}

main .slab .inner h1 {}
main .slab .inner h2 {font-size: 26px; font-weight: 400; letter-spacing: 0.04em; margin: 0 0 0.4em 0;line-height: 1.4;}
main .slab .inner h3 {font-size: 17px; margin: 0 0 0.6em 0;line-height: 1.4;}
main .slab .inner h4 {font-size: 16px; font-weight: 400; letter-spacing: 0.1em; margin: 0 0 0.6em 0;line-height: 1.25;}
main .slab .inner h5 {font-size: 15px; margin: 0 0 0.6em 0;}
main .slab .inner h6 {font-size: 14px; font-weight: 100; letter-spacing: 0.04em; margin: 0 0 0.6em 0;}

main .slab .inner h1.feature {}
main .slab .inner h2.feature {font-size: 24px;font-weight: 700;letter-spacing: 0.025em; margin: 0 0 0.2em 0; color: hsla(198, 0%, 20%, 0.8);text-transform: uppercase;}
main .slab .inner h3.feature {font-size: 22px; margin: 0 0 0.3em 0;line-height: 1.5;}
main .slab .inner h4.feature {font-size: 20px;letter-spacing: 0.01em;color: hsla(0, 68%, 45%, 1);line-height: 1.5;}
main .slab .inner h5.feature {font-size: 18px;line-height: 1.5;}
main .slab .inner h6.feature {font-size: 16px;font-weight: 400;letter-spacing: 0.01em;color: hsla(0, 68%, 45%, 1);line-height: 1.5;}

main .slab .inner .secondary h2.feature,
main .slab .inner .feature h2.feature,
main .slab .inner .secondary p.stinger,
main .slab .inner .feature p.stinger,
main .slab .inner .secondary h4.feature,
main .slab .inner .feature h4.feature,
main .slab .inner .secondary h6.feature,
main .slab .inner .feature h6.feature {color: hsla(0, 100%, 100%, 1);}

main .slab.secondary .inner h2.feature,
main .slab.feature .inner h2.feature,
main .slab.secondary .inner p.stinger,
main .slab.feature .inner p.stinger,
main .slab.secondary .inner h4.feature,
main .slab.feature .inner h4.feature,
main .slab.secondary .inner h6.feature,
main .slab.feature .inner h6.feature {color: hsla(0, 100%, 100%, 1);}

main .slab.secondary .inner .primary h2.feature,
main .slab.feature .inner .primary h2.feature,
main .slab.secondary .inner .tertiary h2.feature,
main .slab.feature .inner .tertiary h2.feature,
main .slab.secondary .inner .primary p.stinger,
main .slab.feature .inner .primary p.stinger,
main .slab.secondary .inner .tertiary p.stinger,
main .slab.feature .inner .tertiary p.stinger {color: hsla(198, 0%, 20%, 0.8);}

main .slab.secondary .inner .primary h4.feature,
main .slab.feature .inner .primary h4.feature,
main .slab.secondary .inner .primary h6.feature,
main .slab.feature .inner .primary h6.feature,
main .slab.secondary .inner .tertiary h4.feature,
main .slab.feature .inner .tertiary h4.feature,
main .slab.secondary .inner .tertiary h6.feature,
main .slab.feature .inner .tertiary h6.feature {color: hsla(0, 68%, 45%, 1);}

main .slab .inner h2.inline,
main .slab .inner h3.inline,
main .slab .inner h4.inline,
main .slab .inner h5.inline,
main .slab .inner h6.inline  {display: inline-block;}


main .slab .banner h1,
main .slab .banner h2 {
    font-size: 40px;
    color: hsla(0, 100%, 100%, 1);
    background-color: hsla(0, 72%, 49%, 0.8);
    padding: 20px 20px 15px 20px;
    display: inline-block;
    margin: 0;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
main .slab .banner.card {overflow: visible;}
main .slab .banner.feature {
    overflow: visible;
    margin-bottom: 0;
    background-color: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    /*padding: 20px 20px 50px 20px;*/
    padding: 30px;
}
main .slab .banner.card.feature.narrow {
    padding: 20px;
}
main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {
    padding-bottom: 70px;
}
main .inset-bottom .slab.videobg .banner.feature,
main .slab.inset-bottom.videobg .banner.feature {
    padding-bottom: 90px;
}

main .slab .remarkable-bg {margin-bottom:57px;}
main .slab .remarkable-bg a {padding: 20px;}
main .slab .remarkable-bg q {
    font-family: "Jotia W00", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    line-height: 1;
    font-size: 38px;
    padding: 0;
    }
main .slab .remarkable-bg q:before {margin: 0;}
main .slab .remarkable-bg q:after {margin: 0;}
main .slab .remarkable-bg p.name {
    font-size: 15px;
    margin: 0.25em 0 0 0;
    }
main .slab .remarkable-bg p.position {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    }

main .slab .remarkable-bg:before,
main .slab .banner.feature:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: hsla(0, 70%, 40%, 1);
    mix-blend-mode: multiply;
}
main .slab .remarkable-bg.hard-light:before,
main .slab .banner.feature.hard-light:before {
    mix-blend-mode: hard-light;
}
main .slab .banner.feature * {max-width: 1160px;}


main .slab .banner.feature h1,
main .slab .banner.feature h2 {
    background-color: inherit;
    font-family: "Jotia W00", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0;
    font-size: 48px;
    line-height: 1;
    display: block;
    margin: 0 auto;
}

main .slab .banner.feature h1.tagline:before, main .slab .banner.feature h2.tagline:before {
    display: block;
    content: "Be remarkable";
    animation: tagline 14000ms infinite;
}

@keyframes tagline{
    2%    {opacity: 1;content: "Be remarkable";}
    30%    {opacity: 1;content: "Be remarkable";}

    33%    {opacity: 0;}

    36%    {opacity: 1;content: "Be courageous";}
    63%    {opacity: 1;content: "Be courageous";}

    66%    {opacity: 0;}

    69%    {opacity: 1;content: "Be experimental";}
    96%    {opacity: 1;content: "Be experimental";}

    99%    {opacity: 0;}
}



main .slab .banner a {border-bottom: 0;}
main .slab .banner a:hover,
main .slab .banner a:focus {color: inherit;}
main .slab .banner p {
    font-size: 20px;
    color: hsla(0, 100%, 100%, 1);
    background-color: hsla(198, 0%, 20%, 0.8);
    padding: 15px 20px 15px 20px;
    display: block;
    font-family: "Copernicus W01";
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.025em;
    margin: 0;
}
main .slab .banner.feature p {
    background-color: inherit;
    display: inline-block;
    font-family: "Jotia W00", sans-serif;
    font-weight: 100;
    font-size: 15px;
    padding: 0;
    line-height: 1.1;
    font-style: inherit;
    margin: 10px 0 0 0;
}

main .slab .banner.feature a p {border-bottom: 1px solid hsla(0, 68%, 100%, 1);}

main .slab .banner a p:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0.25em;
    font-size: 1.1em;
    line-height: 1;
    vertical-align: baseline;
}

main .slab .banner.feature a p:after {content: "";margin: 0;}
main .slab .banner.feature a:hover p,
main .slab .banner.feature a:focus p {background-color: inherit;}

main .slab .banner.feature a:hover h1,
main .slab .banner.feature a:focus h1 {background-color: inherit;}

main .slab .banner a:hover h1,
main .slab .banner a:focus h1 {background-color: hsla(0, 72%, 49%, 1);}
main .slab .banner a:hover p,
main .slab .banner a:focus p {background-color: hsla(198, 0%, 20%, 1);}


main p.feature {font-size: 17px;}
main p.feature:not(.btn) a:focus,
main p.feature:not(.btn) a:hover {color: hsla(0, 68%, 45%, 1);border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}

main p.puff {padding: 20px 0;}

main p.intro {font-size: 22px;margin: 0 0 0.3em 0;line-height: 1.5;font-family: "Jotia W00";font-weight: 500;letter-spacing: 0.01em;}

main a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main p.feature:not(.btn) a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main abbr {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);cursor: help;display: inline-block;margin-bottom: -2px;line-height: 1;text-decoration: none;}
main dfn {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);cursor: help;}

main .secondary a {border-bottom: 2px solid hsla(0, 68%, 100%, 1);}
main .secondary abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}



main .feature a {border-bottom: 2px solid hsla(0, 68%, 100%, 1);}
main .feature abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}

main p.feature abbr {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);}
main .feature p.feature abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}

main a:focus,
main a:hover {color: hsla(0, 68%, 45%, 1); outline: none;}

main .secondary a:focus,
main .secondary a:hover {color: hsla(0, 100%, 100%, 1);border-color: hsla(0, 100%, 100%, 1);}

main .feature a:focus,
main .feature a:hover {color: hsla(0, 100%, 100%, 1);border-color: hsla(0, 100%, 100%, 1);}

/*@@ Bug fix to colour intext link hover state where secondary/feature slab but tertiary/primary card @@*/
main .slab.secondary .tertiary p:not(.btn)>a:focus,
main .slab.secondary .primary p:not(.btn)>a:focus,
main .slab.secondary .tertiary p:not(.btn)>a:hover,
main .slab.secondary .primary p:not(.btn)>a:hover,
main .slab.feature .tertiary p:not(.btn)>a:focus,
main .slab.feature .primary p:not(.btn)>a:focus,
main .slab.feature .tertiary p:not(.btn)>a:hover,
main .slab.feature .primary p:not(.btn)>a:hover,
main .slab.secondary .tertiary li>a:focus,
main .slab.secondary .primary li>a:focus,
main .slab.secondary .tertiary li>a:hover,
main .slab.secondary .primary li>a:hover,
main .slab.feature .tertiary li>a:focus,
main .slab.feature .primary li>a:focus,
main .slab.feature .tertiary li>a:hover,
main .slab.feature .primary li>a:hover {
  color: hsla(0, 68%, 45%, 1);
  border-color: hsla(0, 68%, 45%, 1);
}

/*@@ Bug fix to colour intext link state where secondary/feature slab but tertiary/primary card @@*/
main .slab.secondary .tertiary p:not(.btn)>a,
main .slab.secondary .primary p:not(.btn)>a,
main .slab.secondary .tertiary p:not(.btn)>a,
main .slab.secondary .primary p:not(.btn)>a,
main .slab.feature .tertiary p:not(.btn)>a,
main .slab.feature .primary p:not(.btn)>a,
main .slab.feature .tertiary p:not(.btn)>a,
main .slab.feature .primary p:not(.btn)>a,
main .slab.secondary .tertiary li>a,
main .slab.secondary .primary li>a,
main .slab.secondary .tertiary li>a,
main .slab.secondary .primary li>a,
main .slab.feature .tertiary li>a,
main .slab.feature .primary li>a,
main .slab.feature .tertiary li>a,
main .slab.feature .primary li>a {
  border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);
}

main .slab {padding: 40px 0 30px 0; clear: both;}
main .slab .inner {max-width: 1160px;padding: 0 20px;}
main .slab.table .inner {max-width: inherit;}
main .slab.full-width .inner {max-width: inherit;padding: 0;}

main .slab .inner .flex {clear:both;}

main .slab .inner > *:first-child {margin-top: 0;}

main .slab.trim-bottom .inner > *:last-child {margin-bottom: 0;}

main > .slab .inner div + h2, main > .slab .inner div + h3, main > .slab .inner div + h4, main > .slab .inner div + h5, main > .slab .inner div + h6 {margin: 0 0 0.5em 0;}

.slab .card {padding: 20px;font-size: 14px;margin: 0 0 20px 0; box-sizing: border-box;overflow: hidden;}
.slab .flex.a-center.flush .card {margin-bottom: 0;}
.slab .flush .card {margin-bottom: 0;}
.slab .card.trans {background-color: inherit;}
.slab .card > .card {margin: 0;}
.slab .card.inline {width: auto; display: inline-block;}
.slab .card.left {float: left; margin: 0 20px 20px 0;}
.slab .card.right {float: right; margin: 0 0 20px 20px;}
.slab .card.a-left {text-align: left;}
.slab .card.a-right {text-align: right;}
.slab .card.a-justify {text-align: justify;}
.slab .flex > a {border-bottom: 0;}
.slab .flex > a > .card {padding-top: 5px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;}
.slab .flex > a.flush > .card {padding: 20px;}


.slab div.icon {margin-bottom: 10px; text-align: center;}
.slab div.icon:before {
    font-family: "FontAwesome";
    vertical-align: middle;
    color: hsla(206, 6%, 91%, 1);
    line-height: 1;
}
.slab div.icon.trim {margin: 0;}
.slab div.icon.inline {display: inline-block;padding: 0 0.5em; width: auto;}

main .slab h2.a-left, main .slab h3.a-left, main .slab h4.a-left, main .slab h5.a-left, main .slab h6.a-left, main .slab p.a-left {text-align: left;}
main .slab h2.a-right, main .slab h3.a-right, main .slab h4.a-right, main .slab h5.a-right, main .slab h6.a-right, main .slab p.a-right {text-align: right;}
main .slab h2.a-justify, main .slab h3.a-justify, main .slab h4.a-justify, main .slab h5.a-justify, main .slab h6.a-justify, main .slab p.a-justify {text-align: justify;}
main .slab h2.a-center, main .slab h3.a-center, main .slab h4.a-center, main .slab h5.a-center, main .slab h6.a-center, main .slab p.a-center {text-align: center;}
main .slab ul.a-left{text-align: left;}
main .slab ul.a-center{text-align: center;} 
main .slab ul.a-right{text-align: right;} 
main .slab ol.a-left{text-align: left;}
main .slab ol.a-center{text-align: center;} 
main .slab ol.a-right{text-align: right;}
main .slab dl.a-left{text-align: left;}
main .slab dl.a-center{text-align: center;} 
main .slab dl.a-right{text-align: right;}
main .slab li.a-left{text-align: left;}
main .slab li.a-center{text-align: center;} 
main .slab li.a-right{text-align: right;}
main .slab input.a-left{text-align: left;}
main .slab input.a-center{text-align: center;} 
main .slab input.a-right{text-align: right;} 

.slab .card > *:first-child {margin-top:0;}
.slab .card > .cssbg:first-child {margin-bottom: 10px;}
.slab .card > div:first-child > .cssbg:first-child {margin-bottom: 10px;}
.slab .card:not(.trim) > *:last-child {margin-bottom:0;}

.slab .card dl {text-align: left;}
.slab .card dl dd {margin-left: 0;}
/*.slab .card > h3:first-child {margin-top: 0;}*/
.slab .card.secondary h2, .slab .card.secondary h3, .slab .card.secondary h4, .slab .card.secondary h4, .slab .card.secondary h5, .slab .card.secondary h6 {color: hsla(0, 100%, 100%, 1);}
.slab .card.feature h2, .slab .card.feature h3, .slab .card.feature h4, .slab .card.feature h4, .slab .card.feature h5, .slab .card.feature h6 {color: hsla(0, 100%, 100%, 1);}

.v-16-9 {position: relative;}
.v-16-9:after {
    padding-top: 56.25%;
    display: table;
    content: "";
}

.v-16-9 > a:first-child,
.v-16-9 > iframe:first-child,
.v-16-9 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}
.v-5-3 {position: relative;}
.v-5-3:after {
    padding-top: 60.00%;
    display: table;
    content: "";
}
.v-5-3 > a:first-child,
.v-5-3 > iframe:first-child,
.v-5-3 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-5-4 {position: relative;}
.v-5-4:after {
    padding-top: 80.00%;
    display: table;
    content: "";
}
.v-5-4 > a:first-child,
.v-5-4 > iframe:first-child,
.v-5-4 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}
.v-7-5 {position: relative;}
.v-7-5:after {
    padding-top: 71.42857%;
    display: table;
    content: "";
}
.v-7-5 > a:first-child,
.v-7-5 > iframe:first-child,
.v-7-5 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}
.v-1-1 {position: relative;}
.v-1-1:after {
    padding-top: 100.00%;
    display: table;
    content: "";
}
.v-1-1 > a:first-child,
.v-1-1 > iframe:first-child,
.v-1-1 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-13-16 {position: relative;}
.v-13-16:after {
    padding-top: 123.08%;
    display: table;
    content: "";
}
.v-13-16 > a:first-child,
.v-13-16 > iframe:first-child,
.v-13-16 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-10-16 {position: relative;}
.v-10-16:after {
    padding-top: 160.00%;
    display: table;
    content: "";
}
.v-10-16 > a:first-child,
.v-10-16 > iframe:first-child,
.v-10-16 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}


main .slab:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab:not(.puff):not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}
main .slab.secondary:not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab.secondary:not(.puff):not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

main .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

.card dl.program dt {margin: 0;line-height: 1;font-size: 15px;}
.card dl.program dd {margin: 0;}
.card.trim {padding: 0;}
.card.trim h2,.card.trim h3, .card.trim h4,.card.trim h5,.card.trim h6 {padding: 0 20px;}
.card .card.trim h2,.card .card.trim h3,.card .card.trim h4,.card .card.trim h5,.card .card.trim h6 {padding: 0 20px;}
.card.trim p {padding: 0 20px;}
.card .card.trim p {padding: 0;}
.card.trim ul, .card.trim ol, .card.trim dl {padding: 0 20px;}
.card.trim blockquote p {padding: 0;}

ul.trim,
ol.trim,
dl.trim,
p.trim {margin-bottom: 0;}

main  .slab > .inner h2.trim,
main  .slab > .inner h3.trim,
main  .slab > .inner h4.trim,
main  .slab > .inner h5.trim,
main  .slab > .inner h6.trim {margin-bottom: 0;}

main .slab.h-menu {display: block;}
main .slab.h-menu ul { list-style-type:none; margin:0; padding:0;}
main .slab.h-menu ul li {display:inline-block; padding-left: 0;}
main .slab.h-menu ul li:hover {background: hsla(198, 100%, 20%, 0.07);}
main .slab.h-menu ul li:before {display: none;}
main .slab.h-menu.primary ul li:hover {background: hsla(198, 100%, 20%, 0.07);}
main .slab.h-menu.secondary ul li:hover {background: hsla(198, 0%, 20%, 0.9);}
main .slab.h-menu.feature ul li:hover {background: hsla(0, 68%, 25%, 0.2);}
main .slab.h-menu.tertiary ul li:hover {background: hsla(198, 0%, 20%, 0.9); color: #fff;}
main .slab.h-menu ul li a { padding: 12px 14px; border-bottom: none; display: block; font-size: 15px;}
main .slab.h-menu.large ul li a {padding: 12px 20px;}
main .slab.h-menu ul li a:hover + .hidden, .hidden:hover {display: block;}
main .slab.h-menu ul li a:focus, .slab.h-menu ul li a:hover {color: inherit;}
main .slab.h-menu ul li ul {display: none;}
main .slab.h-menu ul li ul li {display: block; float: none;}
main .slab.h-menu ul li ul li a { width: auto; min-width: 100px; padding: 0 20px;}
main .slab.h-menu input[type=checkbox]{ display: none; }
main .slab.h-menu input[type=checkbox]:checked ~ .show-menu:after{content: "\f106";}
main .slab.h-menu input[type=checkbox]:checked ~ #menu{max-height: 1500px;}
main .slab.h-menu .show-menu {
  text-decoration: none;
  padding: 10px 20px;
  display: none;
  position: relative;
  font-weight: 500;
  min-height: 42px;
}
main .slab.h-menu.large .show-menu {padding: 20px; min-height: 62px;}
main .slab.h-menu .show-menu:after {
    content: "\f107";
    font-family: "FontAwesome";
    vertical-align: middle;
    font-size: 1.4em;
    display: inline-block;
    position: absolute;
    right: 20px;
    opacity: 1;
    top: 7px;
}
main .slab.h-menu.large .show-menu:after {top: 14px;font-size: 1.6em;}

footer {clear: both;}





/* Mobile and Tablet */
@media all and (max-width: 48em) {

main .card.puff {padding: 20px;}
main .card.flex.puff {padding: 20px;}

main .slab.puff {padding: 40px 0 30px 0;}
main .card.puff {padding: 20px;}
main .slab.puff.inset-bottom {margin-bottom: -30px;}
main .slab.puff.inset-top {margin-top: -30px;}

main .slab.inset-top--large {margin-top: -30px;}
main .slab.inset-bottom--large {margin-bottom: -30px;}

main .slab.trim-top,
main .card.trim-top {padding-top: 0;}
main .slab.trim-bottom,
main .card.trim-bottom {padding-bottom: 0;}

.slab .card {padding: 10px;}
.card.trim,
.slab.trim {padding: 0;}
.card.trim p {padding: 0 10px;}
.card.trim h2, .card.trim h3, .card.trim h4, .card.trim h5, .card.trim h6 {padding: 0 10px;}
.card.trim ul, .card.trim ol, .card.trim dl {padding: 0 10px;}

/*main .slab .banner.feature {padding-bottom: 40px;}*/

main .slab.h-menu > .inner {padding: 0;}
main .slab.h-menu .show-menu {display:block;}
main .slab.h-menu ul {
  z-index: 666;
  width: 100%;
  position: absolute;
  background: #252525;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08),0 0px 0px 1px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  -webkit-transition: max-height 150ms ease-out;
  -moz-transition: max-height 150ms ease-out;
  -ms-transition: max-height 150ms ease-out;
  transition: max-height 150ms ease-in-out;
  max-height: 0;
}
main .slab.h-menu ul {background: hsl(0, 0%, 100%);}
main .slab.h-menu.primary ul {background: hsl(197, 26%, 95%);}
main .slab.h-menu.secondary ul {background: hsl(0, 0%, 28%);}
main .slab.h-menu.feature ul {background: hsl(0, 65%, 43%);}
main .slab.h-menu ul li {border-top: 1px solid rgba(0, 0, 0, 0.09);}
main .slab.h-menu ul li, .slab.h-menu ul li a {width: 100%;}
main .slab.h-menu ul li a {margin: 0 0; padding: 7px 20px; box-sizing: border-box;}
main .slab.h-menu.large ul li a {padding: 15px;}
main .slab.h-menu ul li:last-of-type a {border-bottom: none;}

} /* /@media */





/* Mobile */
@media all and (max-width: 32em) {

main img.gu1:not(.icon) {width: 100%;}
main img.gu2:not(.icon) {width: 100%;}
main img.gu3:not(.icon) {width: 100%;}
main img.gu4:not(.icon) {width: 100%;}
main img.gu5:not(.icon) {width: 100%;}
main img.gu6:not(.icon) {width: 100%;}
main img.gu7:not(.icon) {width: 100%;}
main img.gu8:not(.icon) {width: 100%;}
main img.gu9:not(.icon) {width: 100%;}
main img.gu10:not(.icon) {width: 100%;}
main img.gu11:not(.icon) {width: 100%;}
main img.gu12:not(.icon) {width: 100%;}

main .slab {overflow: hidden;}

.slab.pageinfo .inner h1 {margin: 0.2em 0;font-size: 28px;}
main .slab .inner h2 {font-size: 22px;}
main .slab .inner h3 {font-size: 15px;}
main .slab .inner h3.feature {font-size: 22px;}
main .slab .banner h1, main .slab .banner h2 {font-size: 27px;padding: 0.25em;}
main .slab .banner.feature h1, main .slab .banner.feature h2 {font-size: 19px;}
main .slab .banner p {font-size: 17px;padding: 0.25em;}
main .slab .banner.feature p {font-size: 14px;margin: 10px 0 0 0;}
main p.qualification {font-size: 13px;}
main .banner img {margin-bottom: 0;}
main iframe,
main embed {max-width: 100%; border: 0;}
main .flex > nav.local {order: 99;}
main nav.local {box-sizing: border-box;width: 100%;}
main nav.tabs > ul > li {display: block;font-size: 20px;margin: 0;line-height: 1.5;}
main nav.tabs > ul > li > a {border-width: 0 0 0 2px;padding: 0 0.5em;}
.slab .card.left {float: none; margin: 0 0 2em 0;}
.slab .card.right {float: none; margin: 0 0 2em 0;}

main input[type=submit], main p.btn a {word-break: break-all;}

main .slab .flex.tiles > .card > a:first-child span {margin: 0 10px 10px 10px;font-size: 11px;}
main .slab .flex.tiles > .card > a:first-child span:nth-child(2) {font-size: 13px;margin: -10px 10px 10px 10px;}

main .slab .card.play a:before {width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
main .slab .card.play a:after {font-size: 20px;margin-top: -20px;margin-left: -20px;width: 40px;line-height: 40px;}

.slab .card.m-trim {padding: 0;}
main fieldset.m-trim {padding: 10px 0 0 0;}

main table.puff th,
main table.puff td {padding: 10px;font-size: 14px;}

main table {overflow-x: auto;display: block;}

main .card.breakout img:first-of-type {opacity: 0.4;right: 0!important; height: calc(100% + 20px);}
main .card.breakout.b-left img:first-of-type {right: inherit!important;left: 0!important;}

main .slab .remarkable-bg {margin-bottom:0;}
main .slab .remarkable-bg a {padding: 20px;}
main .slab .remarkable-bg q {font-size: 26px;}
main .slab .remarkable-bg p.name {font-size: 13px;}
main .slab .remarkable-bg p.position {font-size: 13px;}

main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {padding-bottom: 40px;}

main video.m-inline,
main img.m-inline {max-width: 100%; display: inline-block;}
main video.m-left,
main img.m-left {float: left; max-width: 100%; margin: 0 0.75em 0.75em 0;}
main video.m-right,
main img.m-right {float: right; max-width: 100%; margin: 0 0 0.75em 0.75em;}

} /* /@media */





/* Tablet */
@media all and (min-width: 32em) and (max-width: 48em) {

main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {padding-bottom: 50px;}
main .slab .banner.feature h1,
main .slab .banner.feature h2 {font-size: 34px;}
main .slab .remarkable-bg q {font-size: 21px;}
main .slab .remarkable-bg p.name {font-size: 13px;}
main .slab .remarkable-bg p.position{font-size: 13px;}

main .card.breakout.t-b-trans img:first-of-type {opacity:0.4;}

} /* /@media */




/* IE10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.v-gu1 {height: 0;}
.v-gu2 {height: 0;}
.v-gu3 {height: 0;}
.v-gu4 {height: 0;}
.v-gu5 {height: 0;}
.v-gu6 {height: 0;}
.v-gu7 {height: 0;}
.v-gu8 {height: 0;}
.v-gu9 {height: 0;}
.v-gu10 {height: 0;}
.v-gu11 {height: 0;}
.v-gu12 {height: 0;}

.flex.center > * {width: 100%;}

} /* /@media */
/*
  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: 02 October 2023 20:18:47
*/


/* Language overides */

*:lang(jp) { 
    font-family: sans-serif!important;
}
*:lang(vi) { 
    font-family: sans-serif!important;
}
*:lang(zh_CN) { 
    font-family: sans-serif!important;
}                 
/*
  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: 02 October 2023 20:18:47
*/


/* Main CSS file */

.slab .inner {font-family: "Foundry Sterling W01";line-height: 1.5;font-weight: 400;font-size: 15px;}

header .slab .inner,
footer .slab .inner {font-size: inherit;font-variant-ligatures: none;font-variant-ligatures: no-common-ligatures;font-feature-settings: "liga" 0;}

.slab .inner h1,
.slab .inner h2,
.slab .inner h3,
.slab .inner h4,
.slab .inner h5,
.slab .inner h6 {font-family: "Jotia W00";line-height: 1;font-weight: 500;letter-spacing: 0.01em;margin: 0.6em 0 0.4em 0;}

header h1,
footer h1 {font-size: 34px;}
header h2,
footer h2 {font-size: 24px;}
header h3,
footer h3 {font-size: 17px;}

footer h3 a {font-size: 15px;font-weight: 100;margin: 0;}

header a, footer a {color: inherit;text-decoration: none;}
header a:visited, footer a:visited {color: inherit;}
header a:focus,
footer a:focus,
header a:active,
footer a:active  {outline: none;}

header abbr,
footer abbr {cursor: help; border-bottom: 2px dotted hsla(0, 68%, 45%,0.3);text-decoration: none;}

header ul,
footer ul {list-style-type: none; margin: 0; padding: 0;}

header ul li,
footer ul li {}

header ul li:before {content: "\f111";font-family: "FontAwesome";margin-right: 1em;vertical-align: middle;font-size: 5px;}

header .slab .inner .logo p {margin: 0;}

header .desktop-nav nav.global h3 {font-size: 2.25vw;}

header .desktop-nav nav.global .subnav a p:first-of-type {font-family: "Jotia W00";font-weight: 400;letter-spacing: 0.01em;margin: 0;font-size: 2.1vw;padding:0;}
header .desktop-nav nav.global .subnav a p.desc {font-size: 1.7vw;margin: 0 0 0.5em 0;font-weight: 300;padding:0;}
header .desktop-nav nav.global .subnav div.listing p:first-of-type {font-family: "Jotia W00";font-weight: 400;letter-spacing: 0.01em;margin: 5px 0 0 0;font-size: 2.1vw;padding:0;}
header .desktop-nav nav.global .subnav div.listing ul li {font-weight: 300;font-size: 1.9vw;}
header .desktop-nav nav.global .subnav div.listing ul li:before {display: none;}


header .desktop-nav nav.global .subnav div.promo a p.btn {font-weight: 300;letter-spacing: 0.01em;font-size: 1.9vw;}
header .desktop-nav nav.global .subnav div.promo p.btn:after {font-family: FontAwesome;content: "\f054";font-weight: 900;font-size: 0.95em;margin-left: 5px;vertical-align: middle;}



header .inner > ul.portals {font-weight: 300;}


header .mobile-nav ul {margin-top: 0.2em;}
header .mobile-nav ul li {}
header .mobile-nav ul li:before {display: none;}
header .mobile-nav ul li a {font-size: 0;}
header .mobile-nav ul li a:before {font-family: "FontAwesome";vertical-align: middle;font-size: 30px;display: block;}
header .mobile-nav ul li:nth-child(1) {margin-left: 1em;}
header .mobile-nav ul li a.search:before {content: "\f002";}
header .mobile-nav ul li a.menu:before {content: "\f0c9";}

header .inner > ul.portals li:before {display: none;}

header .inner > ul.portals > li > a {font-size: 2vw;}
header .inner > ul.portals li form input[type=text] {font-size: 2vw;}
header .inner > ul.portals li form button span:before {font-size: 2vw;}

header .inner > ul.portals li.contact-us > div {font-size: 2vw;}

header .inner > ul.portals li.contact-us > a:after {content: "\f107";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

header.min .inner > ul.portals li.contact-us > a:after {content: "";}

header .inner > ul.portals li.contact-us > div ul li a {line-height: 1.1;}

header .inner > ul.portals li.contact-us > div ul li span.number {font-weight: 500;}

header .inner > ul.portals li.contact-us > div ul li:before {font-family: "FontAwesome";vertical-align: middle;font-size: 1.5em;display: inline-block;text-align:center;font-weight: 900;}
header .inner > ul.portals li.contact-us > div ul li:before {font-size: 1.5rem;}/* IE Bugfix */
header .inner > ul.portals li.contact-us > div ul li.future:before {content: "\f095";}
header .inner > ul.portals li.contact-us > div ul li.international:before {content: "\f0ac";}
header .inner > ul.portals li.contact-us > div ul li.current:before {content: "\f19d";}
header .inner > ul.portals li.contact-us > div ul li.general:before {content: "\f007";}

header .inner > ul.portals li.contact-us > div ul li.online:before {content: "";background-image: url("/__data/assets/file/0030/588117/ask-us.svg?v=0.1.2");height: 1em;background-repeat: no-repeat;background-position: 50% 50%;background-size: 1.5em;}

header .inner > ul.portals li.contact-us > div ul li.face2face:before {content: "\f086";}
header .inner > ul.portals li.contact-us > div ul li.phonebook:before {content: "\f0c0";}

header .inner > ul.portals li form button span:before {font-family: "FontAwesome";vertical-align: middle;display: block;content: "\f002";padding: 0.3em 0.6em; line-height: 1.5;}
header .inner > ul.portals li form button span {font-size: 0;}

header .inner > ul.portals li form input[type=text] {
    font-family: "Foundry Sterling W01";
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 0.6em;
}


header .overlay ul.close li:before {display: none;}
header .overlay ul.close li a {font-size: 0;}
header .overlay ul.close li a:before {font-family: "FontAwesome";vertical-align: middle;font-size: 35px;display: block;}
header .overlay ul.close li a:before {content: "\f00d";}

.mobile-menu.overlay nav h3 a:after {content: "\f107";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;position: absolute;right: 10px;opacity: 1;transition: all 0.4s;}
.mobile-menu.overlay nav .open h3 a:after {content: "\f105";}

.mobile-menu.overlay nav p {font-size: 13px;margin: 0;}

.mobile-menu.overlay ul.portals li a {text-align: center;line-height: 1.2;}
.mobile-menu.overlay ul.portals li a:before {display: block;font-size: 30px;font-family: "FontAwesome"; font-weight: 600;}
.mobile-menu.overlay ul.portals li:nth-of-type(1) a:before {content: "\f19d";}
.mobile-menu.overlay ul.portals li:nth-of-type(2) a:before {content: "\f007";}
.mobile-menu.overlay ul.portals li:nth-of-type(3) a:before {content: "\f095";}

.search.overlay form button span:before {font-family: "FontAwesome";vertical-align: middle;font-size: 25px;display: block;content: "\f002";padding: 0.3em 0.6em; line-height: 1.5;}
.search.overlay form button span {font-size: 0;}

.search.overlay form input[type=text] {
    font-family: "Foundry Sterling W01";
    font-size: 25px;
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 2.4em 0.3em 0.6em;
}
.search.overlay h2,
.search.overlay p.listing {
    text-align: center;
    margin: 0.6em auto 0.2em auto;
    font-family: "Jotia W00";
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.01em;
    font-size: 24px;
}
.search.overlay ol.popular-links li {font-size: 17px;text-align: center;} 

footer {font-size: 13px;}

footer ul li:before {display:none;}

footer .slab .inner .first-peoples h3,
footer .slab .inner .need-help h3,
footer .slab .inner .feedback h3 {font-size: 13px;font-weight: 100;margin: 0;}

footer .slab .inner .disclaimer,
footer .slab .inner .tagline {font-size: 11px;}

footer .disclaimer ul li:nth-child(1):before {display:none;}

footer .disclaimer ul li:before {content: "\007c";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

footer .tagline ul li:nth-child(1):before {display:none;}
footer .tagline ul li:before {content: "\f111";font-family: "FontAwesome";margin:0 0.8em;vertical-align: middle;font-size: 0.3em;display:inline-block;}
footer .tagline ul li:nth-child(4):before {content: "\007c";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

footer .slab h3:after {content: "\f107";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;position: absolute;right: 10px;opacity: 1;transition: all 0.4s;}

footer .slab h3:focus:after,
footer .slab h3:active:after {opacity: 0;transition: all 0.4s;}


footer ul li:before {font-family: "FontAwesome";vertical-align: baseline;margin:0 0.5em;font-size: 0.8em;}

footer ul li.pipe:before {content: "\007c";display: inline-block;}
footer ul li.ndash:before {content: "\2013";display: inline-block;}



/* Mobile */
@media all and (max-width: 32em) {

p.m-a-center,
h2.m-a-center,
h3.m-a-center,
h4.m-a-center,
h5.m-a-center,
h6.m-a-center {text-align: center;}

.m-small {font-size: 0.8em;}
.m-big {font-size: 1.2em;}


} /* /@media */


/* Tablet and Desktop */
@media all and (min-width: 32em) {

footer .slab h3:after {display: none;}

}/* /@media */


/* Tablet */
@media all and (min-width: 32em) and (max-width: 48em) {

header .desktop-nav nav.global .subnav a p.desc {line-height: 1.25;}
header .desktop-nav nav.global .subnav div.listing ul li {line-height: 1.25;}

}/* /@media */



/* Desktop */
@media all and (min-width: 48em) {

header .desktop-nav nav.global h3 {font-size: 17px;}
header .inner > ul.portals > li > a {font-size: 13px;}
header .inner > ul.portals li form input[type=text] {font-size: 13px;}
header .inner > ul.portals li form button span:before {font-size: 13px;}
header .inner > ul.portals li.contact-us > div {font-size: 15px;}

header .desktop-nav nav.global .subnav a p:first-of-type {font-size:16px;}
header .desktop-nav nav.global .subnav div.listing p:first-of-type {font-size:16px;}
header .desktop-nav nav.global .subnav a p.desc {font-size: 14px;}
header .desktop-nav nav.global .subnav div.promo a p.btn {font-size: 15px;}
header .desktop-nav nav.global .subnav div.listing ul li {font-size: 15px;}
footer .slab .inner .first-peoples h3,
footer .slab .inner .need-help h3,
footer .slab .inner .feedback h3 {font-size: 15px;}

}/* /@media */
body {margin: 0;}

header .desktop-nav {display: none;}
header .inner {position: relative;}
header .inner > ul.portals {display: none;}
.ir {background-repeat: no-repeat;text-indent: -9999em;display: inline-block;text-align: left;}

.visuallyhidden {visibility: hidden;font-size: 0!important;position: fixed;}

.flex {
    display: -webkit-flex;
    -moz-display: flex;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
}

.flex.a-left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.flex.a-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}
.flex.a-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.flex.a-around{
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}
.flex.center {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.flex.a-top {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}
.flex.a-bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}
.flex.a-middle {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.flex.a-baseline {
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
}


.flex.center > * {margin-bottom: 0;}

.overlay {
    position: fixed;
    padding: 0 10px;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 999;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.flex > div {box-sizing: border-box;width: 100%;}

.slab {padding: 20px 0;}
.slab > .inner {margin: 0 auto;padding: 0 20px;}
.card {text-align: center;margin: 0 0 20px 0;}


header .slab  {padding: 0;}
header .logo {width: 110px;}
header .logo p {display: inline-block;}
header .logo p a {background-image: url("https://www.griffith.edu.au/_globaldesigns/gen-10/images/griffith-logo-2.svg");height: 28px;width: 110px;margin-top: 10px;}
header .college.logo p a {background-image: url("/__data/assets/file/0025/588112/griffith-college-logo.svg?v=0.1.1");}

header .mobile-nav {width: auto;}

header .mobile-nav ul,
header .mobile-menu.overlay ul.close,
header .search.overlay ul.close {-webkit-flex-flow: row-reverse nowrap;-moz-flex-flow: row-reverse nowrap;-ms-flex-flow: row-reverse nowrap;flex-flow: row-reverse nowrap;}
header .mobile-nav ul li {}
header .mobile-nav ul li a,
header .mobile-menu.overlay ul.close li a,
.search.overlay ul.close li a {display: block;}

header .inner > ul.portals {-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end; margin: 1em 0 1.5em 0;}
header .inner > ul.portals > li > a {padding: 0.6em 1.4em 0.4em 0;}
header .inner > ul.portals li form {position: relative;margin-bottom: 0;}
header .inner > ul.portals li form label {display: none;}
header .inner > ul.portals li form input[type=text] {pointer-events: none;}
header .inner > ul.portals li form input[type=text]:focus {outline: none;}
header .inner > ul.portals li form button {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    pointer-events: none;
}

header .inner > ul.portals li.contact-us {position: relative;border-bottom: 1em solid transparent;}
header .inner > ul.portals li.contact-us > div {
    box-sizing: border-box;
    position: absolute;
    left: -999em;
    z-index: 999;
    top: 2.5em;
    padding: 10px;
    width: 30vw;
}
header .inner > ul.portals li.contact-us > div:before {
    border: solid;
    border-width: 0 0.5em 0.5em 0.5em;
    bottom: 100%;
    content: "";
    display: inline-block;
    left: 30px;
    position: absolute;
}

header .inner > ul.portals li.contact-us:hover > div {left: -10px;}

header .inner > ul.portals li.contact-us > div ul li.flex {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 0.5em;}

header .inner > ul.portals li.contact-us > div ul li.flex:last-child {margin-bottom: 0;}

header .inner > ul.portals li.contact-us > div ul li:before {flex-shrink: 0;overflow: hidden;margin-left: -10px;    width: 2em;margin-right: 0;}
header .inner > ul.portals li.contact-us > div ul li a {display:inline-block;}
header .inner > ul.portals li.contact-us > div ul li a span.number {display: inline-block;}

.search.overlay form button:focus {outline: none;}
.search.overlay form input[type=text] {width: 100%;}

header .desktop-nav nav.global {-webkit-flex-flow: row nowrap;-moz-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;}
header .desktop-nav nav.global > div {display: inline-block;width: auto;}

header .desktop-nav nav.global > div h3 {margin: 0;}
header .desktop-nav nav.global > div h3 a {display:block;}
header .desktop-nav nav.global > div {margin: 0 0.2em 0 0.2em;}
header .desktop-nav nav.global > div:first-child {margin-left: 0;}
header .desktop-nav nav.global > div:last-child {margin-right: 0;}

header .desktop-nav nav.global .subnav {
    box-sizing: border-box;
    position: absolute;
    z-index: 999;
    left: -999em;
    padding: 10px;
    overflow: hidden;
}

header .desktop-nav nav.global > div:hover .subnav {
    left: 20px;
    right: 20px;
}

header .desktop-nav nav.global .subnav.flex {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    height: 49vw;
}

header .desktop-nav nav.global .subnav.flex > div > a {display: block;padding: 3px 5px;}
header .desktop-nav nav.global .subnav.flex > div.listing {padding: 0 5px;}
header .desktop-nav nav.global .subnav div.promo img {width:100%;max-height: 100px;display:block;}

header .desktop-nav nav.global .subnav div.promo a p.btn {
    text-decoration: none;
    padding: 7px 10px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 1em 0 0.5em 0;
}


.mobile-menu.overlay nav {padding-bottom: 25px;}
.mobile-menu.overlay nav h3 {}
.mobile-menu.overlay nav h3 a {display: block;}
/*.mobile-menu.overlay ul.portals {position: fixed;bottom: 0;left: 0;width: 100%;}*/
.mobile-menu.overlay ul.portals li {display: block;}
.mobile-menu.overlay ul.portals li a {display: block;padding: 5px;}
.mobile-menu.overlay ul.portals li:before {display: none;}
.mobile-menu.overlay ul.flex.col-3 > li {width: 32.667%;}

.mobile-menu.overlay nav.global .subnav {max-height: 0px;overflow: hidden;}
.mobile-menu.overlay nav.global .open .subnav {max-height: 20em;margin-bottom: 0.5em;}

.mobile-menu.overlay nav.global .subnav a {display:block;}
.mobile-menu.overlay nav.global .subnav p.desc {display:none;}
.mobile-menu.overlay nav.global .subnav .promo {display:none;}
.mobile-menu.overlay nav.global .subnav .listing {display:none;}


.search.overlay form label {display: none;}
.search.overlay form {position: relative; margin: 1em auto 2em auto;display: block;width: 90%; max-width: 450px;}
.search.overlay form input[type=text]:focus {outline: none;}
.search.overlay form button {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 0;
}
.search.overlay form button:focus {outline: none;}
.search.overlay form input[type=text] {width: 100%;box-sizing: border-box;}

.search.overlay h2,
.search.overlay p.listing {width: 90%; max-width: 450px;}
.search.overlay ol.popular-links {padding: 0;width: 90%; max-width: 450px;margin: 0 auto;}
.search.overlay ol.popular-links li {box-sizing: border-box;width: 100%;display: block;}


footer > h2 {display: none;}

footer .slab h3:hover {cursor: pointer;}


footer ul li:nth-child(1):before {display:none;}


footer .slab ul li a.ir:hover {border-bottom: 0;}

footer .slab .inner > div.flex {margin-bottom: 20px;}
footer .slab .inner > div.flex:last-of-type {margin-bottom: 0;}

footer .slab h3:focus,
footer .slab h3:active {outline: none;}

footer .slab ul.footer-first-peoples li {padding-bottom: 0;}
footer .slab ul.footer-bottom-links-disclaimer li {padding-bottom: 0;}
footer .slab ul.footer-bottom-links-locations li {padding-bottom: 0;}

footer .slab ul.footer-bottom-links-locations li a {border-bottom: 1px solid transparent;}
footer .australia a {content: ""; display: inline-block; margin-left: 5px; background-image: url("/__data/assets/file/0031/1839307/australia-flag.svg?v=0.0.2"); background-repeat: no-repeat; height: 30px; width: 45px;}
footer .aboriginal a {background-image: url("/__data/assets/file/0026/588113/aboriginal.svg?v=0.1.2"); height: 30px; width: 45px;}
footer .torres-strait-islander a {background-image: url("/__data/assets/file/0029/588116/torres-strait-islander.svg?v=0.1.2"); height: 30px; width: 45px;}

footer .ask-us a {background-image: url("/__data/assets/file/0030/588117/ask-us.svg?v=0.1.2"); height: 30px; width: 55px;}

footer .facebook a {background-image: url("/__data/assets/file/0024/588111/facebook.svg?v=0.1.1"); height: 30px; width: 30px;}
footer .twitter a {background-image: url("/__data/assets/file/0023/588110/twitter.svg?v=0.1.1"); height: 30px; width: 30px;}
footer .youtube a {background-image: url("/__data/assets/file/0031/588109/youtube.svg?v=0.1.1"); height: 30px; width: 30px;}
footer .instagram a {background-image: url("/__data/assets/file/0030/588108/instagram.svg?v=0.1.1"); height: 30px; width: 30px;}
footer .linkedin a {background-image: url("/__data/assets/file/0029/588107/linkedin.svg?v=0.1.1"); height: 30px; width: 30px;}


.v-gu1 {min-height: 8.334vh;}
.v-gu2 {min-height: 16.667vh;}
.v-gu3 {min-height: 25.000vh;}
.v-gu4 {min-height: 33.334vh;}
.v-gu5 {min-height: 41.667vh;}
.v-gu6 {min-height: 50.000vh; /*height: 400px;*/}
.v-gu7 {min-height: 58.334vh;}
.v-gu8 {min-height: 66.667vh;}
.v-gu9 {min-height: 75.000vh;}
.v-gu10 {min-height: 83.334vh;}
.v-gu11 {min-height: 91.667vh;}
.v-gu12 {min-height: 100.000vh;}

.gu1 {width:  6.752%;}
.gu2 {width: 15.229%;}
.gu3 {width: 23.706%;}
.gu4 {width: 32.183%;}
.gu5 {width: 40.660%;}
.gu6 {width: 49.138%;}
.gu7 {width: 57.615%;}
.gu8 {width: 66.092%;}
.gu9 {width: 74.569%;}
.gu10 {width: 83.046%;}
.gu11 {width: 91.523%;}
.gu12 {width: 100%;}

.overflow-col-1,
.overflow-col-2,
.overflow-col-3,
.overflow-col-4,
.overflow-col-5,
.overflow-col-6 {-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;orphans: 1;widows: 1;}


/* Tablet and Desktop */
@media all and (min-width: 32em) {

.flex.col-1 > * {width: 100.000%;}
.flex.col-2 > * {width: 49.138%;}
.flex.col-3 > * {width: 32.183%;}
.flex.col-4 > * {width: 23.706%;}
.flex.col-5 > * {width: 18.620%;}
.flex.col-6 > * {width: 15.229%;}
.flex.col-7 > * {width: 12.807%;}
.flex.col-8 > * {width: 10.991%;}
.flex.col-9 > * {width:  9.578%;}
.flex.col-10 > * {width: 8.448%;}
.flex.col-11 > * {width: 7.523%;}
.flex.col-12 > * {width: 6.752%;}

.flex.col-4.a-left > * {margin-right: 1.725%;}
.flex.col-4.a-left > *:nth-child(4n) {margin-right: 0;}
.flex.col-4.a-right > * {margin-left: 1.725%;}
.flex.col-4.a-right > *:nth-child(4n+1) {margin-left: 0;}

.flex.col-5.a-left > * {margin-right: 1.725%;}
.flex.col-5.a-left > *:nth-child(5n) {margin-right: 0;}
.flex.col-5.a-right > * {margin-left: 1.725%;}
.flex.col-5.a-right > *:nth-child(5n+1) {margin-left: 0;}



.flex.col-4 > *.col-span-2 {width: 49.138%;}

.flex.col-5 > *.col-span-2 {width: 38.960%;}
.flex.col-5 > *.col-span-3 {width: 59.311%;}
.flex.col-5 > *.col-span-5 {width: 100%;}

.overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.overflow-col-6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}

.flex > .gu1 {width:   6.752%;}
.flex > .gu2 {width:  15.229%;}
.flex > .gu3 {width:  23.706%;}
.flex > .gu4 {width:  32.183%;}
.flex > .gu5 {width:  40.660%;}
.flex > .gu6 {width:  49.138%;}
.flex > .gu7 {width:  57.615%;}
.flex > .gu8 {width:  66.092%;}
.flex > .gu9 {width:  74.569%;}
.flex > .gu10 {width: 83.046%;}
.flex > .gu11 {width: 91.523%;}
.flex > .gu12 {width: 100%;}
.flex > .gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

header .desktop-nav {display: block;}
header .inner > ul.portals {display: -webkit-flex;-moz-display: flex;-webkit-display: flex;display: flex;}

header .logo {width: 155px;}
header .logo p a {height: 40px;width: 155px;margin-top: 30px;}
header .mobile-nav {display: none;}

.search.overlay ol.flex.col-2 li {width: 49.500%;}


footer .slab h3:hover {cursor: inherit;}

} /* /@media */



/* Mobile */
@media all and (max-width: 32em) {

.m-hide {display: none;}

.m-v-gu1 {min-height: 8.334vh;}
.m-v-gu2 {min-height: 16.667vh;}
.m-v-gu3 {min-height: 25.000vh;}
.m-v-gu4 {min-height: 33.334vh;}
.m-v-gu5 {min-height: 41.667vh;}
.m-v-gu6 {min-height: 50.000vh; /*height: 400px;*/}
.m-v-gu7 {min-height: 58.334vh;}
.m-v-gu8 {min-height: 66.667vh;}
.m-v-gu9 {min-height: 75.000vh;}
.m-v-gu10 {min-height: 83.334vh;}
.m-v-gu11 {min-height: 91.667vh;}
.m-v-gu12 {min-height: 100.000vh;}

.gu1 {width: 100%;}
.gu2 {width: 100%;}
.gu3 {width: 100%;}
.gu4 {width: 100%;}
.gu5 {width: 100%;}
.gu6 {width: 100%;}
.gu7 {width: 100%;}
.gu8 {width: 100%;}
.gu9 {width: 100%;}
.gu10 {width: 100%;}
.gu11 {width: 100%;}
.gu12 {width: 100%;}

.flex.m-col-1 > * {width: 100.00%;}
.flex.m-col-2 > * {width: 48.043%;}
.flex.m-col-3 > * {width: 30.724%;}
.flex.m-col-4 > * {width: 22.065%;}

.flex.m-col-2 > *.m-col-span-2 {width: 100%;}
.flex.m-col-3 > *.m-col-span-3 {width: 100%;}
.flex.m-col-4 > *.m-col-span-4 {width: 100%;}
.flex.m-col-5 > *.m-col-span-5 {width: 100%;}

.m-overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.m-overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.m-overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.m-overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.m-overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}


.flex > .m-gu1 {width:  7.417%;}
.flex > .m-gu2 {width: 15.833%;}
.flex > .m-gu3 {width: 24.250%;}
.flex > .m-gu4 {width: 32.667%;}
.flex > .m-gu5 {width: 41.083%;}
.flex > .m-gu6 {width: 49.500%;}
.flex > .m-gu7 {width: 57.917%;}
.flex > .m-gu8 {width: 66.333%;}
.flex > .m-gu9 {width: 74.750%;}
.flex > .m-gu10 {width: 83.167%;}
.flex > .m-gu11 {width: 91.583%;}
.flex > .m-gu12 {width: 100%;}
.flex > .m-gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex > .m-order-1 {order: 1;}
.flex > .m-order-2 {order: 2;}
.flex > .m-order-3 {order: 3;}
.flex > .m-order-4 {order: 4;}
.flex > .m-order-5 {order: 5;}
.flex > .m-order-6 {order: 6;}
.flex > .m-order-7 {order: 7;}
.flex > .m-order-8 {order: 8;}
.flex > .m-order-9 {order: 9;}
.flex > .m-order-10 {order: 10;}
.flex > .m-order-11 {order: 11;}
.flex > .m-order-12 {order: 12;}

.flex.m-a-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.flex.m-a-top {
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start; 
    -webkit-align-content: start;
    -moz-align-content: start;
    -ms-align-content: start;
    align-content: start;
}

.flex.m-a-bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; 
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}


footer .slab p {margin-top: 0;}

footer .slab ul:hover {margin: 0;}

footer .slab .inner > div.flex > div {margin-bottom: 10px;}
footer .slab .inner > div.flex:first-of-type > div {margin-bottom: 0;}

footer .slab .m-visible h3:after {display: none!important;}
footer .slab .m-visible ul {visibility: inherit;transform: inherit;height: inherit;}

footer .college .sub .disclaimer li:last-child, footer .college .first-peoples h3, footer .college .need-help h3, footer .college .first-peoples ul {
    display: block;
}
footer .college .flex.col-5.sub > div {text-align: center;}
footer .college .sub .disclaimer li:last-child {display: inline-block !important;}

footer .college .disclaimer {order: 4;}
footer .college .social {order: 1;}
footer .college .tagline {order: 3;}
footer .college .first-peoples {width: 100%;}

} /* /@media */





/* Tablet */
@media all and (min-width: 32em) and (max-width: 48em) {

.t-hide {display: none;}

.flex.t-col-1 > * {width: 100.000%;}
.flex.t-col-2 > * {width: 49.138%;}
.flex.t-col-3 > * {width: 32.183%;}
.flex.t-col-4 > * {width: 23.706%;}
.flex.t-col-5 > * {width: 18.620%;}

.flex.t-col-2 > *.t-col-span-2 {width: 100%;}
.flex.t-col-3 > *.t-col-span-3 {width: 100%;}
.flex.t-col-4 > *.t-col-span-4 {width: 100%;}
.flex.t-col-5 > *.t-col-span-5 {width: 100%;}

.t-overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.t-overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.t-overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.t-overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.t-overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.t-overflow-col-6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}

.flex > .t-gu1 {width:  7.417%;}
.flex > .t-gu2 {width: 15.833%;}
.flex > .t-gu3 {width: 24.250%;}
.flex > .t-gu4 {width: 32.667%;}
.flex > .t-gu5 {width: 41.083%;}
.flex > .t-gu6 {width: 49.500%;}
.flex > .t-gu7 {width: 57.917%;}
.flex > .t-gu8 {width: 66.333%;}
.flex > .t-gu9 {width: 74.750%;}
.flex > .t-gu10 {width: 83.167%;}
.flex > .t-gu11 {width: 91.583%;}
.flex > .t-gu12 {width: 100%;}
.flex > .t-gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex.t-col-2 > *.t-col-span-2 {width: 100%;}

.flex > .t-order-1 {order: 1;}
.flex > .t-order-2 {order: 2;}
.flex > .t-order-3 {order: 3;}
.flex > .t-order-4 {order: 4;}
.flex > .t-order-5 {order: 5;}
.flex > .t-order-6 {order: 6;}
.flex > .t-order-7 {order: 7;}
.flex > .t-order-8 {order: 8;}
.flex > .t-order-9 {order: 9;}
.flex > .t-order-10 {order: 10;}
.flex > .t-order-11 {order: 11;}
.flex > .t-order-12 {order: 12;}


} /* /@media */





/* Desktop */
@media all and (min-width: 48em) {

.d-hide {display: none;}

.slab > .inner {max-width: 1160px;}

header .desktop-nav nav.global {-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}

header .desktop-nav nav.global > div {margin: 0 0.45em 0 0.45em;}

header .desktop-nav nav.global .subnav.flex {height: 22.5em;}

header .inner > ul.portals > li > a {padding: 0.6em 2em 0.4em 0.6em;}
header .inner > ul.portals li.contact-us > div {width: 15em;}

} /* /@media */





/* Wide Desktop */
@media all and (min-width: 60em) {

header .desktop-nav nav.global > div {margin: 0 0.7em 0 0.7em;}

header .desktop-nav nav.global .subnav.flex {height: 20.5em;}

} /* /@media */
/*body {background-color: hsla(0, 100%, 100%, 1); color: hsla(0, 0%, 0%, 1);}*/

.slab.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.slab.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.slab.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.slab.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.card.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.card.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.card.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.card.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.svg-icon {min-height: 120px;}

.slab.cssbg, .card.cssbg, div.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%; color: hsla(0, 0%, 0%, 1);}
.slab.cssbg.contain,
.card.cssbg.contain {background-size: contain;}

.slab.secondary.cssbg, .card.secondary.cssbg {color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.slab.feature.cssbg, .card.feature.cssbg {color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.slab.secondary .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.feature .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.secondary .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature .card.feature {background-color: hsla(0, 68%, 25%, 0.2);}

.card.secondary .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.card.feature .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.card.secondary .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.card.feature .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.card.feature .card.feature {background-color: hsla(0, 68%, 25%, 0.2);}

.slab a > .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.primary a > .card.primary {background-color: hsla(198, 100%, 20%, 0.07);}
.slab a:hover > .card.primary,
.slab a:focus > .card.primary {background-color: hsla(0, 68%, 45%, 1);color: hsla(0, 100%, 100%, 1);}

table.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1);}
table.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
table.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1);}
table.tertiary tr:nth-child(2n+3) {background-color: hsla(198, 100%, 36%, 0.04);}
table.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}

.slab.secondary table.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.feature table.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.secondary table.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature table.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature table.feature {background-color: hsla(0, 68%, 25%, 0.2);}

header .mobile-nav ul li a:hover,
header .mobile-nav ul li a:active,
header .mobile-nav ul li a:focus {color: hsla(0, 68%, 45%, 1);}

.overlay {background-color: hsla(0, 100%, 100%, 1);}
.overlay.primary {background-color: hsla(206, 26%, 95%, 1);/*full transparency .primary*/ color: hsla(0, 0%, 0%, 1);}
.overlay ul.close li a:hover,
.overlay ul.close li a:active,
.overlay ul.close li a:focus {color: hsla(0, 68%, 45%, 1);}

header .inner > ul.portals li form input[type=text] {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1);border: 0;}

header .inner > ul.portals li form input[type=text]::-webkit-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]:-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]::-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]:-ms-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}

header .inner > ul.portals li a:hover {color: hsla(0, 68%, 45%, 1);}

header .inner > ul.portals li.contact-us:hover {color: hsla(0, 68%, 45%, 1);}
header .inner > ul.portals li.contact-us > div.primary {background-color: hsla(206, 26%, 95%, 1);color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li.contact-us > div.primary:before {border-color: hsla(206, 26%, 95%, 1) transparent;}

header .inner > ul.portals li.contact-us > div ul li.future span.number {color: hsla(0, 68%, 45%, 1);}

header .inner .shadow {
    -webkit-box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
    box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
}

header .desktop-nav nav.global > div > h3 a {border-bottom: 10px solid transparent;}
header .desktop-nav nav.global > div:hover > h3 a {border-bottom: 10px solid hsla(206, 26%, 95%, 1); color: hsla(0, 68%, 45%, 1);}

header .desktop-nav nav.global .subnav {background-color: hsla(206, 26%, 95%, 1);color: hsla(0, 0%, 0%, 1);}

header .desktop-nav nav.global .subnav.flex > div > a:hover {background-color: hsla(0, 68%, 45%, 1);color: hsla(0, 100%, 100%, 1);}

header .desktop-nav nav.global .subnav div.promo a p.btn {
    background: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
}

header .desktop-nav nav.global .subnav div.promo a:hover p.btn,
header .desktop-nav nav.global .subnav div.promo a:focus p.btn  {
    background: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

header .desktop-nav nav.global .subnav div.promo a:active p.btn {
    background: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

header .desktop-nav nav.global .subnav div.listing ul li a:hover {color: hsla(0, 68%, 45%, 1);border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}



header form input[type=text] {background-color: hsla(0, 100%, 100%, 1);color: hsla(0, 0%, 0%, 1);border: 1px inset hsla(198, 0%, 20%, 0.3);}

header form input[type=text]:focus {box-shadow: hsla(198, 100%, 70%, 0.7) 0.05em 0.05em 0.5em;}

.mobile-menu.overlay nav > div {border-bottom: 1px solid hsla(198, 100%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a {background-color: hsla(0, 100%, 100%, 1); color: hsla(0, 0%, 0%, 1);-webkit-box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.2);box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a:hover,
.mobile-menu.overlay ul.portals li a:focus {-webkit-box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.05);box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.05);}
.mobile-menu.overlay ul.portals li a:active {-webkit-box-shadow: inset 1px 1px 3px hsla( 198, 0%, 20%, 0.2);box-shadow: inset 1px 1px 3px hsla( 198, 0%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a:before {color: hsla(0, 0%, 0%, 0.5);}

.mobile-menu.overlay nav .open h3 a {color: hsla(0, 68%, 45%, 1);}

.search.overlay form button:focus,
.search.overlay form button:hover {background-color: hsla(0, 68%, 35%, 1);box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);}

.search.overlay form button:active {
    background-color: hsla(0, 68%, 35%, 1);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

.search.overlay form button {
    background-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    border: 1px inset hsla(0, 68%, 45%, 1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    -moz-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    -ms-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
}

.search.overlay ol.popular-links li a:focus,
.search.overlay ol.popular-links li a:hover {color: hsla(0, 68%, 45%, 1); border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}

.search.overlay input[type=text]::-webkit-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]:-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]::-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]:-ms-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}


footer .slab  h3:focus,
footer .slab  h3:hover {color: hsla(0, 68%, 45%, 1);}

footer h3 a:focus,
footer h3 a:hover {color: hsla(0, 68%, 45%, 1);}

footer .slab ul li a:hover {color: hsla(0, 68%, 45%, 1); border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}


@media all and (min-width: 32em) {

footer .slab h3:focus,
footer .slab h3:hover {color: inherit;}

} /* /@media */
body {transition: transform 500ms linear 0ms;}

body.disabled {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    width: 100%;
}

header .mobile-nav ul li a,
header .mobile-nav ul li a:hover {transition: transform 500ms ease-in-out, color 200ms linear;}
header .mobile-nav ul li a:focus,
header .mobile-nav ul li a:active {
    transition: transform 500ms ease-in-out, color 200ms linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.slab a > .card {transition: all 300ms ease-out;}

.slab a:hover > .card,
.slab a:focus > .card {transition: all 300ms ease-in;}

.overlay {
    visibility: hidden;
    transition: all 500ms ease-in-out 160ms, visibility 0ms linear 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.overlay.open {
    visibility: visible;
    transition: all 500ms ease-in-out 160ms;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(0%)!important;
    transform: translateX(50%);
}

header .inner > ul.portals li a:hover {
    -webkit-transition: color 500ms ease-in-out;
    -moz-transition: color 500ms ease-in-out;
    -ms-transition: color 500ms ease-in-out;
    transition: color 500ms ease-in-out;
}

header .inner > ul.portals li.contact-us > div.primary {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 0;
}

header .inner > ul.portals li.contact-us:hover > div.primary {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 1;
}

header .desktop-nav nav.global > div > h3 a:hover {
    -webkit-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    -moz-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    -ms-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    transition: border 500ms ease-in-out, color 500ms ease-in-out;
}

header .desktop-nav nav.global .subnav {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 0;
}

header .desktop-nav nav.global > div:hover .subnav {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 1;
}

header .desktop-nav nav.global .subnav.flex > div > a {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

header .desktop-nav nav.global .subnav.flex > div > a:hover {
    -webkit-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
}

header .overlay ul.close li a,
header .overlay ul.close li a:focus,
header .overlay ul.close li a:hover {transition: transform 300ms ease-in-out, color 200ms linear;}
header .overlay ul.close li a:active {
    transition: transform 300ms ease-in-out, color 200ms linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobile-menu.overlay nav.global .subnav {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s, visibility 0s, max-height 0.4s;
    transition: transform 0.4s, visibility 0s, max-height 0.4s;
    box-shadow: none;
}

.mobile-menu.overlay nav.global > .open .subnav {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.4s, visibility 0s, max-height 0.4s;
    transition: transform 0.4s, visibility 0s, max-height 0.4s;
}


.search.overlay form button:focus,
.search.overlay form button:hover {transition: all 200ms linear;}
.search.overlay form button {transition: all 200ms linear;}



footer .slab ul {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s, visibility 50ms, max-height 0.4s;
    transition: transform 0.4s, visibility 50ms, max-height 0.4s;
    height: 0;
}

footer .slab h3:focus ~ ul,
footer .slab h3:active ~ ul {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.4s, visibility 50ms, max-height 0.4s;
    transition: transform 0.4s, visibility 50ms, max-height 0.4s;
    height: inherit;
}

.sq-form-control .sq-form-captcha {
    padding: 1rem;
}



@media all and (min-width: 32em) {

footer .slab ul {
    visibility: visible;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    height: inherit;
}

} /* /@media */



@keyframes refresh {
    0%  {opacity: 0.1;}
    100% {opacity: 1;}
}

@keyframes sonar {
    0% {opacity: 0.2;}
    40% {opacity: 0.4; box-shadow: 0 0 0 5px hsla(122, 39%, 49%, 0.1), 0 0 20px 20px hsla(122, 39%, 49%, 0.3), 0 0 0 10px hsla(122, 39%, 49%, 0.5);}
    100% {opacity: 0; box-shadow: 0 0 0 5px hsla(122, 39%, 49%, 0.1), 0 0 10px 10px hsla(122, 39%, 49%, 0.3), 0 0 0 10px hsla(122, 39%, 49%, 0.5);-webkit-transform: scale(3);-moz-transform: scale(3);transform: scale(3);}
}

.anim-refresh {
    -webkit-animation: refresh 800ms linear;
    -moz-animation: refresh 800ms linear;
    animation: refresh 800ms linear;
}

.anim-sonar {position: relative;}
.anim-sonar:focus:after,
.anim-sonar:hover:after {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 45%;
    top: calc(50% - 20px);
    left: 45%;
    left: calc(50% - 20px);
    content: "";
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    opacity: 0;
    -webkit-animation: sonar 800ms ease-out 50ms;
    -moz-animation: sonar 800ms ease-out 50ms;
    animation: sonar 800ms ease-out 50ms;
}
@media print {

.p-hide {display: none!important;}

header .logo p a {margin: 10px 0;}

}/* /@media print */
/*
  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: 02 October 2023 20:18:47
*/


@media screen and (-webkit-min-device-pixel-ratio:0) {

/*.slab.d-lines,
.card.d-lines {
    position:relative;
    z-index: 0;}
.slab.d-lines:after,
.card.d-lines:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
    -webkit-mask: url("/__data/assets/file/0024/588120/d-lines.svg?v=0.1.2#lines");
    mask: url("/__data/assets/file/0024/588120/d-lines.svg?v=0.1.2#lines");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 400px;
    mask-size: 400px;
    -webkit-mask-position-y: 100%;
    mask-position-y: 100%;
    -webkit-mask-position-x: 100%;
    mask-position-x: 100%;
    background-color: hsla(176, 64%, 67%, 1);
}
.card.d-lines:after {
    -webkit-mask-position-x: 100%;
    -webkit-mask-position-x: calc(100% + 200px);
    mask-position-x: 100%;
    mask-position-x: calc(100% + 200px);
}

.slab.d-circle,
.card.d-circle {
    position:relative;
    z-index: 0;}
.slab.d-circle:after,
.card.d-circle:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
    -webkit-mask: url("/__data/assets/file/0032/588119/d-circle.svg?v=0.1.2#circle");
    mask: url("/__data/assets/file/0032/588119/d-circle.svg?v=0.1.2#circle");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 400px;
    mask-size: 400px;
    -webkit-mask-position-y: 100%;
    mask-position-y: 100%;
    -webkit-mask-position-x: 100%;
    mask-position-x: 100%;
    background-color: hsla(176, 64%, 67%, 1);
}
.slab.d-circle:after {
    -webkit-mask-position-x: 100%;
    -webkit-mask-position-x: calc(100% + 250px);
    mask-position-x: 100%;
    mask-position-x: calc(100% + 250px);
    -webkit-mask-position-y: 100%;
    -webkit-mask-position-y: calc(100% - 100px);
    mask-position-y: 100%;
    mask-position-y: calc(100% - 100px);
}
.card.d-circle:after {
    -webkit-mask-size: 300px;
    mask-size: 300px;
    -webkit-mask-position-x: 100%;
    -webkit-mask-position-x: calc(100% + 200px);
    mask-position-x: 100%;
    mask-position-x: calc(100% + 200px);
}
.card.d-circle.d-corner:after {
    -webkit-mask-size: 400px;
    mask-size: 400px;
    -webkit-mask-position-x: 100%;
    -webkit-mask-position-x: calc(100% + 125px);
    mask-position-x: 100%;
    mask-position-x: calc(100% + 125px);
    -webkit-mask-position-y: 100%;
    -webkit-mask-position-y: calc(100% + 125px);
    mask-position-y: 100%;
    mask-position-y: calc(100% + 125px);
}

.d-top.d-left:after {transform: scaleY(-1) scaleX(-1);}
.d-top.d-right:after {transform: scaleY(-1);}
.d-bottom.d-left:after {transform: scaleX(-1);}
.d-bottom.d-right:after {}

.card.d-primary:after,
.slab.d-primary:after {background-color: hsla(206, 26%, 90%, 0.5);}
.card.d-secondary:after,
.slab.d-secondary:after {background-color: hsla(198, 0%, 20%, 0.5);}
.card.d-tertiary:after,
.slab.d-tertiary:after {background-color: hsla(198, 100%, 100%, 0.5);}
.card.d-feature:after,
.slab.d-feature:after {background-color: hsla(0, 75%, 58%, 1);}

*/
} /* End of @media Webkit */

@supports (-ms-ime-align:auto) {
/*
.slab.d-lines:after,
.card.d-lines:after,
.slab.d-circle:after,
.card.d-circle:after {display: none;}
*/
} /* End of @media Edge */

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 32em) {
/*
.slab.d-lines:after {-webkit-mask-position-x: calc(100% + 225px);}
.card.d-lines:after {-webkit-mask-position-x: calc(100% + 275px);}

.slab.d-circle:after {-webkit-mask-position-x: calc(100% + 225px);}
.card.d-circle:after {-webkit-mask-position-x: calc(100% + 275px);}

.card.d-circle.d-corner:after {-webkit-mask-size: 300px;mask-size: 300px;}
*/
} /* End of @media Webkit < 32em */

h1.accent:after, h2.accent:after, h3.accent:after, h4.accent:after, h5.accent:after, h6.accent:after, p.position.accent:after, p.intro.accent:after {
    content: "";
    display: block;
    margin: 0.75em 0;
    width: 1.5em;
    height: 2px;
    background-color: hsla(0, 68%, 45%, 1);
}

main .slab h2.a-center.accent:after, main .slab h3.a-center.accent:after, main .slab h4.a-center.accent:after, main .slab h5.a-center.accent:after, main .slab h6.a-center.accent:after, main .slab p.position.a-center.accent:after, main .slab p.intro.a-center.accent:after {margin-left:auto; margin-right:auto;}

main .slab h2.a-right.accent:after, main .slab h3.a-right.accent:after, main .slab h4.a-right.accent:after, main .slab h5.a-right.accent:after, main .slab h6.a-right.accent:after, main .slab p.position.a-right.accent:after, main .slab p.intro.a-right.accent:after {margin-left: auto;}
main .slab h2.a-left.accent:after, main .slab h3.a-left.accent:after, main .slab h4.a-left.accent:after, main .slab h5.a-left.accent:after, main .slab h6.a-left.accent:after, main .slab p.position.a-left.accent:after, main .slab p.intro.a-left.accent:after {margin-right: auto;}

p.position.accent:after {width: 42px;}
p.intro.accent:after {width: 42px;}

.secondary .accent:after,
.feature .accent:after {background-color: hsla(0, 100%, 100%, 1);}

.slab.secondary .primary .accent:after,
.slab.feature .primary .accent:after,
.slab.secondary .tertiary .accent:after,
.slab.feature .tertiary .accent:after
    {background-color: hsla(0, 68%, 45%, 1);}

.secondary p.position.accent:after,
.feature p.position.accent:after {background-color: hsla(0, 100%, 100%, 1);}
/*
  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: 02 October 2023 20:18:47
*/


main .slab-container {
	overflow: hidden;
	-webkit-perspective: 1000;
}
main .slab-container.inset-bottom {margin-bottom: -50px;}

main .slab-container p.play {
	margin: 0;
	pointer-events: none;
}

main .slab-container p.play a:before {
	content: "";
	display: inline-block;
	opacity: 0;
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	background-color: hsla(198, 0%, 20%, 0.9);
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	-webkit-transition: opacity 1800ms ease-out;
	-moz-transition: opacity 1800ms ease-out;
	-ms-transition: opacity 1800ms ease-out;
	transition: opacity 1400ms ease-out;
	-webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
	box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .slab-container p.play a:after {
	content: "\f04b";
	font-family: "FontAwesome";
	font-size: 30px;
	opacity: 0;
	display: inline-block;
	speak: none;
	text-align: center;
	text-indent: 4px;
	width: 60px;
	line-height: 60px;
	color: hsla(0, 68%, 100%, 1);
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	-webkit-transition: opacity 1800ms ease-out;
	-moz-transition: opacity 1800ms ease-out;
	-ms-transition: opacity 1800ms ease-out;
	transition: opacity 1800ms ease-out;
}

main .slab-container p.play.active a:after, main .slab-container p.play.active a:before {
	opacity: 1;
	-webkit-transition: opacity 0.1s ease-in;
	-moz-transition: opacity 0.1s ease-in;
	-ms-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
}

main .slab-container p.play.paused a:after {
	content: "\f04c";
	width: 55px;
}

main .slab-slider {
	z-index: 0;
	position: relative;
	flex-wrap: nowrap;
}
main .slab-slider .slab {
	width: 100%;
	clear: both;
	position: relative;
	z-index: -1;
}


@media all and (max-width: 48em) {

main .slab-container.inset-bottom {
	margin-bottom: -30px;
}

} /* End of @media max-48em */
/*
  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: 02 October 2023 20:18:47
*/


nav.tabs:not(.local) > ul {margin: 0;}

nav.tabs:not(.local) > ul > li {display: inline-block;font-family: "Jotia W00";font-size: 26px;font-weight: 500;letter-spacing: 0.04em;color: hsla(198, 0%, 20%, 1);margin-right: 0.2em;line-height: 1.25;padding:0;}

nav.tabs:not(.local) > ul.small > li {
    letter-spacing: 0.01em;
    font-weight: 400;
    font-size: 17px;
    color: hsla(0, 0%, 7%, 1);
    margin-right: 0.3em;
}
nav.tabs:not(.local) > ul.small > li > a {padding: 0.5em 1.2em;}

nav.tabs:not(.local) > ul > li:before {display: none;}

nav.tabs:not(.local) > ul > li > a {
    border: 2px solid hsla(198, 100%, 20%,0.07);
    background-color: hsla(220, 3%, 80%, 1);
    opacity: 0.6;
    border-width: 2px 0 0 0;
    color: inherit;
    display: block;
    padding: 0.3em 1em;
    box-sizing: border-box; 
/*    box-shadow: inset 0 0 1em hsla(198, 100%, 20%, 0.2);*/
}

nav.tabs:not(.local) > ul > li > a:not(active) {}

nav.tabs:not(.local) > ul > li > a.active {
    border-color: hsla(0, 68%, 45%, 1);
    background-color: hsla(198, 100%, 20%,0.07);
    opacity: 1;
    /*box-shadow: none;*/
}
nav.tabs:not(.local) > ul > li > a.active:active,
nav.tabs:not(.local) > ul > li > a.active:focus {color: inherit;}

main div.tab {
    position: relative;
    left: -100%;
    max-height: 0px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity 800ms;
    overflow: hidden;}

main div.tab.open {
    max-height: inherit;
    left: 0;
    visibility: visible;
    opacity: 1;
    transition: opacity 800ms;
    border: 2px solid hsla(198, 100%, 20%,0.07);
    padding: 20px;
    margin-bottom: 20px;}

main div.tab:not(.trim) > *:last-child {margin-bottom: 0;}

main div.tab.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1);}
main div.tab.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
main div.tab.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1);}
main div.tab.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}
main div.tab.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;color: hsla(0, 0%, 0%, 1);}
main div.tab.secondary.cssbg {color: hsla(0, 100%, 100%, 1);}


main .cssbg div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .feature div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary div.tab.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature div.tab.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature div.tab.feature {background-color: hsla(0, 68%, 25%, 0.2);}

main div.tab.open.primary,
main div.tab.open.secondary,
main div.tab.open.tertiary,
main div.tab.open.feature,
main div.tab.open.cssbg,
main div.tab.open.no-border {border: 0;}


nav.tabs:not(.local) > ul > li > a.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
nav.tabs:not(.local) > ul > li > a.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}
nav.tabs:not(.local) > ul > li > a.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.secondary.cssbg {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.secondary.active:active, 
nav.tabs:not(.local) > ul > li > a.secondary.active:focus {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.feature.active:active, 
nav.tabs:not(.local) > ul > li > a.feature.active:focus {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.secondary.active:active, 
nav.tabs:not(.local) > ul > li > a.secondary.cssbg.active:focus {color: hsla(0, 100%, 100%, 1);}


.cssbg nav.tabs:not(.local) > ul > li > a.active {background-color: hsla(206, 26%, 95%, 1);}
.cssbg nav.tabs:not(.local) > ul > li > a {background-color: hsla(206, 26%, 95%, 1);}

/* Mobile and Tablet */
@media all and (max-width: 48em) {
    nav.tabs:not(.local) > ul > li.gu12,
    nav.tabs:not(.local) > ul > li.t-gu12,
    nav.tabs:not(.local) > ul > li.m-gu12 {
        margin-right: 0px    
    }
} /* /@media */

/* Mobile */
@media all and (max-width: 32em) {

main nav.tabs:not(.local) > ul > li  {
    display: block;
    line-height: 1.5;
}

main .flex > nav.tabs.local {
    order: initial;
}


} /* /@media */
/*
  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: 02 October 2023 20:18:47
*/


main .card a.popup-youtube p.title {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0.25em;
    font-weight: 300;
    font-size: 14px;
    background-color: hsla(198, 0%, 20%, 0.9);
}
main a.popup-youtube {border-bottom: 0;}

main a.popup-youtube,
main a.popup-image,
main .popup-gallery a {
    border-bottom: 0;
/*    font-size: 0;
//    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
//    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
//    -webkit-border-radius: 2px;
//    -moz-border-radius: 2px;
//    border-radius: 2px;*/
}

main a.popup-image,
main .popup-gallery a {cursor: zoom-in;}

main a.popup-image:active,
main .popup-gallery a:active {
/*    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
//    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);*/
}
main a.popup-image img:not(.right):not(.left),
main .popup-gallery a img:not(.right):not(.left) {
    width: 100%;
/*    margin: 0;
//    position: relative;
//    z-index: -1;*/
}

main .flex a.popup-image {}
main .flex a.popup-image img {}


.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;}

.mfp-align-top .mfp-container:before {
display: none;}

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
font-family: "Foundry Sterling W01";}

.mfp-ajax-holder .mfp-content {text-align: center;}
.mfp-ajax-holder .mfp-content video{ max-width: 100%;}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;}

.mfp-ajax-cur {
cursor: progress;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;}

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}

.mfp-auto-cursor .mfp-content {
cursor: auto;}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;}

.mfp-loading.mfp-figure {
display: none;}

.mfp-hide {
display: none !important;}

.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;}
.mfp-preloader a {
color: #CCC;}
.mfp-preloader a:hover {
color: #FFF;}

.mfp-s-ready .mfp-preloader {
display: none;}

.mfp-s-error .mfp-content {
display: none;}

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;}

button::-moz-focus-inner {
padding: 0;
border: 0;}

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: "Foundry Sterling W01";}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);}
.mfp-close:active {
top: 1px;}

.mfp-close-btn-in .mfp-close {
color: #333;}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;}

.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {
margin-top: -54px;}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;}

.mfp-arrow-left {
left: 0;}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;}

.mfp-arrow-right {
right: 0;}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;}
.mfp-iframe-holder .mfp-close {
top: -40px;}

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;}

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;}

/* The shadow behind the image */
.mfp-figure {
line-height: 0;}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;}
.mfp-figure figure {
margin: 0;}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;}

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;}

.mfp-image-holder .mfp-content {
max-width: 100%;}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;}


@media screen and (max-width: 50em) and (orientation: landscape), screen and (max-height: 23em) {

/* Remove all paddings around the image on small screen */

.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;}
.mfp-img-mobile img.mfp-img {
padding: 0;}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;}

} /* End of @media 50em */

@media (max-width: 56em) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;}
.mfp-container {
padding-left: 6px;
padding-right: 6px;}

} /* End of @media 56em */
/*
  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: 02 October 2023 20:18:47
*/


main .video-info p.title {
	font-size: 24px;
	margin-bottom: 0.5em;
}
main .playlist-videos .card {position: relative;}
main .playlist-videos p.title {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0.25em;
	font-weight: 300;
	font-size: 14px;
}
main .playlist-videos .secondary.cssbg p.title {
	background-color: hsla(198, 0%, 20%, 0.9);
}
main .playlist-videos .feature.cssbg p.title {
	background-color: hsla(0, 68%, 45%, 0.9);
}

.video-container .video-player {margin-bottom: 20px;}
.video-container .video-player.trim {margin-bottom: 0;}
.video-container .video-data {width: 0;}

.video-container.inline {max-width: 100%; display: inline-block;}
.video-container.left {float: left; max-width: 100%; margin: 0 0.75em 0.75em 0;}
.video-container.right {float: right; max-width: 100%; margin: 0 0 0.75em 0.75em;}


@media all and (max-width: 32em) {


} /* End of @media 32em */
/*
  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: 02 October 2023 20:18:47
*/


main .slab__cards-in-columns p.name,
main .tall-names p.name {
    margin-top: 35px;
}

.anim-zoom a .cssbg {
    transform: scale(1);
    backface-visibility: hidden;
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}

.anim-zoom a .card > div {
    overflow: hidden;
    margin-bottom: 10px;
}
.slab .anim-zoom .card > div:first-child > .cssbg:first-child {margin-bottom: 0;}

.anim-zoom a:hover .cssbg,
.anim-zoom a:focus .cssbg {
    transform: scale(1.05);
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}

.teacher .card a .frame .cssbg  {
    display: block;
    min-height: 33vh;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.teacher .card a .frame {overflow:hidden;max-height: 33vh;}
.teacher .card a:hover .frame .cssbg,
.teacher .card a:focus .frame .cssbg {
    transform: scale(1.1);
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.teacher .card.play p.qualification {margin: 2.2em 0 0.15em 0;}

main p.name {font-size: 28px;}

/* Play button position overrides */

main > .slab .teacher .card.play a:before {top: 32.8vh;}
main > .slab .teacher .card.play a:after {top: 32.8vh;}

@media screen and (max-width: 32em) {

main p.name {font-size: 20px;}

} /* End of @media 32em */
/*
  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: 02 October 2023 20:18:47
*/


.divTable{ display: table; width: 100%; margin-bottom: 20px; border: 1px solid #000;} 
.divTableRow { display: table-row;} 
.divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } 
.divTableHeading { background-color: #EEE; display:table-header-group; font-weight: bold; } 
.divTableFoot { background-color:#EEE; display: table-footer-group; font-weight: bold; } 
.divTableBody { display: table-row-group; background-color: #FFF;} 

.secondary .divTable { color:#000;}
/*
  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: 02 October 2023 20:18:47
*/


.slab.pageinfo {
    margin-bottom: 10px;
}

.personalised-content {
    opacity: 0;
}

.personalised-content[data-personalise="no"] {
    opacity: 1;
}

.personalised-content.pers--onload {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.personalised-content.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

.personalisation-question,
.personalisation-question h2.disabled,
.personalisation-question p.question.disabled,
.tooltip-helpers {
    display: none;
}

.personalisation-panel {
    background: #fff;
    border: 1px solid hsla(0, 68%, 45%, 1);
    display: none;
    font-family: "Foundry Sterling W01";
    min-height: 10em;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 13em;
    z-index: 15;
}

.personalisation-panel h2 {
    background: hsla(0, 68%, 45%, 1);
    color: #fff;
    display: block;
    font-size: 1em;
    margin: 0 0 0.5em 0;
    padding: 0.25em 1em;
}

.personalisation-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0 1em;
}

.personalisation-panel > ul {
    margin-bottom: 1em;
}

.slab.vos .personalisation .tooltip .steps a.reset-steps {
    color: hsla(0, 68%, 45%, 1);
}

.slab.vos .personalisation .tooltip .steps a.reset-steps:before {
    content: "";
}

.personal--on {
    display: none;
}

.pers-state {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    position: absolute;
    right: 20px;
    top: 6px;
    transition: all 0.75s ease;
    width: 30px;
    outline: 0;
}

.pers-state:before {
    background: #fff;
    border-radius: 12px;
    content: '';
    display: inline-block;
    height: 13px;
    position: absolute;
    top: 2px;
    transition: all 0.75s ease;
    width: 13px;
}

.pers-state.state--on {
    background: #00981a;
}

.pers-state.state--off {
    background: #d52a2a;
}

.pers-state.state--on:before {
    left: 15px;
}

.pers-state.state--off:before {
    left: 2px;
}

.tooltip-close {
    border: 0;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 0.5em;
    top: 0;
}

.tooltip-close:before {
    content: "\00d7";
    display: block;
    font-family: "Foundry Sterling W01";
    font-size: 25px;
    font-weight: 300;
    vertical-align: middle;
}

.steps .step-hidden {
    display: none;
}

.steps .complete[data-step="0"] {
    display: none;
}

.slab.vos .personalisation .tooltip.tooltip-hidden {
    display: none;
}

.keydates .event-instance:nth-child(1n + 3) {
  display:none;
}

.coursestable__results br {
    display: block;
}

.documentation .inline-image {
    display: inline-block;
    height: 16px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 16px;
}

.study__pre-wrap {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.study-options--helper {
    display: none;
}


main .slab.feature .card.tertiary.digital-guides {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0;
}
main .slab.feature .card.tertiary.digital-guides:before, main .slab.feature .card.tertiary.digital-guides:after {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background-color: hsla(0, 68%, 45%, 1);
    transform: rotate(45deg);
    
}
main .slab.feature .card.tertiary.digital-guides:before {
    bottom: -70px;
    left: -70px;
}
main .slab.feature .card.tertiary.digital-guides:after {
    top: -70px;
    right: -70px;
}
main .slab.feature .card.tertiary.digital-guides h2.feature, main .slab.feature .card.tertiary.digital-guides p {
    color: hsla(0, 68%, 45%, 1);
    padding-bottom: 15px;
}
main .slab.feature .card.tertiary.digital-guides img.icon, main .slab.feature .card.tertiary.digital-guides svg {
    max-height: 90px;
    margin-bottom: 20px;
}

main .slab .study-course--filter p.study-filter {
    margin-right: 15px;
}
main .slab .study-course--filter ul {
    padding-left: 10px;
}
main .slab .study-course--filter ul.tags.trim {
    margin-left: 0;
}
main .slab .study-course--filter ul:before {
    content: "";
}

/* Mobile overrides */
@media (max-width: 32em) {
    /* Show the personalisation toggle */
    .personalised-content + .slab.primary.vos.vol, .slab.personalisation__option-panel {
        overflow: visible;
    }
    
    /* Reduce width of personalisation toggle */
    .slab.vos .personalisation {
        width: 24%;
    }

    /* Always hide personalisation panel */
    .personalisation-panel.m-hide {
        display: none!important;
    }
}


/* Remedial Descendant Selector CSS for SQUIZ 

main .personalised-content .slab {padding: 40px 0 30px 0; clear: both;}
main .personalised-content .slab.trim {padding: 0;}
main .personalised-content .slab.trim-top {padding-top: 0;}
main .personalised-content .slab.trim-bottom {padding-bottom: 0;}
main .personalised-content .slab.puff {padding: 80px 0 70px 0;}
main .personalised-content .slab .inner > *:first-child {margin-top: 0;}
main .personalised-content .slab .inner .flex {clear: both;}
main .personalised-content .slab .inner {max-width: 1160px; padding: 0 20px;}
*/

table tr td.degree + td {white-space: pre;}

/* temp brochure fixes */
.slab .card.brochure {max-width: 150px;}
.slab div.icon.pdf:before {color: hsla(0, 0%, 28%, 1);}

@media all and (max-width: 32em) {
.slab .card.brochure {width: 50%;margin: 0 auto;}

.slab .study-course--filter ul.tags.trim {
    margin-left: 0px;
}

} /* End of @media 32em */