body {-webkit-font-smoothing: antialiased;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);}

.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;}

.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.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: "Neue Kabel W01";font-size: 18px; font-weight: 800;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: 400;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: 400;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 {background-color: hsla(0, 0%, 28%, 1);color: hsla(0, 100%, 100%, 1);}

main > .slab:first-child {margin-top: 20px;}
main > .slab:first-child:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) {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/0006/805920/pattern-overlay.svg);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/0009/935316/pattern-box-overlay.svg);background-size: 3px;}

.pattern.gradient.videobg.trans:after,
.pattern.gradient.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0011/935291/pattern-gradient-overlay.svg);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.videobg,
main .slab .card.videobg {position: relative;overflow:hidden;background-color: inherit;}

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.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;
	-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 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;
}
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-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;
	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 .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: "Slate 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;
}
.slab ul.tags.a-right {
	padding-left: 0;
}
.slab ul.tags:before {
	display: inline-block;
	content: "I am interested in:";
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.01em;
	color: hsla(0, 0%, 28%, 1);
	padding-right: 0.5em;
	line-height: 2;
}

.slab ul.tags > li {
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.01em;
	padding: 0;
	margin: 0 0 0.5em 1.25em;
}
.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: "Neue Kabel W0"; font-weight: 100; text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; line-height: 1; margin-bottom: 0.5em;}

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

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

main .slab p.position {font-family: "Slate W01";font-size: 16px;font-weight: 400;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: "Neue Kabel W0"; font-weight: 100;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: "Neue Kabel W01";letter-spacing: 0.025em;line-height: 1;font-weight: 100;}
main .slab .event-date .event-month {font-family: "Neue Kabel W0";letter-spacing: 0.01em;font-weight: 800;}

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

main .slab p.postal {font-size: 16px;white-space: pre;letter-spacing: 0.04em;}

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

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: "Neue Kabel W0";font-weight: 100;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: "Neue Kabel W0";font-weight: 100;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;
}

main q:after,
main blockquote > p:first-child:after {
	font-family: "FontAwesome";
	content: "\f10e";
	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;
}

main input[type=submit]:after,
main p.btn a:after {
	font-family: "FontAwesome";
	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.clock a:after {display: none;}

main p.btn.pdf a:before {content: "\f1c1";}
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: "\f003";}
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.clock a:before {content: "\f017";}

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 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: "Neue Kabel W01";letter-spacing: 0.01em;padding: 0;position:absolute;top:10px;left:10px;font-size:17px;font-weight:800;color: inherit;}
main fieldset.suppress-legend {padding-top: 10px;}
main fieldset.suppress-legend.trim {padding-top: 0;}
main fieldset.suppress-legend legend {display: none;}

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: "Slate 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: "Neue Kabel W01";
	line-height: 1.4;
	font-size: 18px;
	font-weight: 800;
	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;
}
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:400;}
main label.inline {display: inline-block;font-weight: 300;}

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: 400;}

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-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;}

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: inherit;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 dl {margin: 0 0 20px 0;}
main dl dt {font-weight: 400;}
main dl dd {margin-left: 2em;}

main table {width:100%;border-collapse: collapse;margin-bottom: 1em;}
main table tr:nth-child(2n+3) {background-color:hsla(198, 100%, 36%,0.08);}
main table th {
	font-family: "Neue Kabel W0";
	color: hsla(0, 68%, 100%, 1);
	line-height: 1.25;
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: 100;
	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;}
main .slab .flex.puff {padding: 80px 0;}
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 .card.inset-top {margin-top: -30px;}
main .card.inset-bottom {margin-bottom: -30px;}
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: 100;
	font-family: "Neue Kabel W0";
	letter-spacing: 0.025em;
	background-color: hsla(199, 98%, 48%, 0.9);
	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: 0.25em;
	font-family: "Slate 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: 800;font-style: normal;}
main h3 b,
main h3 i,
main h3 strong,
main h3 em {font-weight: 800;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: 45px;
	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: 800;
}
main .slab .banner.feature {
	overflow: visible;
	margin-bottom: 0;
	background-color: inherit;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 20px 20px 20px;
}
main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {
	padding-bottom: 80px;
}

main .slab .banner.feature:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	background-color: hsla(199, 98%, 48%, 0.9);
	mix-blend-mode: multiply;
}
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: "Neue Kabel W01";
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 800;
	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: "Neue Kabel W0";
	font-weight: 100;
	font-style: italic;
	letter-spacing: 0.025em;
	margin: 0;
}
main .slab .banner.feature p {
	background-color: inherit;
	display: inline-block;
	font-family: "Neue Kabel W01";
	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.intro {font-size: 22px;margin: 0 0 0.3em 0;line-height: 1.5;font-family: "Neue Kabel W01";font-weight: 800;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;}
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);}


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 .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 + p {margin-top: 0.5em;}

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;}

//main ul li > a {color: hsla(0, 68%, 45%, 1);}


.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 .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;}


.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;} 

.slab .card > *:first-child {margin-top:0;}
.slab .card > .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-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) + .slab:not(.puff):not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) {padding-top: 0;}
main .slab.secondary:not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) + .slab.secondary:not(.puff):not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) {padding-top: 0;}

main .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) + .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg) {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;}
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;}


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.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;}



} /* /@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: 28px;}
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 .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;}

} /* /@media */





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


} /* /@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 */