/*
* Style.scss
*
* Goldsmiths
*
* The order of files reflects the natural CSS cascade of specificity. We start with global vairables and work down to the most specific classes.
*
*
*
* [1]  Frameworks
* 		- External framrworks, Susy, Breakpoint and other SCSS systems.If you are using a framrwork, include it directly rather than a GEM.
* [2]  Config
* 		- Vairables at a global level, grid settings and font and colour vairables required for the site.
* [3]  Core
* 		- Mixinss, normalise and helper classes. Only mixins in the mixin file, helpers should comprise only of classes.
* [4]  Base
* 		- Typography, lists, forms, tables. Basic styling WITHOUT classes.
* [5]  Vendor
* 		- Vendor CSS from plugins or other frameworks.
* [6]  Layout
* 		- The core site layout based on grids and breakpoints.
* [7]  Objects
* 	    - Object abstractions that combine often repeated layouts.
* [8]  Components
* 	    - The primary elements of the site, created from objects and layouts,
*         these define the elements that reflect the design and UI of the site.
* [9]  States
* 	    - Page based alterations to the layout, design or UI.
* [10] Temp
* 	    - Styles that are either temporary during developlent or require work to re-factor a more appropriate
* 	      part of the framework.
*/

/*
 * [1] Frameworks
 *
 * https://github.com/at-import/breakpoint
 * https://github.com/douglasduteil/fake-breakpoint-slicer
 * http://albertogasparin.it/articles/2014/09/breakpoint-library-and-libsass/
 * https://github.com/ericam/susy/pull/406
*/

/*
 * [2] Config
*/

head {
  clear: both;
}

head title {
  font-family: "usn-tiny 0, usn-small 540px, usn-medium 840px, usn-large 1024px";
}

body:after {
  display: none;
}

*[data-usn-if] {
  display: none;
}

/*
 * Publico
 */

/*
 * Druk
 */

/*
 * Graphik
 */

.hero__heading,
.quote-block,
.quote,
.quote--extended,
.quote--floated,
.statement,
.statement--extended,
.statement--floated,
.druk-medium {
  font-family: 'Druk Web', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.fluid-search__input,
.hero-search .fluid-search__input,
.druk-bold {
  font-family: 'Druk Web', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.druk-super {
  font-family: 'Druk Web', Arial, Helvetica, sans-serif;
  font-weight: 900;
}

.hero--podcasts .hero__intro,
.hero--gold-stories .hero__intro,
.teaser__body p,
.rich-content-section li,
.rich-content-section > p,
.publico-text {
  font-family: 'Publico Text Web', Times New Roman, Times, Georgia, serif;
}

.teaser__title span,
.teaser--podcasts .teaser__body p,
.modal-window--content .teaser__meta,
.graphik {
  font-family: 'Graphik Web', Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.breadcrumb nav.secondary-nav > ul li > ul li a,
.teaser__more,
.split-list__item,
.dl--browse-by a,
.rich-content-section .emphasis,
.rich-content-section > h3,
.author__info,
.graphik-medium {
  font-family: 'Graphik Web', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.btn,
.filter__list-active a,
.header__charm--text,
.footer__copyright,
.footer__back-top,
.site-map--footer a,
.hero__type,
.hero__intro,
.hero__tags,
.hero__credit,
.hero--gold-stories .hero__sub-title,
.primary-nav li,
.staff-students-nav li,
.breadcrumb nav.secondary-nav > ul li,
.dropdown-nav,
.pagination li a,
.teaser__type--dark,
.teaser--image .teaser__type,
.teaser--widescreen .teaser__type,
.teaser--event .teaser__type,
.teaser--news-event .teaser__type,
.teaser--gold-stories .teaser__type,
.teaser__title,
.teaser__meta,
.teaser__action,
.teaser__breadcrumb,
.teaser--body-graphik .teaser__body p,
.teaser--programme .teaser__body p,
.teaser--text .teaser__type,
.teaser--podcasts .teaser__body p a,
.teaser--latest-podcasts .teaser__more a,
.teaser--expert .teaser__body p,
.fluid-search__label,
.filter__tabs li a,
.filter__list li a,
.filter__list-horizontal li,
.tag-list li a,
.dl--full-list a,
.media-block__caption,
.share,
.podcasts .group-heading,
.graphik-semibold {
  font-family: 'Graphik Web', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

/*
 * [3] Core
*/

/* Mixins
* [1] Rems and Ems
* [2] Psuedo Blocks
* [3] Hide visibility (accessible)
* [4] Hide text
* [5] Prevent webkit GPU flash
* [7] Transforms + transitions
* [x] Breakpoint Slicer mixin (with susy with-layout())
*/

/*
* [1] Property handling with ems and rems
* Ems = font-size: em(20px);
* Rems = @include rem-property(font-size, 24px) or rem-property(line-height, 24px)
*/

/*
* [2] Psudo Blocks
* Quick method to create psudo blocks
*/

/*
* [3] Hides an element visually, but makes it still available for screenreaders
*/

/*
* [4] Hides the text, for background images. Avoids large pixel offset bug.
*/

/*
* [5] Prevent webkit GPU flash
*/

/*
* [6] Creates a full width background image on an element.
*/

/*
* [7] Transforms and transitions
*/

/*
* [X] Creates a background to a ratio
*/

/*
* [X] Creates a heading at size with a margin top worked out by subtracting the font-size from margin-top.
*
*  $heading-font-size 
*  PX font size of the header
*
*  $margin-top-size
*  Line height we want in total from heading baseline.
*
*  $margin-bottom-size
*  Line height from heading baseline to text baseline.
*
*  $text-font-size
*  Size of the text we want to create the bottom baseline to.
*
*   ___________________________
*   
*  |
*  |---------         $margin-top-size
*  |
*  
*  |   HEADING        $heading-font-size
*  
*  |
*  |---------         $margin-bottom-size
*  |
*  
*  |   Text           $text-font-size
*  
*
*  Defaults: 18px, 20px, 32px, false, 16px, 20px;
*/

/*
* [X] Set the text and line-height.
*
*/

/*
* [x] Output an SVG from _sprites.scss
*/

/*
* [x] Breakpoint Slicer mixin wrappers (with susy with-layout())
*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
 /* 1 */
  -ms-text-size-adjust: 100%;
 /* 2 */
  -webkit-text-size-adjust: 100%;
 /* 2 */;
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
 /* 1 */
  vertical-align: baseline;
 /* 2 */;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the grey background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
 /* 1 */
  font: inherit;
 /* 2 */
  margin: 0;
 /* 3 */;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
 /* 2 */
  cursor: pointer;
 /* 3 */;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 /* 1 */
  padding: 0;
 /* 2 */;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
 /* 1 */
  padding: 0;
 /* 2 */;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*
*  Clearfix & Clear classes
*/

.clearfix,
.hero,
.filter__panel {
	zoom: 1;
}

.clearfix:before,
.hero:before,
.filter__panel:before,
.clearfix:after,
.hero:after,
.filter__panel:after {
	content: "";
	display: table;
}

.clearfix:after,
.hero:after,
.filter__panel:after {
	clear: both;
}

.clear {
	clear: both;
}

/*
*  Accessibility 
*/

.visuallyhidden,
.element-invisible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.ir,
.fluid-search__submit {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br,
.fluid-search__submit br {
	display: none;
}

/*
* Reset List - Remove the standard styling off a UL/OL
*/

.reset-list,
.nav-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
* Inine list - Create a basic horizontal style list
*/

.nav-list > li {
	display: inline-block;
}

.no-animation {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

/*
 * [4] Base
*/

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: greyscale;
	background-color: #eee;
	color: #333;
	font-family: 'Graphik Web', Helvetica, Arial, Sans-serif;
	line-height: 1.5625;
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Graphik Web', Arial, Sans-serif;
	line-height: 1.25;
	margin-top: 30px;
	margin-bottom: 1em;
}

h1 {
	font-size: 40px;
	font-size: 2.5rem;
}

h2 {
	font-size: 32px;
	font-size: 2rem;
}

h3 {
	font-size: 26px;
	font-size: 1.625rem;
}

h4 {
	font-size: 20px;
	font-size: 1.25rem;
}

h5 {
	font-size: 18px;
	font-size: 1.125rem;
}

h6 {
	font-size: 16px;
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: 15px;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #404040;
}

a:active,
a:focus {
	color: #404040;
	outline: none;
}

hr {
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 30px 0;
}

img,
picture {
	margin: 0;
	max-width: 100%;
}

blockquote {
	border-left: 2px solid #CCC;
	color: #595959;
	margin: 30px 0;
	padding-left: 15px;
}

cite {
	color: #737373;
	font-style: italic;
}

cite:before {
	content: "\2014 \00A0";
}

/*
* Default list styles
* What your standard lists should look like on the site
*/

ul,
ol,
dl {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Unordered List */

/* Ordered List */

/* Definition Lists */

dl dt {
	font-weight: bold;
}

/* 
* Nav list
*/

nav > ul,
nav > ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav > ul li,
nav > ol li {
	display: inline-block;
}

::-webkit-input-placeholder {
	color: #CCC;
}

:-moz-placeholder { /* Firefox 18- */
	color: #CCC;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #CCC;
}

:-ms-input-placeholder {
	color: #CCC;
}

select {
	margin-bottom: 30px;
	margin-right:50px;
	max-width: 100%;
	padding: 20px;
	position: relative;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-weight: bold;
	color: #999;
	border: 1px solid #CCC;
	margin: 0;
	background-color: transparent;
	background-image: url('../img/svg/arrow-down.svg');
	background-position: 97% 50%;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Form containers */

.filter-select {
	margin-bottom: 40px;
}

table {
	border-collapse: collapse;
	margin: 30px 0;
	table-layout: fixed;
	width: 100%;
}

th,
td {
	border-bottom: 1px solid #CCC;
	padding: 7.5px 0 22.5px;
	font-size: 14px;
	font-size: 0.875rem;
}

th {
	font-weight: bold;
	text-align: left;
}

tr,
td,
th {
	vertical-align: middle;
}

.svg-arrow-down,
.svg-blockquote-quote,
.svg-button-play,
.svg-button-play-gray,
.svg-button-speaker,
.svg-charm-menu,
.svg-charm-menu-active,
.svg-charm-search,
.svg-charm-search-active,
.svg-charm-search-white,
.svg-event,
.svg-event-date-day-1,
.svg-event-date-day-10,
.svg-event-date-day-11,
.svg-event-date-day-12,
.svg-event-date-day-13,
.svg-event-date-day-14,
.svg-event-date-day-15,
.svg-event-date-day-16,
.svg-event-date-day-17,
.svg-event-date-day-18,
.svg-event-date-day-19,
.svg-event-date-day-2,
.svg-event-date-day-20,
.svg-event-date-day-21,
.svg-event-date-day-22,
.svg-event-date-day-23,
.svg-event-date-day-24,
.svg-event-date-day-25,
.svg-event-date-day-26,
.svg-event-date-day-27,
.svg-event-date-day-28,
.svg-event-date-day-29,
.svg-event-date-day-3,
.svg-event-date-day-30,
.svg-event-date-day-31,
.svg-event-date-day-4,
.svg-event-date-day-5,
.svg-event-date-day-6,
.svg-event-date-day-7,
.svg-event-date-day-8,
.svg-event-date-day-9,
.svg-heading-alumni,
.svg-heading-department-of-art,
.svg-heading-departments,
.svg-heading-digital,
.svg-heading-gold-stories,
.svg-heading-life,
.svg-heading-podcasts,
.svg-heading-study,
.svg-icon-calendar-fff,
.svg-icon-next-000,
.svg-icon-next-fff,
.svg-icon-previous-000,
.svg-icon-previous-fff,
.svg-logo,
.svg-menu-bg,
.svg-minus-gold,
.svg-minus-gray,
.svg-minus-white,
.svg-modal-arrow-left,
.svg-modal-arrow-right,
.svg-modal-close,
.svg-more,
.svg-more-left,
.svg-motarboard,
.svg-motarboard-active,
.svg-plus,
.svg-plus-gold,
.svg-plus-white,
.svg-social-facebook,
.svg-social-instagram,
.svg-social-linkedin,
.svg-social-twitter,
.svg-social-vimeo,
.svg-social-youtube,
.svg-tag-cross,
.svg-test-svg {
	background-repeat: no-repeat;
	background-image: url('../img/svg/sprite.svg');
}

.svg-arrow-down {
	background-position: 0 0;
}

.svg-arrow-down-dims {
	width: 100px;
	height: 8.8258064516px;
}

.svg-blockquote-quote {
	background-position: 0 -9px;
}

.svg-blockquote-quote-dims {
	width: 15px;
	height: 14px;
}

.svg-button-play {
	background-position: 0 -23px;
}

.svg-button-play-dims {
	width: 19px;
	height: 38px;
}

.svg-button-play-gray {
	background-position: 0 -61px;
}

.svg-button-play-gray-dims {
	width: 19px;
	height: 38px;
}

.svg-button-speaker {
	background-position: 0 -99px;
}

.svg-button-speaker-dims {
	width: 100px;
	height: 73.1147138295px;
}

.svg-charm-menu {
	background-position: 0 -173px;
}

.svg-charm-menu-dims {
	width: 30px;
	height: 24px;
}

.svg-charm-menu-active {
	background-position: 0 -197px;
}

.svg-charm-menu-active-dims {
	width: 100px;
	height: 7.7922077922px;
}

.svg-charm-search {
	background-position: 0 -205px;
}

.svg-charm-search-dims {
	width: 23px;
	height: 23px;
}

.svg-charm-search-active {
	background-position: 0 -228px;
}

.svg-charm-search-active-dims {
	width: 14.6492659054px;
	height: 100px;
}

.svg-charm-search-white {
	background-position: 0 -328px;
}

.svg-charm-search-white-dims {
	width: 23px;
	height: 23px;
}

.svg-event {
	background-position: 0 -351px;
}

.svg-event-dims {
	width: 100px;
	height: 97.211490005px;
}

.svg-event-date-day-1 {
	background-position: 0 -449px;
}

.svg-event-date-day-1-dims {
	width: 100px;
	height: 9.3334809566px;
}

.svg-event-date-day-10 {
	background-position: 0 -459px;
}

.svg-event-date-day-10-dims {
	width: 100px;
	height: 9.7578744375px;
}

.svg-event-date-day-11 {
	background-position: 0 -469px;
}

.svg-event-date-day-11-dims {
	width: 100px;
	height: 19.3312666076px;
}

.svg-event-date-day-12 {
	background-position: 0 -489px;
}

.svg-event-date-day-12-dims {
	width: 100px;
	height: 39.8755034786px;
}

.svg-event-date-day-13 {
	background-position: 0 -529px;
}

.svg-event-date-day-13-dims {
	width: 85.7274401473px;
	height: 100px;
}

.svg-event-date-day-14 {
	background-position: 0 -629px;
}

.svg-event-date-day-14-dims {
	width: 81.0448451225px;
	height: 100px;
}

.svg-event-date-day-15 {
	background-position: 0 -729px;
}

.svg-event-date-day-15-dims {
	width: 100px;
	height: 40.5737704918px;
}

.svg-event-date-day-16 {
	background-position: 0 -770px;
}

.svg-event-date-day-16-dims {
	width: 100px;
	height: 25.4333967118px;
}

.svg-event-date-day-17 {
	background-position: 0 -796px;
}

.svg-event-date-day-17-dims {
	width: 100px;
	height: 16.5658816041px;
}

.svg-event-date-day-18 {
	background-position: 0 -813px;
}

.svg-event-date-day-18-dims {
	width: 100px;
	height: 13.9396567747px;
}

.svg-event-date-day-19 {
	background-position: 0 -827px;
}

.svg-event-date-day-19-dims {
	width: 100px;
	height: 11.4735828985px;
}

.svg-event-date-day-2 {
	background-position: 0 -839px;
}

.svg-event-date-day-2-dims {
	width: 100px;
	height: 23.2881728305px;
}

.svg-event-date-day-20 {
	background-position: 0 -863px;
}

.svg-event-date-day-20-dims {
	width: 100px;
	height: 11.5191772016px;
}

.svg-event-date-day-21 {
	background-position: 0 -875px;
}

.svg-event-date-day-21-dims {
	width: 100px;
	height: 23.8026925623px;
}

.svg-event-date-day-22 {
	background-position: 0 -899px;
}

.svg-event-date-day-22-dims {
	width: 100px;
	height: 47.4002196997px;
}

.svg-event-date-day-23 {
	background-position: 0 -947px;
}

.svg-event-date-day-23-dims {
	width: 72.0867208672px;
	height: 100px;
}

.svg-event-date-day-24 {
	background-position: 0 -1047px;
}

.svg-event-date-day-24-dims {
	width: 67.5213675214px;
	height: 100px;
}

.svg-event-date-day-25 {
	background-position: 0 -1147px;
}

.svg-event-date-day-25-dims {
	width: 100px;
	height: 48.5013113526px;
}

.svg-event-date-day-26 {
	background-position: 0 -1196px;
}

.svg-event-date-day-26-dims {
	width: 100px;
	height: 30.040277467px;
}

.svg-event-date-day-27 {
	background-position: 0 -1227px;
}

.svg-event-date-day-27-dims {
	width: 100px;
	height: 19.8835539959px;
}

.svg-event-date-day-28 {
	background-position: 0 -1247px;
}

.svg-event-date-day-28-dims {
	width: 100px;
	height: 16.4890320982px;
}

.svg-event-date-day-29 {
	background-position: 0 -1264px;
}

.svg-event-date-day-29-dims {
	width: 100px;
	height: 13.5576046205px;
}

.svg-event-date-day-3 {
	background-position: 0 -1278px;
}

.svg-event-date-day-3-dims {
	width: 100px;
	height: 67.9914070892px;
}

.svg-event-date-day-30 {
	background-position: 0 -1346px;
}

.svg-event-date-day-30-dims {
	width: 100px;
	height: 11.4934647525px;
}

.svg-event-date-day-31 {
	background-position: 0 -1358px;
}

.svg-event-date-day-31-dims {
	width: 93.0718954248px;
	height: 100px;
}

.svg-event-date-day-4 {
	background-position: 0 -1458px;
}

.svg-event-date-day-4-dims {
	width: 100px;
	height: 71.7056474615px;
}

.svg-event-date-day-5 {
	background-position: 0 -1530px;
}

.svg-event-date-day-5-dims {
	width: 100px;
	height: 23.5283159463px;
}

.svg-event-date-day-6 {
	background-position: 0 -1554px;
}

.svg-event-date-day-6-dims {
	width: 100px;
	height: 15.1660888044px;
}

.svg-event-date-day-7 {
	background-position: 0 -1570px;
}

.svg-event-date-day-7-dims {
	width: 100px;
	height: 9.3093570974px;
}

.svg-event-date-day-8 {
	background-position: 0 -1580px;
}

.svg-event-date-day-8-dims {
	width: 100px;
	height: 8.3266216467px;
}

.svg-event-date-day-9 {
	background-position: 0 -1589px;
}

.svg-event-date-day-9-dims {
	width: 100px;
	height: 6.853756142px;
}

.svg-heading-alumni {
	background-position: 0 -1596px;
}

.svg-heading-alumni-dims {
	width: 100px;
	height: 31.7518720461px;
}

.svg-heading-department-of-art {
	background-position: 0 -1628px;
}

.svg-heading-department-of-art-dims {
	width: 100px;
	height: 55.5555555556px;
}

.svg-heading-departments {
	background-position: 0 -1684px;
}

.svg-heading-departments-dims {
	width: 100px;
	height: 38.9417950866px;
}

.svg-heading-digital {
	background-position: 0 -1723px;
}

.svg-heading-digital-dims {
	width: 100px;
	height: 55.5555555556px;
}

.svg-heading-gold-stories {
	background-position: 0 -1779px;
}

.svg-heading-gold-stories-dims {
	width: 100px;
	height: 36.2105263158px;
}

.svg-heading-life {
	background-position: 0 -1816px;
}

.svg-heading-life-dims {
	width: 85.1873000534px;
	height: 100px;
}

.svg-heading-podcasts {
	background-position: 0 -1916px;
}

.svg-heading-podcasts-dims {
	width: 100px;
	height: 49.494837233px;
}

.svg-heading-study {
	background-position: 0 -1966px;
}

.svg-heading-study-dims {
	width: 100px;
	height: 77.1296855277px;
}

.svg-icon-calendar-fff {
	background-position: 0 -2044px;
}

.svg-icon-calendar-fff-dims {
	width: 36px;
	height: 35px;
}

.svg-icon-next-000 {
	background-position: 0 -2079px;
}

.svg-icon-next-000-dims {
	width: 12.7px;
	height: 22.6px;
}

.svg-icon-next-fff {
	background-position: 0 -2102px;
}

.svg-icon-next-fff-dims {
	width: 56.1964285714px;
	height: 100px;
}

.svg-icon-previous-000 {
	background-position: 0 -2202px;
}

.svg-icon-previous-000-dims {
	width: 12.7px;
	height: 22.6px;
}

.svg-icon-previous-fff {
	background-position: 0 -2225px;
}

.svg-icon-previous-fff-dims {
	width: 56.1964285714px;
	height: 100px;
}

.svg-logo {
	background-position: 0 -2325px;
}

.svg-logo-dims {
	width: 100px;
	height: 22.5px;
}

.svg-menu-bg {
	background-position: 0 -2348px;
}

.svg-menu-bg-dims {
	width: 58.4867561468px;
	height: 100px;
}

.svg-minus-gold {
	background-position: 0 -2448px;
}

.svg-minus-gold-dims {
	width: 100px;
	height: 20px;
}

.svg-minus-gray {
	background-position: 0 -2468px;
}

.svg-minus-gray-dims {
	width: 100px;
	height: 20px;
}

.svg-minus-white {
	background-position: 0 -2488px;
}

.svg-minus-white-dims {
	width: 100px;
	height: 20px;
}

.svg-modal-arrow-left {
	background-position: 0 -2508px;
}

.svg-modal-arrow-left-dims {
	width: 53.7007454739px;
	height: 100px;
}

.svg-modal-arrow-right {
	background-position: 0 -2608px;
}

.svg-modal-arrow-right-dims {
	width: 52.8327338129px;
	height: 100px;
}

.svg-modal-close {
	background-position: 0 -2708px;
}

.svg-modal-close-dims {
	width: 100px;
	height: 100px;
}

.svg-more {
	background-position: 0 -2808px;
}

.svg-more-dims {
	width: 100px;
	height: 32.8289473684px;
}

.svg-more-left {
	background-position: 0 -2841px;
}

.svg-more-left-dims {
	width: 100px;
	height: 32.8289473684px;
}

.svg-motarboard {
	background-position: 0 -2874px;
}

.svg-motarboard-dims {
	width: 32px;
	height: 24px;
}

.svg-motarboard-active {
	background-position: 0 -2898px;
}

.svg-motarboard-active-dims {
	width: 32px;
	height: 24px;
}

.svg-plus {
	background-position: 0 -2922px;
}

.svg-plus-dims {
	width: 10px;
	height: 10px;
}

.svg-plus-gold {
	background-position: 0 -2932px;
}

.svg-plus-gold-dims {
	width: 100px;
	height: 100px;
}

.svg-plus-white {
	background-position: 0 -3032px;
}

.svg-plus-white-dims {
	width: 100px;
	height: 100px;
}

.svg-social-facebook {
	background-position: 0 -3132px;
}

.svg-social-facebook-dims {
	width: 57.0796460177px;
	height: 100px;
}

.svg-social-instagram {
	background-position: 0 -3232px;
}

.svg-social-instagram-dims {
	width: 99.1121872478px;
	height: 100px;
}

.svg-social-linkedin {
	background-position: 0 -3332px;
}

.svg-social-linkedin-dims {
	width: 100px;
	height: 98.2603092784px;
}

.svg-social-twitter {
	background-position: 0 -3431px;
}

.svg-social-twitter-dims {
	width: 100px;
	height: 81.2516095802px;
}

.svg-social-vimeo {
	background-position: 0 -3513px;
}

.svg-social-vimeo-dims {
	width: 100px;
	height: 75.7011605416px;
}

.svg-social-youtube {
	background-position: 0 -3589px;
}

.svg-social-youtube-dims {
	width: 100px;
	height: 52.3037542662px;
}

.svg-tag-cross {
	background-position: 0 -3642px;
}

.svg-tag-cross-dims {
	width: 8.5px;
	height: 8.5px;
}

.svg-test-svg {
	background-position: 0 -3651px;
}

.svg-test-svg-dims {
	width: 16px;
	height: 14px;
}

/*
 * [5] Vendor
*/

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}

/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	-ms-perspective: 1200px;
	perspective: 1200px;
}

/* fade */

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut 0.7s both ease;
	animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
	-webkit-animation: fadeIn 0.7s both ease;
	animation: fadeIn 0.7s both ease;
}

/* backSlide */

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}

/* goDown */

.owl-goDown-out {
	-webkit-animation: scaleToFade 0.7s ease both;
	animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
	-webkit-animation: goDown 0.6s ease both;
	animation: goDown 0.6s ease both;
}

/* scaleUp */

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom 0.5s ease both;
	animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo 0.5s ease both;
	animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */

/*empty*/

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: #333;
	background: #fff;
	border: 0;
	border-bottom-color: #bbb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
}

.pika-single.is-hidden {
	display: none;
}

.pika-single.is-bound {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
	*zoom: 1;
}

.pika-single:before,
.pika-single:after {
	content: " ";
	display: table;
}

.pika-single:after {
	clear: both;
}

.pika-lendar {
	float: left;
}

.pika-title {
	position: relative;
	text-align: center;
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
}

.pika-prev,
.pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: 0.5;
	*position: absolute;
	*top: 0;
}

.pika-prev:hover,
.pika-next:hover {
	opacity: 1;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
	cursor: default;
	opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
	float: left;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
	*left: 0;
}

.pika-next,
.is-rtl .pika-prev {
	float: right;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
	*right: 0;
}

.pika-select {
	display: inline-block;
	*display: inline;
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

.pika-table th,
.pika-table td {
	width: 14.2857142857%;
	padding: 0;
}

.pika-table th {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}

.pika-table abbr {
	border-bottom: none;
	cursor: help;
}

.pika-button {
	cursor: pointer;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 15px 5px;
	color: #666;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5;
}

.is-today .pika-button {
	color: #fed100;
	font-weight: bold;
}

.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #fed100;
	box-shadow: inset 0 1px 3px #178fe5;
}

.is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: 0.3;
}

.pika-button:hover {
	color: #fff !important;
	background: #fed100 !important;
	box-shadow: none !important;
}

.pika-week {
	font-size: 11px;
	color: #999;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

/*
 * [6] Layout
*/

/*
*  General site structure for wrappers, containers.
*/

.wrapper--no-borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 25%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	min-width: 320px;
}

.wrapper--no-borders:after,
.wrapper:after,
.breadcrumb nav.secondary-nav > ul li > ul:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--fluid {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 25%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	min-width: 320px;
}

.wrapper--fluid:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.wide-wrapper {
	min-width: 270px;
	margin: 0 25px;
}

.full-width,
.followWrap,
.full-wrap,
.btn-wrapper--full-width,
.teaser__btn-align {
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.grid-push--two .full-width,
.grid-push--two .followWrap,
.grid-push--two .full-wrap,
.grid-push--two .btn-wrapper--full-width,
.grid-push--two .teaser__btn-align {
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Layout for menu structure and pushing, pulling of page.
*/

.push-this {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	position: relative;
	background-color: #eee;
}

.menu-open .push-this,
.staff-students-open .push-this {
	-webkit-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	transform: translate(-300px, 0);
}

.pusher {
	-webkit-transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	background-color: #1c1c1c;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	z-index: 101;
	overflow: auto;
	-webkit-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate(300px, 0);
}

.pusher-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #1c1c1c;
}

.pusher-wrapper:after {
	-webkit-transition: background 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: background 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 0;
	height: 0;
}

.search-open .pusher-wrapper:after,
.submenu-open .pusher-wrapper:after {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.site-ui-closing .pusher-wrapper:after,
.submenu-closing .pusher-wrapper:after,
.search-closing .pusher-wrapper:after {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
}

/*
* Teaser grid layouts, teasers are all fluid by default so these give each teaser the correct grid
* settings depending on which layout it sits in.
*
* We are using the Susy split layout where the margins are split either side of the grid element,
* this means we can avoid requiring an omega class as each element is self clearing.
*
* We need to be careful to pass the nest paramater on containing grids.
*
*/

/*
* Welcome / intro layout.
*/

.news-layout .group-1 .teaser,
.welcome-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.news-layout .group-2 .teaser,
.welcome-layout .group-2 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.news-layout .group-3,
.welcome-layout .group-3 {
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.news-layout .group-3 .teaser,
.welcome-layout .group-3 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.news-layout .group-2 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* TODO: Document
*/

.welcome-layout .group-2 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Grid layout, two columns with two teasers in each.
*/

.content-grid-layout .group-1 .teaser,
.content-grid-layout .group-2 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Single group layout, three columns with a single teaser in each.
*/

.content-mini-layout .group-1 {
	width: 100%;
	float: left;
}

.content-mini-layout .group-1 + .group-1 {
	margin-top: 20px;
}

.content-mini-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Split column layout, two columns with two teasers in each.
*/

.content-split-layout .group-2 {
	float: right;
}

.content-split-layout .group-1 .teaser,
.content-split-layout .group-2 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.content-split-layout .group-1 .teaser--full,
.content-split-layout .group-2 .teaser--full {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* TODO: Document
*/

.speakers-layout {
	padding-bottom: 60px;
	padding-bottom: 3.75rem;
}

.speakers-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
	float: none;
}

/*
* Single group layout, four columns with a single teaser in each.
*/

.content-4col-layout .group-1 {
	width: 100%;
	float: left;
}

.content-4col-layout .group-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.content-4col-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Single group layout, three columns with a single teaser in each.
*/

.content-3col-layout .group-1 {
	width: 100%;
	float: left;
}

.content-3col-layout .group-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.content-3col-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Single group layout, two columns with a single teaser in each.
*/

.content-2col-layout { /*
    * Single group layout, two columns with 1 col at small.
    */ /*
    * Single group layout, two columns with 3 col at medium.
    */
}

.content-2col-layout .group-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	float: left;
}

.content-2col-layout .group-1 .teaser {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* TODO: Document
*/

.group-border__bottom {
	border-bottom: 1px solid #CCC;
}

.group-border__circle {
	position: relative;
	margin-bottom: 32px;
}

.group-border__circle:after {
	content: ".";
	position: absolute;
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 100px;
	color: #999;
	line-height: 0px;
	bottom: 0px;
	left: 0;
}

/*
* Layouts for lists, UL's and DL's etc.
*/

.dl .dl__item,
.dl dt,
.dl dd {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.dl--full-list .dl__item,
.dl--full-list dt,
.dl--full-list dd {
	width: 100% !important;
}

.search-results__main {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.search-results__aside {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Teaser grid layouts, teasers are all fluid by default so these give each teaser the correct grid
* settings depending on which layout it sits in.
*
* We are using the Susy split layout where the margins are split either side of the grid element,
* this means we can avoid requiring an omega class as each element is self clearing.
*
* We need to be careful to pass the nest paramater on containing grids.
*
*/

/*
* Article layout, single column.
*/

.content-article-layout .byline-dateline {
	width: 100%;
	float: left;
}

.content-article-layout .byline-dateline hr {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.content-article-layout .byline-dateline .byline,
.content-article-layout .byline-dateline .dateline {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.content-article-layout .article-body {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
 * [7] Objects
*/

/*
* Media Object - Aligns an image next to a block of text.
*/

.media,
.teaser--work {
	overflow: hidden;
}

.media__body {
	overflow: hidden;
}

.media__figure {
	float: left;
	margin-right: 15px;
}

.media__figure img {
	display: block;
}

.media__figure--rev {
	float: right;
	margin-left: 30px;
}

.media--widescreen .media__figure,
.teaser--work .media__figure {
	width: 50%;
	margin-right: 30px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 1300px;
	max-width: 1300px;
	display: block;
	overflow: hidden;
	position: relative;
}

.media--widescreen .media__figure img,
.teaser--work .media__figure img {
	display: none;
}

.media--widescreen .media__figure:before,
.teaser--work .media__figure:before {
	padding-bottom: 56.25%;
	content: "";
	display: block;
	width: 100%;
}

/*
* Flex-box alternative
*/

.fb-media {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.fb-media__figure {
	margin-right: 30px;
}

.fb-media__body {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/*
* Flag Object - Aligns an image vertically next to a block of text.
*/

.flag {
	display: table;
	width: 100%;
}

.flag__figure,
.flag__body {
	display: table-cell;
	vertical-align: middle;
}

.flag--top .flag__figure,
.flag--top .flag__body {
	vertical-align: top;
}

.flag--bottom .flag__figure,
.flag--bottom .flag__body {
	vertical-align: bottom;
}

.flag__figure {
	padding-right: 30px;
}

.flag__figure > img {
	display: block;
	max-width: none;
}

.flag__figure--rev .flag__figure {
	padding-right: 0;
	padding-left: 30px;
}

.flag__body {
	width: 100%;
}

/*
* Creates an inline list, typically used to hold menu items and charm icons.
*/

.list-inline,
.filter__list-horizontal,
.filter__list-active,
.tag-list,
.header__charms {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-inline > li,
.filter__list-horizontal > li,
.filter__list-active > li,
.tag-list > li,
.header__charms > li {
	display: inline-block;
}

.list-inline--delimited > li:after,
.tag-list > li:after {
	content: ",";
}

.list-inline--delimited > li:last-child:after,
.tag-list > li:last-child:after {
	content: "";
}

/*
* Creates an block list, bocky text lists.
*/

.list-block,
.site-map--footer,
.social-hubs--footer,
.breadcrumb nav.secondary-nav > ul li > ul,
.social-hubs--breadcrumb,
.filter__tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-block > li,
.site-map--footer > li,
.social-hubs--footer > li,
.breadcrumb nav.secondary-nav > ul li > ul > li,
.social-hubs--breadcrumb > li,
.filter__tabs > li {
	display: inline-block;
}

/*
* Creates an styled list, typically used in body content.
*/

.list-styled {
	list-style: square;
	list-style-position: inside;
	padding: 0;
}

.list-reset,
.filter__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-logo {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 110px;
	height: 25px;
	background-image: url('../img/svg/logo.svg');
	background-size: 100% 100%; /* svg-background('logo.svg', 110, 25); */
	margin: 0;
}

.site-logo::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .site-logo {
	background-image: url('../img/raster/svg-png/logo_w110.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

/*
* Panel variations
*/

.inset {
	margin: -10px 10px 0 10px;
}

/*
* Text block
*
* A block of text with padding and a background.
*/

.teaser__type--dark,
.teaser--image .teaser__type,
.teaser--widescreen .teaser__type,
.teaser--event .teaser__type,
.teaser--news-event .teaser__type,
.teaser--gold-stories .teaser__type,
.block-text {
	display: inline-block;
	padding: 8px 30px;
}

.teaser__type--dark,
.teaser--image .teaser__type,
.teaser--widescreen .teaser__type,
.teaser--event .teaser__type,
.teaser--news-event .teaser__type,
.teaser--gold-stories .teaser__type,
.block-text--dark {
	background: #333;
	color: #FFF;
}

/*
* Panel
*
* A block of text with padding and a background.
*/

.panel,
.teaser__panel,
.site-search,
.mini-search,
.events-search,
.course-search,
.search-box {
	padding: 1px 30px 30px;
	position: relative;
}

.panel-white,
.teaser__panel,
.mini-search,
.events-search,
.course-search {
	background: #FFF;
}

.panel-dark,
.site-search {
	background: #333;
}

.panel-grey,
.search-results__aside .search-box {
	background: #f7f7f7;
}

/*
* Action link
*
* A link with keyline and arrow
*/

.teaser__action,
.action-link {
	border-top: 1px solid #E3E3E3;
	display: block;
	width: 100%;
	margin-top: 36px;
	margin-top: 2.25rem;
	padding-top: 12px;
	padding-top: 0.75rem;
	position: relative;
}

.teaser__action:after,
.action-link:after {
	display: inline-block;
	content: '';
	width: 24px;
	height: 9px;
	position: absolute;
	display: block;
	margin-left: -12px;
	left: 50%;
	margin-top: -4.5px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 24px;
	height: 8px;
	background-image: url('../img/svg/more.svg');
	background-size: 100% 100%; /* svg-background('more.svg', 24, 8); */
	right: 0;
	left: auto;
	top: 78%;
	margin-top: -7.5px;
}

.teaser__action:after::before,
.action-link:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .teaser__action:after,
.lt-ie9 .action-link:after {
	background-image: url('../img/raster/svg-png/more_w24.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

/*
* Button styles
*
* General button styles
*/

.btn,
.filter__list-active a {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 19.9995px;
	line-height: 1.24996875rem;
	padding: 15px 40px 17px 40px;
	padding: 0.9375rem 2.5rem 1.0625rem 2.5rem;
	background: #FFF;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.btn--tag,
.filter__list-active a {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 20.0004px;
	line-height: 1.250025rem;
	padding: 14px 20px 14px 20px;
	padding: 0.875rem 1.25rem 0.875rem 1.25rem;
}

.btn--dark {
	color: white;
	background-color: #333;
}

.btn--dark:hover {
	color: white;
}

.btn--mid {
	color: #1c1c1c;
	background-color: #E3E3E3;
}

.btn--bottom-left {
	background-color: #fed100;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 20px;
	background-image: url('../img/svg/button-play.svg');
	background-size: 100% 100%; /* svg-background('button-play.svg', 10, 20); */
}

.btn--bottom-left::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .btn--bottom-left {
	background-image: url('../img/raster/svg-png/button-play_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.btn--bottom-left:after {
	display: inline-block;
	content: '';
	width: 64px;
	height: 64px;
	position: absolute;
	display: block;
	margin-left: -32px;
	left: 50%;
	margin-top: -32px;
	top: 50%;
}

.btn--block {
	display: block;
}

.btn--play,
.btn--speaker {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	background-color: #fed100;
	width: 64px;
	height: 64px;
	overflow: hidden;
	padding: 0 !important;
	margin-top: 10px;
	position: relative;
	display: none;
	position: absolute;
	bottom: 0;
	left: -64px;
}

.btn--play::before,
.btn--speaker::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.btn--play:after,
.btn--speaker:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -5px;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 20px;
	background-image: url('../img/svg/button-play.svg');
	background-size: 100% 100%; /* svg-background('button-play.svg', 10, 20); */
}

.btn--play:after::before,
.btn--speaker:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .btn--play:after,
.lt-ie9 .btn--speaker:after {
	background-image: url('../img/raster/svg-png/button-play_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.btn--speaker:after {
	margin: -13px 0 0 -20px;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 40px;
	height: 29px;
	background-image: url('../img/svg/button-speaker.svg');
	background-size: 100% 100%; /* svg-background('button-speaker.svg', 40, 29); */
}

.btn--speaker:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .btn--speaker:after {
	background-image: url('../img/raster/svg-png/button-speaker_w40.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.btn--outline {
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
	background: transparent;
	border: 1px solid #666;
	color: #FFF;
}

.btn--outline:hover {
	color: #FFF;
	border-color: gray;
}

.btn--one-line {
	white-space: nowrap;
}

.btn--load-more {
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
	margin-top: 20px;
	margin-top: 1.25rem;
	display: block;
	border: 1px solid #CCC;
	color: #333;
	font-weight: bold;
	text-align: center;
	background: transparent;
	width: auto;
	clear: left;
}

.section--light .btn--load-more {
	border: 1px solid #E3E3E3;
}

.btn--center {
	display: inline-block;
}

.btn--centered {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-wrapper--full-width {
	overflow: hidden;
	clear: both;
}

.btn-wrapper--breakout {
	margin: 20px 0 0;
}

.btn-wrapper--breakout .btn--breakout-left {
	margin: 20px auto 0 auto;
	display: block;
}

.media__play,
.media-block__video__play {
	position: relative;
	overflow: hidden;
}

.media__play:after,
.media-block__video__play:after {
	background: #FFF;
	display: inline-block;
	content: '';
	width: 70px;
	height: 70px;
	position: absolute;
	display: block;
	margin-left: -35px;
	left: 50%;
	margin-top: -35px;
	top: 50%;
}

.media__play:before,
.media-block__video__play:before {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 20px;
	background-image: url('../img/svg/button-play-gray.svg');
	background-size: 100% 100%; /* svg-background('button-play-gray.svg', 10, 20); */
	display: inline-block;
	content: '';
	width: 10px;
	height: 19px;
	position: absolute;
	display: block;
	margin-left: -5px;
	left: 50%;
	margin-top: -9.5px;
	top: 50%;
	z-index: 100;
}

.media__play:before::before,
.media-block__video__play:before::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .media__play:before,
.lt-ie9 .media-block__video__play:before {
	background-image: url('../img/raster/svg-png/button-play-gray_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.media__play:hover:before,
.media-block__video__play:hover:before {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 20px;
	background-image: url('../img/svg/button-play.svg');
	background-size: 100% 100%; /* svg-background('button-play.svg', 10, 20); */
}

.media__play:hover:before::before,
.media-block__video__play:hover:before::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .media__play:hover:before,
.lt-ie9 .media-block__video__play:hover:before {
	background-image: url('../img/raster/svg-png/button-play_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.media__play:hover:after,
.media-block__video__play:hover:after {
	background: #fed100;
}

.media-block--video-active .media__play,
.media-block--video-active .media-block__video__play {
	display: none;
}

/*
* Section heading
*/

.section__heading {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 20px;
	line-height: 1.25rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 30px;
	margin-bottom: 1.875rem;
	width: 100%;
	text-align: center;
}

.section__heading--has-borders {
	font-size: 18px;
	font-size: 1.125rem;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	padding: 15px 0;
	margin-top: -1px;
	width: auto;
}

.section--accordion .section__heading {
	font-size: 18px;
	font-size: 1.125rem;
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	background: white;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	padding: 30px 0;
	margin: -1px 0 0 0;
}

.section--accordion .section__heading:hover,
.section--accordion .section__heading.active {
	background: #E3E3E3;
}

/***
** CONTAINER FOR FIXED HEADING ON EVENTS
***/

.followWrap {
	width: 100%;
	position: relative;
	z-index: 2;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}

/*
* Icons, generic
*/

.icon {
	position: relative;
}

.icon:after {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	margin-left: -5px;
	left: 50%;
	margin-top: -5px;
	top: 50%;
}

.icon-plus {
	cursor: pointer;
}

.icon-plus:after {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-image: url('../img/svg/plus.svg');
	background-size: 100% 100%; /* svg-background('plus.svg', 10, 10); */
}

.icon-plus:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .icon-plus:after {
	background-image: url('../img/raster/svg-png/plus_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.icon--right:after {
	right: 0;
	left: auto;
}

.icon--left:after {
	left: 0;
	right: auto;
}

/*
 * [8] Components
*/

.header {
	padding: 2em 0;
}

.header__logo {
	float: left;
}

.header__charms {
	float: right;
}

.header__charms > li {
	height: 25px;
	line-height: 25px;
	padding: 0 20px;
	float: left;
}

.header__charms > li:last-child {
	padding-right: 0;
}

.header__charm {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	display: block;
	position: relative;
	width: 30px;
	height: 25px;
}

.header__charm::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.header__charm--text {
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #666;
}

.staff-students-open .header__charm--text {
	color: #fed100;
}

.header-container {
	background: #FFF;
}

.charm-search {
	width: 20px;
}

.charm-search:after {
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	display: block;
	margin-left: -10px;
	left: 50%;
	margin-top: -10px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background-image: url('../img/svg/charm-search.svg');
	background-size: 100% 100%; /* svg-background('charm-search.svg', 20, 20); */
}

.charm-search:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .charm-search:after {
	background-image: url('../img/raster/svg-png/charm-search_w20.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.search-open .charm-search:after {
	background-image: url('../img/svg/charm-search-active.svg');
}

.charm-menu {
	width: 21px;
}

.charm-menu:after {
	display: inline-block;
	content: '';
	width: 21px;
	height: 17px;
	position: absolute;
	display: block;
	margin-left: -10.5px;
	left: 50%;
	margin-top: -8.5px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 21px;
	height: 17px;
	background-image: url('../img/svg/charm-menu.svg');
	background-size: 100% 100%; /* svg-background('charm-menu.svg', 21, 17); */
}

.charm-menu:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .charm-menu:after {
	background-image: url('../img/raster/svg-png/charm-menu_w21.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.menu-open .charm-menu:after {
	background-image: url('../img/svg/charm-menu-active.svg');
}

/*
* Footer Grid
*
* None global variable settings.
*/

.footer__meta {
	padding-top: 1.5em;
	clear: both;
}

.footer__copyright {
	color: #CCC;
}

.footer__back-top {
	float: right;
}

.footer__copyright,
.footer__back-top {
	font-size: 13px;
	font-size: 0.8125rem;
}

.footer-container {
	background: #333;
	padding: 50px 0;
	position: relative;
}

.site-map--footer {
	width: 100%;
	float: left;
}

.site-map--footer > li {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.site-map--footer > li:nth-child(2n) {
	float: right;
}

.site-map--footer a {
	font-size: 15px;
	font-size: 0.9375rem;
	color: #FFF;
}

.social-hubs--footer {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

/*
* Sections
* 	-- Sections handle dividing content in the page, they can also appear as accordions and other variations.
*/

.section-container,
.section {
	padding-top: 40px;
	padding-top: 2.5rem;
	background-color: #fff;
}

.section-container > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section-container > ul,
.section > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section > ul {
	padding: 0 0 60px;
}

.section-container .wrapper--relative,
.section .wrapper--relative {
	position: relative;
}

.section-container-center,
.section-center {
	text-align: center;
}

.section-container--no-padding,
.section--no-padding,
.section-container--accordion,
.section--accordion,
.section-container--site-search,
.section--site-search {
	padding: 0 !important;
}

.section-container--light,
.section--light {
	background-color: #FFF;
}

.section-container--dark,
.section--dark {
	background-color: #333;
}

.section-container--accordion h2.section__heading,
.section--accordion h2.section__heading {
	cursor: pointer;
}

.section-container--accordion h2.section__heading.active,
.section--accordion h2.section__heading.active {
	position: relative;
}

.section-container--accordion > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section-container--accordion > ul,
.section--accordion > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section--accordion > ul {
	padding-top: 40px;
	padding-top: 2.5rem;
	display: none;
}

.section-container--accordion > .wrapper .modal-window--content,
.breadcrumb nav.secondary-nav > ul li.section-container--accordion > ul .modal-window--content,
.section--accordion > .wrapper .modal-window--content,
.breadcrumb nav.secondary-nav > ul li.section--accordion > ul .modal-window--content {
	display: none;
}

.section-container--search,
.section--search {
	padding: 30px 0 !important;
}

.section-container--search > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section-container--search > ul,
.section--search > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section--search > ul {
	padding-bottom: 0;
}

.section-container--site-search,
.section--site-search {
	-webkit-transition: max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: max-height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	background: #333;
	overflow-y: hidden;
	max-height: 0;
}

.search-open .section-container--site-search,
.search-open .section--site-search {
	max-height: 3000px; /* approximate max height */
}

aside {
	background-color: #eee;
}

.visual-divider {
	border-bottom: 1px solid #E3E3E3;
}

/*
* Variations for sections
*/

.browse-pages > .wrapper,
.breadcrumb nav.secondary-nav > ul li.browse-pages > ul {
	padding-bottom: 50px;
}

.hero-container {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 25%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.hero-container:after {
	content: " ";
	display: block;
	clear: both;
}

.hero {
	background-color: #3d3d3d;
	position: relative;
	width: 100%;
}

.hero__type {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
}

.hero__heading {
	margin: 0;
}

.hero__sub-heading {
	font-family: 'Druk Web', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 40px;
	line-height: 2.5rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	text-align: center;
}

.hero__align {
	width: 100%;
}

.hero__wrapper {
	position: relative;
}

.hero__content {
	opacity: 1;
}

.hero__image {
	position: relative;
	background: url('') no-repeat center center;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 1300px;
	max-width: 1300px;
	display: block;
	overflow: hidden;
	position: relative;
}

.hero__image img {
	display: none;
}

.hero__image:before {
	padding-bottom: 56.25%;
	content: "";
	display: block;
	width: 100%;
}

.hero__image img {
	display: none;
}

.hero__image--media {
	background: none !important;
}

.hero__image--media iframe,
.hero__image--media .media-block {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.hero__image--media .media-block__media {
	margin: 0;
}

.hero__image--media .media-block__video__cover-image {
	z-index: 0;
}

.hero__image--media iframe {
	display: none;
}

.hero__intro {
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	color: #FFF;
}

.hero__tags {
	font-size: 12px;
	font-size: 0.75rem;
	margin-bottom: 28px;
	margin-bottom: 1.75rem;
	line-height: 1.2;
	color: #FFF;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.hero__tags:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin-top: 10px;
	margin-top: 0.625rem;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.hero__credit {
	font-size: 12px;
	font-size: 0.75rem;
	text-align: center;
	margin: -10px auto 15px auto;
	display: block;
}

.hero__credit--rotated {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: auto;
	text-align: center;
	margin: 0;
}

.hero__credit--rotated .credit-text {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	padding: 30px;
	top: 50%;
	width: 650px;
	margin-top: 325px;
}

.hero__icon {
	width: 80px;
	height: 80px;
	background-color: #3d3d3d;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}

.hero__icon--calendar:after {
	display: inline-block;
	content: '';
	width: 36px;
	height: 35px;
	position: absolute;
	display: block;
	margin-left: -18px;
	left: 50%;
	margin-top: -17.5px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 36px;
	height: 35px;
	background-image: url('../img/svg/icon-calendar-fff.svg');
	background-size: 100% 100%; /* svg-background('icon-calendar-fff.svg', 36, 35); */
}

.hero__icon--calendar:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .hero__icon--calendar:after {
	background-image: url('../img/raster/svg-png/icon-calendar-fff_w36.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.hero .split-list--hero {
	font-size: 13px;
	font-size: 0.8125rem;
}

/*
*  Alignment for the heros
*
*  Aligns the content, applied to the .hero class.
*/

.hero--home .hero__wrapper,
.hero--course-finder .hero__wrapper,
.hero--split-text .hero__wrapper,
.hero--simple .hero__wrapper,
.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	display: table;
	width: 100%;
}

.hero--home .hero__align,
.hero--course-finder .hero__align,
.hero--split-text .hero__align,
.hero--simple .hero__align,
.hero--department .hero__align,
.hero--theme .hero__align,
.hero--event .hero__align,
.hero--programme .hero__align,
.hero--profile .hero__align,
.hero--podcasts .hero__align,
.hero--gold-stories .hero__align {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.hero--three-up .hero__wrapper {
	display: table;
	width: 100%;
}

.hero--three-up .hero__align {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

/*
    Display table-cell heros.
    Any here where we use display:table to center content doesn't
    work with min-height so we use height instead
    as the cell pushes if it needs to.
*/

.hero--course-finder .hero__wrapper,
.hero--split-text .hero__wrapper {
  height: 300px;
}

.hero--home .hero__wrapper {
  height: 300px;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
  height: auto;
  min-height: 300px;
}

.hero--three-up {
  width: 100%;
  height: 410px;
  float: left;
}

.hero--three-up .hero__wrapper {
  height: 410px;
}

/*
* Elements and styles, used by patterns.
*/

.hero--home .hero__type,
.hero--course-finder .hero__type,
.hero--split-text .hero__type,
.hero--simple .hero__type,
.hero--three-up .hero__type,
.hero--home .hero__heading,
.hero--course-finder .hero__heading,
.hero--split-text .hero__heading,
.hero--simple .hero__heading,
.hero--three-up .hero__heading {
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.hero--course-finder .hero__content,
.hero--split-text .hero__content {
  margin: 3em auto;
  width: 70%;
  max-width: 700px;
}

.hero--home .hero__content {
  margin: 3em auto;
  width: 80%;
  max-width: 900px;
}

.hero--course-finder .hero__heading,
.hero--department .hero__heading,
.hero--theme .hero__heading,
.hero--split-text .hero__heading,
.hero--simple .hero__heading {
  font-size: 40px;
  font-size: 2.5rem;
}

.hero--profile .hero__content {
  position: relative;
}

.hero--profile .hero__heading {
  font-size: 40px;
  font-size: 2.5rem;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  top: -80px;
}

.hero--profile .hero__heading .hero__heading-inner {
  padding: 15px 40px 25px 40px;
  background: #ec4371;
  color: #fed100;
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
}

.hero--home .hero__heading {
  font-size: 40px;
  font-size: 2.5rem;
}

.hero--home .hero__content,
.hero--course-finder .hero__content,
.hero--event .hero__content,
.hero--split-text .hero__content,
.hero--profile .hero__content,
.hero--simple .hero__content {
  text-align: center !important;
}

.hero--split-text .hero__heading {
  font-size: 60px;
  font-size: 3.75rem;
  margin-bottom: 30px;
}

.hero--light-on-dark .hero__credit,
.hero--theme .hero__credit,
.hero--event .hero__credit,
.hero--programme .hero__credit {
  color: #FFF;
}

.hero--light-on-dark .hero__intro,
.hero--light-on-dark .hero__content,
.hero--theme .hero__intro,
.hero--event .hero__intro,
.hero--programme .hero__intro,
.hero--theme .hero__content,
.hero--event .hero__content,
.hero--programme .hero__content {
  color: #333;
}

.hero--dark-on-light .hero__credit {
  color: #333;
}

.hero--dark-on-light .hero__intro,
.hero--dark-on-light .hero__content {
  color: #FFF;
}

/*
* Main patterns
*
* These should NONT directly be applied to heros in the mark-up.
*/

.hero--department .hero__image,
.hero--theme .hero__image,
.hero--event .hero__image,
.hero--programme .hero__image,
.hero--profile .hero__image,
.hero--podcasts .hero__image,
.hero--gold-stories .hero__image {
  background: url('') no-repeat center center;
  background-size: cover;
}

.hero--department .hero__content,
.hero--theme .hero__content,
.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content,
.hero--gold-stories .hero__content {
  text-align: left;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
  background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
  background-size: 25%;
  background-origin: content-box;
  background-clip: content-box;
  background-position: left top;
  min-width: 320px;
}

.hero--department .hero__wrapper:after,
.hero--theme .hero__wrapper:after,
.hero--event .hero__wrapper:after,
.hero--programme .hero__wrapper:after,
.hero--profile .hero__wrapper:after,
.hero--podcasts .hero__wrapper:after,
.hero--gold-stories .hero__wrapper:after {
  content: " ";
  display: block;
  clear: both;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper {
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
}

.hero--department .hero__content,
.hero--theme .hero__content {
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
  text-align: center;
  margin-top: -40px;
  position: relative;
}

.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper {
  max-width: 1250px;
}

.hero--event .hero__heading,
.hero--programme .hero__heading,
.hero--profile .hero__heading,
.hero--podcasts .hero__heading {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 50px;
  line-height: 3.125rem;
  margin-top: 0px;
  margin-top: 0rem;
}

.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content {
  padding: 40px 20px;
  background: #FFF;
  text-align: center;
}

.hero--event .hero__intro,
.hero--programme .hero__intro,
.hero--profile .hero__intro,
.hero--podcasts .hero__intro {
  color: #666;
}

.hero--podcasts {
  padding-top: 30px;
  margin-bottom: 40px;
}

.hero--podcasts .hero__heading {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  bottom: auto;
  width: 35%;
}

.hero--podcasts .hero__image-wrapper {
  max-width: 400px;
  margin: 0 auto;
}

.hero--podcasts .hero__image:before {
  padding-bottom: 100%;
}

.hero--gold-stories .hero__wrapper {
  margin-bottom: -20px;
}

.hero--gold-stories .hero__heading {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  top: 40px;
  bottom: auto;
  width: 50%;
}

.hero--gold-stories .hero__sub-heading {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 35px;
  line-height: 2.1875rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.hero--gold-stories .hero__sub-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #666;
}

.hero--gold-stories .hero__intro {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #666;
}

.hero--gold-stories .hero__align {
  padding: 80px 0 0;
}

.hero--gold-stories .hero__content {
  position: relative;
  margin: 0 20px -20px 20px;
  padding: 40px 20px 0;
  background: #eee;
  text-align: center;
  top: -20px;
  float: none;
}

.hero--split-text .hero__wrapper {
  max-width: 100%;
}

.hero--split-text .hero__split {
  width: 100%;
  display: table;
}

.hero--split-text .hero__intro {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.hero--split-text .hero__image {
  background: url('') no-repeat center center;
  background-size: cover;
}

.hero--split-text .hero__image-wrapper {
  width: 100%;
  height: 100%;
  display: table-cell;
}

/* IE11 fix */

.hero__IE .hero__image-wrapper {
  height: 100%;
}

/*
* Hero slanted headings, SVG's
*/

.druk-wrapper {
	width: 50%;
	margin: 0 auto;
}

.druk-wrapper .druk-heading {
	width: 100%;
	z-index: 10;
	max-height: 250px;
}

.druk-heading {
	width: 100%;
	z-index: 10;
	margin-bottom: 30px;
	max-height: 80px;
}

.hero--home {
	background: url('../img/tmp/hero.jpg') no-repeat center center;
	background-size: cover;
}

.hero--department {
	background-color: #fed100;
}

.hero--department .hero__image {
	background: url('../img/tmp/hero-art.jpg') no-repeat center center;
	background-size: cover;
}

.hero--department .hero__intro,
.hero--department .hero__content {
	color: #333;
}

.hero--theme {
	background-color: #37424a;
}

.hero--theme .hero__image {
	background: url('../img/tmp/hero-theme.jpg') no-repeat center center;
	background-size: cover;
}

.hero--theme .hero__intro,
.hero--theme .hero__content {
	color: #FFF;
}

.hero--podcasts { /* Faux strip */
	background: #3d3d3d;
}

.hero--podcasts:before {
	content: "";
	width: 100%;
	background-color: #3d3d3d;
	position: absolute;
	top: 0;
	left: 0;
	height: 400px;
}

.hero--gold-stories { /* Faux strip */
	background: none;
}

.hero--gold-stories .hero__image {
	background: url('../img/tmp/hero-art.jpg') no-repeat center center;
	background-size: cover;
}

.hero--gold-stories:before {
	content: "";
	width: 100%;
	background-color: #fed100;
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 56%;
}

.hero--simple .hero__content {
	padding: 5em 0;
}

.hero--simple .hero__tags {
	text-align: center;
}

.hero--three-up {
	background: url('../img/tmp/hero.jpg') no-repeat center center;
	background-size: cover;
}

.hero--three-up .hero__wrapper:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 4;
}

.hero--three-up:first-child .hero__content {
	margin: 4em auto;
}

.hero--three-up:first-child .hero__intro {
	margin-top: 18px;
	margin-top: 1.125rem;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 19.9998px;
	line-height: 1.2499875rem;
}

.hero--three-up .hero__intro {
	margin-top: 8px;
	margin-top: 0.5rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
}

.hero--three-up .hero__content {
	margin: 2em auto;
	padding: 0 4em;
	z-index: 5;
	position: relative;
}

.primary-nav {
	padding-top: 6em;
}

.primary-nav ul {
	position: relative;
}

.primary-nav ul:after {
	font-family: 'Druk Web', Arial, Helvetica, sans-serif;
	font-weight: 900;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	content: "Menu";
	position: absolute;
	top: 25px;
	z-index: -1;
	right: -80px;
	width: 350px;
	font-size: 180px;
	text-align: center;
	color: #272727;
}

.menu-closed .primary-nav ul {
	display: none;
}

.site-ui-closing .primary-nav ul {
	display: block;
}

.menu-open .primary-nav {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.menu-open .primary-nav ul {
	display: block;
}

.primary-nav li {
	display: block;
	padding: 0.5em 0 0.5em 30px;
	border-left: 10px solid #1c1c1c;
	border-color: #fed100;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #FFF;
}

.primary-nav li:hover a {
	border-color: #333;
}

.primary-nav a {
	display: block;
	padding: 0.5em 0 0.5em 30px;
	border-left: 10px solid transparent;
	margin: -0.5em 0 -0.5em -40px;
	color: #FFF;
	border-left: 10px solid #1c1c1c;
}

.staff-students-nav {
	padding-top: 6em;
}

.staff-students-closed .staff-students-nav ul {
	display: none;
}

.site-ui-closing .staff-students-nav ul {
	display: block;
}

.staff-students-open .staff-students-nav {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.staff-students-open .staff-students-nav ul {
	display: block;
}

.staff-students-nav li {
	display: block;
	border-left: 10px solid #fed100 !important;
	padding: 0.5em 0 0.5em 30px;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #FFF;
}

.staff-students-nav a {
	display: block;
	padding: 0.5em 0 0.5em 30px;
	border-left: 10px solid transparent;
	margin: -0.5em 0 -0.5em -40px;
	background: #1c1c1c;
	color: #FFF;
}

.staff-students-nav a:hover {
	border-left: 10px solid #333;
}

.breadcrumb {
	background-color: #333;
	z-index: 5;
	position: relative;
	overflow: hidden;
}

.submenu-open .breadcrumb {
	z-index: 101;
}

.breadcrumb nav.secondary-nav {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	float: left;
	width: 100%;
}

.breadcrumb nav.secondary-nav.open {
	max-height: 2000px;
	-webkit-transition: all 0.7s ease-in;
	transition: all 0.7s ease-in;
}

.breadcrumb nav.secondary-nav > ul li {
	display: block;
	color: #CCC;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 60px;
	line-height: 3.75rem;
}

.breadcrumb nav.secondary-nav > ul li.expanded.active > a {
	color: #fed100;
}

.breadcrumb nav.secondary-nav > ul li > a {
	color: white;
	position: relative;
	top: -2px;
}

.breadcrumb nav.secondary-nav > ul li > ul {
	width: 100%;
	z-index: 2;
	background-color: #333;
	overflow: hidden;
	border: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

.breadcrumb nav.secondary-nav > ul li > ul.flexnav-show {
	opacity: 1;
	z-index: 10;
}

.breadcrumb nav.secondary-nav > ul li > ul li {
	display: block;
}

.breadcrumb nav.secondary-nav > ul li > ul li a {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 30px;
	line-height: 1.875rem;
	display: block;
	color: #FFF;
}

.dropdown-nav {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 60px;
	line-height: 3.75rem;
	height: 60px;
	background-color: #333;
	display: block;
	color: white;
	cursor: pointer;
	position: relative;
}

.touchButton {
	width: 40px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -25px;
}

.touchButton--disabled {
	opacity: 0.3;
	cursor: default;
}

.touchButton.active .touchButton--plus {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

.touchButton.active .touchButton--minus {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	top: 29px;
}

.touchButton .touchButton--plus,
.touchButton .touchButton--minus {
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: -5px;
}

.touchButton .touchButton--plus {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-image: url('../img/svg/plus-white.svg');
	background-size: 100% 100%; /* svg-background('plus-white.svg', 10, 10); */
}

.touchButton .touchButton--plus::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .touchButton .touchButton--plus {
	background-image: url('../img/raster/svg-png/plus-white_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.touchButton .touchButton--minus {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 2px;
	background-image: url('../img/svg/minus-gold.svg');
	background-size: 100% 100%; /* svg-background('minus-gold.svg', 10, 2); */
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

.touchButton .touchButton--minus::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .touchButton .touchButton--minus {
	background-image: url('../img/raster/svg-png/minus-gold_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

/***
*** SOCIAL LINKS
***/

.social-hubs-container {
	position: relative;
	overflow: hidden;
	width: 220px;
	height: 60px;
	float: right;
}

.social-hubs--breadcrumb {
	position: absolute;
	right: -102px;
	top: 22px;
	-webkit-transition: 0.7s ease;
	transition: 0.7s ease;
}

.social-hubs--breadcrumb li {
	float: left;
	margin-left: 10px;
}

.social-hubs--breadcrumb.expand {
	right: 0px;
}

.pagination {
	padding: 25px 0px 48px 0px;
	padding: 1.5625rem 0rem 3rem 0rem;
	border-top: 1px solid #CCC;
	text-align: center;
}

.pagination li {
	height: 38px;
	overflow: hidden;
}

.pagination li a {
	position: relative;
	padding: 0 1em;
}

.pagination li a.current:after {
	left: 50%;
	margin-left: -20px;
	content: "";
	position: absolute;
	bottom: -15px;
	width: 40px;
	height: 5px;
	background-color: #fed100;
}

.pagination li:first-child a {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	padding-right: 3em;
}

.pagination li:first-child a::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.pagination li:first-child a:after {
	display: inline-block;
	content: '';
	width: 24px;
	height: 9px;
	position: absolute;
	display: block;
	margin-left: -12px;
	left: 50%;
	margin-top: -4.5px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 24px;
	height: 8px;
	background-image: url('../img/svg/more-left.svg');
	background-size: 100% 100%; /* svg-background('more-left.svg', 24, 8); */
}

.pagination li:first-child a:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .pagination li:first-child a:after {
	background-image: url('../img/raster/svg-png/more-left_w24.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.pagination li:last-child a {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	padding-left: 3em;
}

.pagination li:last-child a::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.pagination li:last-child a:after {
	display: inline-block;
	content: '';
	width: 24px;
	height: 9px;
	position: absolute;
	display: block;
	margin-left: -12px;
	left: 50%;
	margin-top: -4.5px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 24px;
	height: 8px;
	background-image: url('../img/svg/more.svg');
	background-size: 100% 100%; /* svg-background('more.svg', 24, 8); */
}

.pagination li:last-child a:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .pagination li:last-child a:after {
	background-image: url('../img/raster/svg-png/more_w24.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

/*
* This is the primary content teaser component, it's flexible enough to tease all types
* of content with CSS modifiers in BEM syntax to alter the appearance.
*
* Available in two sizes with and without image.
*
* Variations
*
* .teaser
* .teaser--image
* .teaser--text
* .teaser--section
*/

.teaser {
  position: relative;
  margin-bottom: 20px;
}

.teaser__type {
  white-space: nowrap;
}

.teaser__type--dark,
.teaser--image .teaser__type,
.teaser--widescreen .teaser__type,
.teaser--event .teaser__type,
.teaser--news-event .teaser__type,
.teaser--gold-stories .teaser__type {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1em;
  text-transform: uppercase;
  position: relative;
  left: -50%;
  z-index: 100;
}

.teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
  color: #000;
}

.teaser__title span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 0px;
  margin-top: 0rem;
  display: block;
}

.teaser__title a {
  color: #000;
}

.teaser__panel {
  padding: 1px 30px 23px;
  text-align: center;
}

.teaser__details {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.teaser__meta {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  color: #666;
}

.teaser__meta-event:before {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 8px;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 13px;
  height: 13px;
  background-image: url('../img/svg/event.svg');
  background-size: 100% 100%;
 /* svg-background('event.svg', 13, 13); */;
}

.teaser__meta-event:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .teaser__meta-event:before {
  background-image: url('../img/raster/svg-png/event_w13.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser__action {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  text-align: left;
}

.teaser__more {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 19.9995px;
  line-height: 1.24996875rem;
  color: #666;
}

.teaser__breadcrumb {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  margin-top: -10px;
}

.teaser__breadcrumb .sep {
  padding: 0 5px;
}

.teaser__body {
  color: #666;
}

.teaser__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.teaser__btn-align {
  text-align: center;
  width: 100%;
  padding: 10px 0 0 0;
}

.teaser__video:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #333;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 15px;
  height: 30px;
  background-image: url('../img/svg/button-play.svg');
  background-size: 100% 100%;
 /* svg-background('button-play.svg', 15, 30); */
  z-index: 100;
  border: 22px solid #333;
  padding: 10px;
}

.teaser__video:after::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .teaser__video:after {
  background-image: url('../img/raster/svg-png/button-play_w15.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/*
* Color variations of teasers 
*/

.teaser--dark .teaser__title a {
  color: white;
}

.teaser--dark p {
  color: #CCC;
}

.teaser--transparent .teaser__panel,
.teaser--gold-stories .teaser__panel {
  background: transparent;
  padding: 1px 0 0;
}

.teaser--grey .teaser__panel,
.teaser--profile .teaser__panel {
  background: #eee;
}

/*
* Teaser base patterns, extended by other patterns.
*/

.teaser {
 /*
	* Generic vairations based on patterns.
	*/;
}

.teaser--heading-text .teaser__title,
.teaser--work .teaser__title,
.teaser--programme-large .teaser__title,
.teaser--theme .teaser__title,
.teaser--mini .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--heading-text .teaser__body,
.teaser--work .teaser__body,
.teaser--programme-large .teaser__body,
.teaser--theme .teaser__body,
.teaser--mini .teaser__body {
  position: relative;
}

.teaser--heading-text .teaser__body p,
.teaser--work .teaser__body p,
.teaser--programme-large .teaser__body p,
.teaser--theme .teaser__body p,
.teaser--mini .teaser__body p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 19.9995px;
  line-height: 1.24996875rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.teaser--heading-text--tight .teaser__title,
.teaser--programme .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--heading-text--tight .teaser__body,
.teaser--programme .teaser__body {
  position: relative;
  top: -3px;
}

.teaser--heading-text--tight .teaser__body p,
.teaser--programme .teaser__body p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14.9996px;
  line-height: 0.937475rem;
}

.teaser--media .teaser__image img,
.teaser--programme-large .teaser__image img,
.teaser--theme .teaser__image img,
.teaser--mini .teaser__image img,
.teaser--expert .teaser__image img {
  display: none;
}

.teaser--image,
.teaser--widescreen,
.teaser--event,
.teaser--news-event,
.teaser--gold-stories {
  margin-bottom: 20px;
}

.teaser--image a:focus .teaser__image:after,
.teaser--widescreen a:focus .teaser__image:after,
.teaser--event a:focus .teaser__image:after,
.teaser--news-event a:focus .teaser__image:after,
.teaser--gold-stories a:focus .teaser__image:after,
.teaser--image a:hover .teaser__image:after,
.teaser--widescreen a:hover .teaser__image:after,
.teaser--event a:hover .teaser__image:after,
.teaser--news-event a:hover .teaser__image:after,
.teaser--gold-stories a:hover .teaser__image:after {
  opacity: 0.3;
}

.teaser--image .teaser__title,
.teaser--widescreen .teaser__title,
.teaser--event .teaser__title,
.teaser--news-event .teaser__title,
.teaser--gold-stories .teaser__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.teaser--image .teaser__type-wrapper,
.teaser--widescreen .teaser__type-wrapper,
.teaser--event .teaser__type-wrapper,
.teaser--news-event .teaser__type-wrapper,
.teaser--gold-stories .teaser__type-wrapper {
  position: absolute;
  left: 50%;
  top: -1.75em;
}

.teaser--image .teaser__image-wrapper,
.teaser--widescreen .teaser__image-wrapper,
.teaser--event .teaser__image-wrapper,
.teaser--news-event .teaser__image-wrapper,
.teaser--gold-stories .teaser__image-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.teaser--image .teaser__image,
.teaser--widescreen .teaser__image,
.teaser--event .teaser__image,
.teaser--news-event .teaser__image,
.teaser--gold-stories .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.teaser--image .teaser__image img,
.teaser--widescreen .teaser__image img,
.teaser--event .teaser__image img,
.teaser--news-event .teaser__image img,
.teaser--gold-stories .teaser__image img {
  display: none;
}

.teaser--image .teaser__image:before,
.teaser--widescreen .teaser__image:before,
.teaser--event .teaser__image:before,
.teaser--news-event .teaser__image:before,
.teaser--gold-stories .teaser__image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.lt-ie9 .teaser--image .teaser__image:before,
.lt-ie9 .teaser--widescreen .teaser__image:before,
.lt-ie9 .teaser--event .teaser__image:before,
.lt-ie9 .teaser--news-event .teaser__image:before,
.lt-ie9 .teaser--gold-stories .teaser__image:before {
  padding-bottom: 0 !important;
}

.teaser--image .teaser__image img,
.teaser--widescreen .teaser__image img,
.teaser--event .teaser__image img,
.teaser--news-event .teaser__image img,
.teaser--gold-stories .teaser__image img {
  display: none;
}

.lt-ie9 .teaser--image .teaser__image img,
.lt-ie9 .teaser--widescreen .teaser__image img,
.lt-ie9 .teaser--event .teaser__image img,
.lt-ie9 .teaser--news-event .teaser__image img,
.lt-ie9 .teaser--gold-stories .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

.teaser--image .teaser__image:after,
.teaser--widescreen .teaser__image:after,
.teaser--event .teaser__image:after,
.teaser--news-event .teaser__image:after,
.teaser--gold-stories .teaser__image:after {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0;
}

.lt-ie9 .teaser--image .teaser__image:after,
.lt-ie9 .teaser--widescreen .teaser__image:after,
.lt-ie9 .teaser--event .teaser__image:after,
.lt-ie9 .teaser--news-event .teaser__image:after,
.lt-ie9 .teaser--gold-stories .teaser__image:after {
  display: none;
  background-color: transparent;
}

.teaser--widescreen .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 31px;
  margin-top: 1.9375rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--widescreen .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--widescreen .teaser__image img {
  display: none;
}

.teaser--widescreen .teaser__image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--widescreen .teaser__panel {
  padding: 1px 30px 30px;
}

.teaser--widescreen.with-bg {
  border-right: 10px solid #eee;
}

.section-container--light .teaser--widescreen.with-bg {
  border-right: 10px solid #FFF;
}

.teaser--text {
  margin-bottom: 20px;
}

.teaser--text .teaser__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 2px;
  margin-top: 0.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}

.teaser--text .teaser__type {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-top: 40px;
  display: block;
}

.teaser--offset-title .teaser__title,
.teaser--offset-title-dark .teaser__title,
.teaser--alumni .teaser__title,
.teaser--profile .teaser__title,
.teaser--research .teaser__title {
  position: relative;
  padding: 1em 2em;
  margin: 0 0 -20px 10px;
  background: #FFF;
  z-index: 10;
  color: #333;
  max-width: 310px;
}

.teaser--offset-title-dark .teaser__title,
.teaser--alumni .teaser__title {
  background: #333;
  color: #FFF;
}

.teaser--inset-image .teaser__image,
.teaser--alumni .teaser__image,
.teaser--research .teaser__image,
.teaser--inset-image .teaser__video,
.teaser--alumni .teaser__video,
.teaser--research .teaser__video {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--inset-image .teaser__image img,
.teaser--alumni .teaser__image img,
.teaser--research .teaser__image img,
.teaser--inset-image .teaser__video img,
.teaser--alumni .teaser__video img,
.teaser--research .teaser__video img {
  display: none;
}

.teaser--inset-image .teaser__image:before,
.teaser--alumni .teaser__image:before,
.teaser--research .teaser__image:before,
.teaser--inset-image .teaser__video:before,
.teaser--alumni .teaser__video:before,
.teaser--research .teaser__video:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--inset-image .teaser__video:hover:after,
.teaser--alumni .teaser__video:hover:after,
.teaser--research .teaser__video:hover:after {
  background-color: #fed100;
  border-color: #fed100;
}

.teaser--inset-body .teaser__body .quote-block:after,
.teaser--alumni .teaser__body .quote-block:after,
.teaser--inset-body .teaser__body .quote:after,
.teaser--alumni .teaser__body .quote:after,
.teaser--inset-body .teaser__body .quote--extended:after,
.teaser--alumni .teaser__body .quote--extended:after,
.teaser--inset-body .teaser__body .quote--floated:after,
.teaser--alumni .teaser__body .quote--floated:after,
.teaser--inset-body .teaser__body .statement:after,
.teaser--alumni .teaser__body .statement:after,
.teaser--inset-body .teaser__body .statement--extended:after,
.teaser--alumni .teaser__body .statement--extended:after,
.teaser--inset-body .teaser__body .statement--floated:after,
.teaser--alumni .teaser__body .statement--floated:after {
  width: 90%;
}

.teaser--inset-body .teaser__body .teaser__panel,
.teaser--alumni .teaser__body .teaser__panel {
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
  padding: 15px;
}

.teaser--inset--with-gutters .teaser__image,
.teaser--profile .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--inset--with-gutters .teaser__image img,
.teaser--profile .teaser__image img {
  display: none;
}

.teaser--inset--with-gutters .teaser__image:before,
.teaser--profile .teaser__image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--floated .teaser__body,
.teaser--research .teaser__body {
  padding: 25px 10px;
}

.teaser--welcome {
  margin-bottom: 20px;
}

.teaser--welcome .teaser__panel:before {
  display: inline-block;
  content: '';
  width: 77px;
  height: 10px;
  position: absolute;
  display: block;
  margin-left: -38.5px;
  left: 50%;
  margin-top: -5px;
  top: 50%;
  background-color: #fed100;
  top: 5px;
}

.teaser--welcome .teaser__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25.0008px;
  line-height: 1.56255rem;
  margin-top: 56.5px;
  margin-top: 3.53125rem;
  margin-bottom: 20.5px;
  margin-bottom: 1.28125rem;
}

.teaser--welcome .teaser__body {
  display: block;
}

.teaser--welcome .teaser__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.teaser--page {
  border-top: 1px solid #CCC;
}

.teaser--page .teaser__title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 25.0005px;
  line-height: 1.56253125rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.teaser--page p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14.9996px;
  line-height: 0.937475rem;
  margin-bottom: 10px;
}

.teaser--section .teaser__large-marker {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--section .teaser__large-marker img {
  display: none;
}

.teaser--section .teaser__large-marker:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--section .teaser__title {
  color: #666;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 22px;
  margin-top: 1.375rem;
}

.teaser--section .teaser__marker-text {
  color: #CCC;
  line-height: 1;
  position: absolute;
  bottom: 0;
  text-align: center;
}

.teaser--section .teaser__marker-day {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 50px;
  height: 5px;
  background-image: url('../img/svg/event-date-day-1.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-1.svg', 50, 5); */
  width: 100%;
  height: 100%;
}

.teaser--section .teaser__marker-day::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .teaser--section .teaser__marker-day {
  background-image: url('../img/raster/svg-png/event-date-day-1_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-1 {
  background-image: url('../img/svg/event-date-day-1.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-1.svg', 50, 5); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-1 {
  background-image: url('../img/raster/svg-png/event-date-day-1_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-2 {
  background-image: url('../img/svg/event-date-day-2.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-2.svg', 50, 12); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-2 {
  background-image: url('../img/raster/svg-png/event-date-day-2_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-3 {
  background-image: url('../img/svg/event-date-day-3.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-3.svg', 50, 34); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-3 {
  background-image: url('../img/raster/svg-png/event-date-day-3_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-4 {
  background-image: url('../img/svg/event-date-day-4.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-4.svg', 50, 36); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-4 {
  background-image: url('../img/raster/svg-png/event-date-day-4_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-5 {
  background-image: url('../img/svg/event-date-day-5.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-5.svg', 50, 12); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-5 {
  background-image: url('../img/raster/svg-png/event-date-day-5_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-6 {
  background-image: url('../img/svg/event-date-day-6.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-6.svg', 50, 8); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-6 {
  background-image: url('../img/raster/svg-png/event-date-day-6_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-7 {
  background-image: url('../img/svg/event-date-day-7.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-7.svg', 50, 5); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-7 {
  background-image: url('../img/raster/svg-png/event-date-day-7_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-8 {
  background-image: url('../img/svg/event-date-day-8.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-8.svg', 50, 4); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-8 {
  background-image: url('../img/raster/svg-png/event-date-day-8_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-9 {
  background-image: url('../img/svg/event-date-day-9.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-9.svg', 50, 3); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-9 {
  background-image: url('../img/raster/svg-png/event-date-day-9_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-10 {
  background-image: url('../img/svg/event-date-day-10.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-10.svg', 50, 5); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-10 {
  background-image: url('../img/raster/svg-png/event-date-day-10_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-11 {
  background-image: url('../img/svg/event-date-day-11.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-11.svg', 50, 10); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-11 {
  background-image: url('../img/raster/svg-png/event-date-day-11_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-12 {
  background-image: url('../img/svg/event-date-day-12.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-12.svg', 50, 20); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-12 {
  background-image: url('../img/raster/svg-png/event-date-day-12_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-13 {
  background-image: url('../img/svg/event-date-day-13.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-13.svg', 50, 58); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-13 {
  background-image: url('../img/raster/svg-png/event-date-day-13_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-14 {
  background-image: url('../img/svg/event-date-day-14.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-14.svg', 50, 62); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-14 {
  background-image: url('../img/raster/svg-png/event-date-day-14_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-15 {
  background-image: url('../img/svg/event-date-day-15.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-15.svg', 50, 20); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-15 {
  background-image: url('../img/raster/svg-png/event-date-day-15_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-16 {
  background-image: url('../img/svg/event-date-day-16.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-16.svg', 50, 13); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-16 {
  background-image: url('../img/raster/svg-png/event-date-day-16_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-17 {
  background-image: url('../img/svg/event-date-day-17.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-17.svg', 50, 8); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-17 {
  background-image: url('../img/raster/svg-png/event-date-day-17_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-18 {
  background-image: url('../img/svg/event-date-day-18.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-18.svg', 50, 7); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-18 {
  background-image: url('../img/raster/svg-png/event-date-day-18_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-19 {
  background-image: url('../img/svg/event-date-day-19.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-19.svg', 50, 6); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-19 {
  background-image: url('../img/raster/svg-png/event-date-day-19_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-20 {
  background-image: url('../img/svg/event-date-day-20.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-20.svg', 50, 6); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-20 {
  background-image: url('../img/raster/svg-png/event-date-day-20_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-21 {
  background-image: url('../img/svg/event-date-day-21.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-21.svg', 50, 12); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-21 {
  background-image: url('../img/raster/svg-png/event-date-day-21_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-22 {
  background-image: url('../img/svg/event-date-day-22.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-22.svg', 50, 24); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-22 {
  background-image: url('../img/raster/svg-png/event-date-day-22_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-23 {
  background-image: url('../img/svg/event-date-day-23.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-23.svg', 50, 69); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-23 {
  background-image: url('../img/raster/svg-png/event-date-day-23_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-24 {
  background-image: url('../img/svg/event-date-day-24.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-24.svg', 50, 74); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-24 {
  background-image: url('../img/raster/svg-png/event-date-day-24_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-25 {
  background-image: url('../img/svg/event-date-day-25.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-25.svg', 50, 24); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-25 {
  background-image: url('../img/raster/svg-png/event-date-day-25_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-26 {
  background-image: url('../img/svg/event-date-day-26.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-26.svg', 50, 15); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-26 {
  background-image: url('../img/raster/svg-png/event-date-day-26_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-27 {
  background-image: url('../img/svg/event-date-day-27.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-27.svg', 50, 10); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-27 {
  background-image: url('../img/raster/svg-png/event-date-day-27_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-28 {
  background-image: url('../img/svg/event-date-day-28.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-28.svg', 50, 8); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-28 {
  background-image: url('../img/raster/svg-png/event-date-day-28_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-29 {
  background-image: url('../img/svg/event-date-day-29.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-29.svg', 50, 7); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-29 {
  background-image: url('../img/raster/svg-png/event-date-day-29_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-30 {
  background-image: url('../img/svg/event-date-day-30.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-30.svg', 50, 6); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-30 {
  background-image: url('../img/raster/svg-png/event-date-day-30_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--section .teaser__marker-day-31 {
  background-image: url('../img/svg/event-date-day-31.svg');
  background-size: 100% 100%;
 /* svg-background('event-date-day-31.svg', 50, 54); */;
}

.lt-ie9 .teaser--section .teaser__marker-day-31 {
  background-image: url('../img/raster/svg-png/event-date-day-31_w50.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--podcasts {
  width: 100%;
  float: left;
}

.teaser--podcasts .teaser__image {
  position: relative;
  float: none;
  margin-right: 30px;
  float: left;
  background: url('') no-repeat center center;
  background-size: cover;
  text-align: center;
  width: 65px;
  height: 65px;
}

.teaser--podcasts .teaser__image:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #797979;
  border: 5px solid #eee;
}

.teaser--podcasts .teaser__image:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 6px;
  background-color: #444;
  border: 5px solid #444;
  padding: 4px;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 5px;
  height: 10px;
  background-image: url('../img/svg/button-play.svg');
  background-size: 100% 100%;
 /* svg-background('button-play.svg', 5, 10); */;
}

.teaser--podcasts .teaser__image:after::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .teaser--podcasts .teaser__image:after {
  background-image: url('../img/raster/svg-png/button-play_w5.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.teaser--podcasts .teaser__body p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
}

.teaser--programme .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  text-align: center;
  width: 75px;
  height: 75px;
}

.teaser--programme .teaser__image img {
  display: none;
}

.teaser--programme-large .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 75px;
  float: left;
}

.teaser--programme-large .teaser__image img {
  display: none;
}

.teaser--programme-large .teaser__image:before {
  padding-bottom: 100%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--latest-podcasts .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--latest-podcasts .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 75px;
  float: left;
}

.teaser--latest-podcasts .teaser__image img {
  display: none;
}

.teaser--latest-podcasts .teaser__image:before {
  padding-bottom: 100%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--latest-podcasts .teaser__more a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
}

.teaser--tweets .teaser__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25.0008px;
  line-height: 1.56255rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0.5px;
  margin-bottom: 0.03125rem;
}

.teaser--tweets .teaser__meta {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.teaser--tweets .teaser__body p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 19.9995px;
  line-height: 1.24996875rem;
  margin: 0;
}

.teaser--tweets .teaser__body a {
  color: #404040;
  font-weight: 500;
}

.teaser--tweets .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 105px;
  height: 105px;
}

.teaser--tweets .teaser__image img {
  display: none;
}

.teaser--tweets .teaser__image:before {
  padding-bottom: 100%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--tweets .teaser__image img {
  display: none;
}

.teaser--recently-updated-series .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--recently-updated-series .teaser__image img {
  display: none;
}

.teaser--recently-updated-series .teaser__image:before {
  padding-bottom: 100%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--recently-updated-series .teaser__image img {
  display: none;
}

.teaser--recently-updated-series .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 21px;
  margin-top: 1.3125rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--speakers {
  border-top: 1px solid #CCC;
}

.teaser--speakers .teaser__body {
  margin: 1.5em 0 0 0;
}

.teaser--speakers .teaser__body select {
  width: 100%;
}

.teaser--speakers .teaser__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.teaser--speakers-search .teaser__body select {
  width: 100%;
}

.teaser--speakers-search .teaser__body ul {
  margin: 0;
  padding-left: 15px;
}

.teaser--theme .media__figure {
  width: 100%;
  float: none;
  margin-right: 20px;
}

.teaser--theme .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--theme .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--theme .teaser__image img {
  display: none;
}

.teaser--theme .teaser__image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--event {
  margin-bottom: 30px;
}

.teaser--event .teaser__title {
  margin-top: 22px;
  margin-top: 1.375rem;
}

.teaser--event .teaser__panel {
  padding-bottom: 0;
}

.teaser--news-event .teaser__title {
  margin-top: 22px;
  margin-top: 1.375rem;
}

.teaser--news-event .teaser__panel {
  padding-bottom: 0;
}

.teaser--mini .media__figure {
  display: none;
}

.teaser--mini .teaser_title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.teaser--mini .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--mini .teaser__image img {
  display: none;
}

.teaser--mini .teaser__image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--search-result {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}

.teaser--search-result .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25.0002px;
  line-height: 1.5625125rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 6.5px;
  margin-bottom: 0.40625rem;
}

.teaser--search-result .teaser__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
}

.teaser--gold-stories .teaser__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 20.0002px;
  line-height: 1.2500125rem;
  margin-top: 19px;
  margin-top: 1.1875rem;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}

.teaser--gold-stories .teaser__details {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.teaser--gold-stories .teaser__body {
  padding: 0px 10px 15px 10px;
  padding: 0rem 0.625rem 0.9375rem 0.625rem;
}

.teaser--gold-stories .teaser__body p {
  margin: 0;
}

.teaser--expert .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.teaser--expert .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  width: 47.6851851852%;
  height: 0;
  padding-top: 47.6851851852%;
  margin: 0;
  position: relative;
  border-right: 10px solid white;
  border-bottom: 10px solid white;
}

.teaser--expert .teaser__image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 10px;
  height: 10px;
  background-color: #eee;
  display: block;
}

.teaser--expert .teaser__image:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: #eee;
  display: block;
}

.teaser--expert .teaser__body {
  border-top: 1px solid #CCC;
  width: 47.6851851852%;
  float: right;
}

.teaser--expert .teaser__body p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16.0006px;
  line-height: 1.0000375rem;
}

.teaser--expert .teaser__body p b,
.teaser--expert .teaser__body p strong {
  display: block;
  margin-top: 5px;
}

.teaser--profile {
  margin-top: 50px;
}

.teaser--profile .teaser__panel {
  text-align: left;
}

.teaser--alumni .teaser__panel {
  text-align: left;
}

.teaser--alumni .teaser__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
}

.teaser--research {
  margin-top: 55px;
}

.teaser--research:first-child {
  margin-top: 0;
}

.teaser--research .teaser__panel {
  text-align: left;
}

.teaser--research .teaser__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
}

/*
* Teaser trumps, overiding the base or type teasers.
*/

.teaser--kilo .teaser__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25.0008px;
  line-height: 1.56255rem;
  margin-top: 36.5px;
  margin-top: 2.28125rem;
  margin-bottom: 18.5px;
  margin-bottom: 1.15625rem;
}

.teaser--kilo .teaser__image {
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser--kilo .teaser__image img {
  display: none;
}

.teaser--kilo .teaser__image:before {
  padding-bottom: 50%;
  content: "";
  display: block;
  width: 100%;
}

.teaser--kilo .teaser__image:before {
  padding-bottom: 65%;
}

.teaser--kilo .teaser__meta {
  display: none;
}

.teaser--kilo .teaser__body {
  display: block !important;
}

.teaser--kilo .teaser__panel {
  padding: 1px 60px 23px;
}

.welcome-layout .teaser--image .teaser__body,
.welcome-layout .teaser--widescreen .teaser__body,
.welcome-layout .teaser--event .teaser__body,
.welcome-layout .teaser--news-event .teaser__body,
.welcome-layout .teaser--gold-stories .teaser__body {
  display: none;
}

.fluid-search {
  clear: both;
  margin-bottom: 20px;
}

.fluid-search__input,
.hero-search .fluid-search__input {
  margin-top: 32px;
  margin-top: 2rem;
  font-size: 35px;
  font-size: 2.1875rem;
  height: 80px;
  height: 5rem;
  line-height: normal !important;
  vertical-align: baseline;
  width: 100%;
  position: relative;
  border: none;
  outline: none;
}

.fluid-search__input::-webkit-input-placeholder {
  color: #CCC;
}

.fluid-search__input:-moz-placeholder {
  color: #CCC;
}

.fluid-search__input::-moz-placeholder {
  color: #CCC;
}

.fluid-search__input:-ms-input-placeholder {
  color: #CCC;
}

.fluid-search__label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 31px;
  margin-top: 1.9375rem;
  text-align: center;
  display: block;
}

.fluid-search__submit {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url('../img/svg/charm-search.svg');
  background-size: 100% 100%;
 /* svg-background('charm-search.svg', 23, 23); */
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.fluid-search__submit::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .fluid-search__submit {
  background-image: url('../img/raster/svg-png/charm-search_w23.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* Hero Search */

.hero-search {
  position: relative;
}

.hero-search .fluid-search__input {
  background-color: #3d3d3d;
  color: #FFF;
  margin-top: 0;
  border-bottom: 1px solid #666;
}

.hero-search .fluid-search__label {
  display: none;
}

.hero-search .fluid-search__submit {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url('../img/svg/charm-search-white.svg');
  background-size: 100% 100%;
 /* svg-background('charm-search-white.svg', 23, 23); */;
}

.hero-search .fluid-search__submit::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .hero-search .fluid-search__submit {
  background-image: url('../img/raster/svg-png/charm-search-white_w23.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/*
* Site search variation
*/

.site-search {
  padding: 0;
  position: relative;
  display: none;
}

.site-ui-closing .site-search,
.search-open .site-search {
  display: block !important;
}

.site-search .fluid-search__input {
  font-size: 45px;
  font-size: 2.8125rem;
  height: 60px;
  height: 3.75rem;
  margin-top: 64px;
  margin-top: 4rem;
  background: #333;
  border-bottom: 1px solid #666;
  color: #FFF;
}

.site-search .fluid-search__input::-webkit-input-placeholder {
  color: #666;
}

.site-search .fluid-search__input:-moz-placeholder {
  color: #666;
}

.site-search .fluid-search__input::-moz-placeholder {
  color: #666;
}

.site-search .fluid-search__input:-ms-input-placeholder {
  color: #666;
}

.site-search .fluid-search__label {
  display: none;
}

.site-search .fluid-search__submit {
  right: 0;
  bottom: 20px;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-image: url('../img/svg/charm-search.svg');
  background-size: 100% 100%;
  background-position:0px;
 /* svg-background('charm-search.svg', 40, 40); */;
}

.site-search .fluid-search__submit::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .site-search .fluid-search__submit {
  background-image: url('../img/raster/svg-png/charm-search_w40.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/*
* Course search variation
*/

.mini-search,
.events-search,
.course-search {
  padding: 0px 30px 0px 30px;
}

.mini-search .fluid-search__input,
.events-search .fluid-search__input,
.course-search .fluid-search__input {
  margin: 0;
}

.mini-search .fluid-search__submit,
.events-search .fluid-search__submit,
.course-search .fluid-search__submit {
  right: 2em;
  bottom: 32px;
}

.mini-search--keyline,
.events-search--keyline,
.course-search--keyline {
  padding: 5px 30px 35px;
}

.mini-search--keyline .fluid-search__input,
.events-search--keyline .fluid-search__input,
.course-search--keyline .fluid-search__input {
  border-bottom: 1px solid #E3E3E3;
}

.mini-search--keyline .fluid-search__submit,
.events-search--keyline .fluid-search__submit,
.course-search--keyline .fluid-search__submit {
  right: 0px;
  bottom: 25px;
}

.mini-search .split-list__item,
.events-search .split-list__item,
.course-search .split-list__item {
  margin: 0 0 5px 0;
}

/*
* Search results suggestion box
*/

.search-box {
  margin-bottom: 25px;
}

.section--site-search .search-box {
  float: left;
}

.search-box__suggestion-list {
  margin: 0;
}

.search-box__suggestion-list a {
  font-size: 14px;
  font-size: 0.875rem;
}

.search-box--suggestion .search-box__title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  margin-top: 29px;
  margin-top: 1.8125rem;
  margin-bottom: 31px;
  margin-bottom: 1.9375rem;
  text-transform: uppercase;
  text-align: center;
}

.search-box--department .teaser__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 21px;
  margin-top: 1.3125rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.search-box--department .teaser__meta,
.search-box--department .teaser__title {
  text-align: center;
}

.search-box--dark {
  padding: 0;
}

.search-box--dark .search-box__title {
  color: #FFF;
}

.search-box--other .search-box__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 19.9998px;
  line-height: 1.2499875rem;
  margin-top: 36px;
  margin-top: 2.25rem;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
}

.search-results__aside {
  background-color: transparent;
}

.search-programme {
  background-color: #FFF;
  margin-bottom: 20px;
  overflow: hidden;
}

.input-group {
  position: relative;
}

.filter {
  position: relative;
}

.filter select {
  background-color: #eee;
  border: 1px solid #CCC;
  width: 97.55%;
}

.filter__heading {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25.0008px;
  line-height: 1.56255rem;
  padding: 18px 0px 15px 0px;
  padding: 1.125rem 0rem 0.9375rem 0rem;
  margin-top: 0;
  margin-bottom: 0;
}

.filter__tabs {
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
}

.filter__tabs li {
  margin: 0 40px 0 0;
  border-bottom: 5px solid transparent;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}

.filter__tabs li a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24.9998px;
  line-height: 1.5624875rem;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
  color: #000;
  display: block;
}

.filter__tabs li:hover,
.filter__tabs li.active {
  border-bottom: 5px solid #fed100;
}

.filter__panel {
  padding: 40px 0px 40px 0px;
  padding: 2.5rem 0rem 2.5rem 0rem;
}

.filter__details {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.filter__list li {
  padding: 0px 16px 0px 0px;
  padding: 0rem 1rem 0rem 0rem;
  position: relative;
}

.filter__list li a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20.0004px;
  line-height: 1.250025rem;
  padding: 5px 0px 5px 25px;
  padding: 0.3125rem 0rem 0.3125rem 1.5625rem;
  display: block;
}

.filter__list li a:before {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  margin-left: -5px;
  left: 50%;
  margin-top: -5px;
  top: 50%;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background-image: url('../img/svg/plus.svg');
  background-size: 100% 100%;
 /* svg-background('plus.svg', 10, 10); */
  left: 4px;
  top: 0;
  margin-top: 11px;
}

.filter__list li a:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .filter__list li a:before {
  background-image: url('../img/raster/svg-png/plus_w10.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.filter__list li a:hover:before {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background-image: url('../img/svg/plus-gold.svg');
  background-size: 100% 100%;
 /* svg-background('plus-gold.svg', 10, 10); */;
}

.filter__list li a:hover:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .filter__list li a:hover:before {
  background-image: url('../img/raster/svg-png/plus-gold_w10.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.filter__list-horizontal {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.filter__list-active {
  margin-top: 20px;
}

.filter__list-active a {
  position: relative;
  float: left;
  padding-right: 40px;
  padding-right: 2.5rem;
}

.filter__list-active a:after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  margin-left: -5px;
  left: 50%;
  margin-top: -5px;
  top: 50%;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background-image: url('../img/svg/tag-cross.svg');
  background-size: 100% 100%;
 /* svg-background('tag-cross.svg', 10, 10); */
  right: 20px;
  right: 1.25rem;
  left: auto;
  top: 50%;
}

.filter__list-active a:after::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .filter__list-active a:after {
  background-image: url('../img/raster/svg-png/tag-cross_w10.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.filter.in-active .visual-divider + .visual-divider {
  border: none;
}

.filter-btn-wrapper {
  padding-top: 30px;
}

.section-events,
.search-results__main,
.search-results__aside {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.ui-autocomplete {
  margin: 26px 0px 0px 0px;
  margin: 1.625rem 0rem 0rem 0rem;
  color: #CCC;
  padding: 0;
  list-style: none;
}

.ui-autocomplete__item {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6em;
}

.dl {
  border-bottom: 1px solid #CCC;
  margin-bottom: 40px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.dl__term {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
  margin-bottom: 1em;
}

.dl__definition {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
  margin-bottom: 1em;
  display: block;
}

/* A 50 - 50 split list with side gutters, off grid
*  used in the hero for programme options.
*/

.split-list {
  margin: 2em 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.split-list li {
  float: left;
  text-align: left;
}

.split-list li:nth-child(2n) {
  float: right;
}

.split-list__item {
  width: 100%;
  padding-left: 1em;
  position: relative;
  color: #666;
}

.split-list__item:before {
  content: "";
  display: block;
  background: #CCC;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0.7em;
  left: 0;
}

/*
* A tag list on articles / programmes.
*/

.tag-list li a {
  font-size: 14px;
  font-size: 0.875rem;
}

.tag-list--indented {
  position: relative;
  margin-left: 2em;
}

.tag-list--indented:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 8px;
  width: 1.5em;
  background-color: #fed100;
  margin-top: -2px;
  margin-left: -2em;
}

.dl--full-list .dl__item {
  position: relative;
  margin-top: 15px;
}

.dl--full-list .dl__item .columns {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.dl--full-list a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 14px;
  margin-top: 0.875rem;
  display: block;
  color: #000;
  margin-bottom: -5px;
  margin-bottom: -0.3125rem;
}

.dl--browse-by {
  border: none;
  margin-bottom: 0px;
}

.dl--browse-by .dl__item {
  position: relative;
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
}

.dl--browse-by .dl__item.department .columns {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.dl--browse-by .dl__item.list {
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
}

.dl--browse-by .dl__item.list .columns {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.dl--browse-by .dl__term {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 25px;
  line-height: 1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  border-bottom: 1px solid #CCC;
  width: 100%;
  display: block;
}

.section--light .dl--browse-by .dl__term {
  border-bottom-color: #E3E3E3;
}

.dl--browse-by a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  display: block;
  color: #666;
}

/*
* Rich Content
*/

.rich-content-section .emphasis {
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.38;
}

.rich-content-section > h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.rich-content-section li {
  color: #666;
}

.rich-content-section > p {
  color: #666;
}

.rich-content-section > p a {
  border-bottom: 1px solid #666;
}

.rich-content-section > p a:hover,
.rich-content-section > p a:focus {
  border-bottom: 1px solid #000;
}

/*
* Media Blocks
*/

.media-block {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  clear: both;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.media-block__media {
  display: block;
  margin-left: -2.3148148148%;
  margin-right: -2.3148148148%;
}

.media-block__media img {
  display: block;
  width: 100%;
}

.media-block__caption {
  color: #666;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.36;
  background: #eee;
  position: relative;
  -webkit-transition: margin-top 0.1s ease-in-out;
  transition: margin-top 0.1s ease-in-out;
  z-index: 100;
  padding: 20px 20px 0 2.3148148148%;
  margin-left: -2.3148148148%;
  width: 72.6851851852%;
  min-height: 5em;
}

.media-block__caption--with-leading-block:before {
  content: '';
  display: inline-block;
  background: #fed100;
  height: 8px;
  width: 50px;
  margin-right: 5px;
}

.media-block__video {
  position: relative;
  height: 0;
  width: 100%;
}

.media-block__video--ratio-16-9 {
  padding-bottom: 56.25%;
}

.media-block__video--ratio-16-10 {
  padding-bottom: 62.5%;
}

.media-block__video--ratio-4-3 {
  padding-bottom: 75%;
}

.media-block__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.media-block--video-active .media-block__video iframe {
  display: block;
}

.media-block__video__cover-image {
  display: block;
  position: relative;
  z-index: 10;
}

.media-block--video-active .media-block__video__cover-image {
  display: none;
}

.media-block__video__cover-image img {
  height: 100%;
}

.media-block__feature-image {
  width: 95.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
}

.media-block__feature-image img {
  display: block;
  width: 100%;
}

.media-block__gallery {
  margin-left: -1.1574074074%;
  margin-right: -1.1574074074%;
}

.media-block__gallery-image {
  display: block;
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 47.6851851852%;
  float: left;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.media-block__gallery-image img {
  display: none;
}

.media-block__gallery-image:before {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  width: 100%;
}

.media-block__gallery-image:nth-child(2n+1) {
  margin-left: 1.1574074074%;
  margin-right: -100%;
  clear: both;
}

.media-block__gallery-image:nth-child(2n+2) {
  margin-left: 51.1574074074%;
  margin-right: -100%;
  clear: none;
}

/*
* Media Blocks -- Slider
*/

.media-block__slider {
  background-color: #ccc;
}

.media-block__slider img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.media-block__slider .media-block__caption {
  position: absolute;
  bottom: 0;
  left: 0;
}

.slider-page {
  color: #1c1c1c;
}

/*
* Quote Blocks
*/

.quote-block,
.quote,
.quote--extended,
.quote--floated,
.statement,
.statement--extended,
.statement--floated {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  text-align: center;
  border: 0;
  padding: 0;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.quote-block p,
.quote p,
.quote--extended p,
.quote--floated p,
.statement p,
.statement--extended p,
.statement--floated p {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1;
  color: #374249;
  margin: 0;
}

.quote-block--with-quotation-marks:after,
.quote:after,
.quote--extended:after,
.quote--floated:after {
  display: inline-block;
  content: '';
  width: 100px;
  height: 1px;
  position: absolute;
  display: block;
  margin-left: -50px;
  left: 50%;
  margin-top: -0.5px;
  top: 50%;
  width: 65%;
  background: #CCC;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 27px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.quote-block--with-quotation-marks:before,
.quote:before,
.quote--extended:before,
.quote--floated:before {
  display: inline-block;
  content: '';
  width: 17px;
  height: 15px;
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 15px;
  height: 14px;
  background-image: url('../img/svg/blockquote-quote.svg');
  background-size: 100% 100%;
 /* svg-background('blockquote-quote.svg', 15, 14); */
  margin-top: 3px;
  margin-top: 0.1875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.quote-block--with-quotation-marks:before::before,
.quote:before::before,
.quote--extended:before::before,
.quote--floated:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .quote-block--with-quotation-marks:before,
.lt-ie9 .quote:before,
.lt-ie9 .quote--extended:before,
.lt-ie9 .quote--floated:before {
  background-image: url('../img/raster/svg-png/blockquote-quote_w15.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.quote-block--full-padding {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin-top: 0px;
  margin-top: 0rem;
  margin-top: 67px;
  margin-top: 4.1875rem;
  padding: 40px;
  padding: 2.5rem;
  padding-top: 25px;
  padding-top: 1.5625rem;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
  position: relative;
  margin-bottom: 0;
}

.quote-block--full-padding:before {
  left: 50%;
  margin-left: -7.5px;
  position: absolute;
  top: -27px;
}

.quote-block--full-padding:after {
  border-top: 1px solid #CCC;
  width: 100%;
  top: 0;
}

.quote-block--narrow {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  margin-top: 2px;
  margin-top: 0.125rem;
  width: 97.6851851852%;
  float: left;
  margin-left: 1.1574074074%;
  margin-right: 1.1574074074%;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.quote-block--narrow:before {
  left: 50%;
  margin-left: -7.5px;
  position: absolute;
  top: -2px;
}

/* Combine the above into single classes */

/*
* Author Blocks
*/

.author {
  overflow: hidden;
  margin-top: 40px;
  margin-top: 2.5rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.author__info {
  width: 45.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
  border-top: 1px solid #CCC;
  text-align: left;
}

.author__photo {
  width: 45.3703703704%;
  float: left;
  margin-left: 2.3148148148%;
  margin-right: 2.3148148148%;
  background: url('') no-repeat center center;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 1300px;
  max-width: 1300px;
  display: block;
  overflow: hidden;
  position: relative;
}

.author__photo img {
  display: none;
}

.author__photo:before {
  padding-bottom: 50%;
  content: "";
  display: block;
  width: 100%;
}

.author__photo:before {
  padding-bottom: 100%;
}

.author__name {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #1c1c1c;
}

.author__function {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  display: block;
}

.author__twitter {
  font-size: 14px;
  font-size: 0.875rem;
  color: #1c1c1c;
  display: block;
}

/*
*   Owl Carousel Goldsmiths theme
*/

.goldsmiths-slider .owl-controls {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
 /* Styling Next and Prev buttons */ /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */;
}

.goldsmiths-slider .owl-controls .owl-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -32.5px 0 0;
}

.goldsmiths-slider .owl-controls .owl-buttons div {
  color: #1c1c1c;
  display: inline-block;
  padding: 3px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #FFF;
  position: absolute;
  width: 65px;
  height: 65px;
}

.goldsmiths-slider .owl-controls .owl-buttons div .owl-button-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.goldsmiths-slider .owl-controls .owl-buttons div:before {
  display: inline-block;
  content: '';
  width: 13px;
  height: 23px;
  position: absolute;
  display: block;
  margin-left: -6.5px;
  left: 50%;
  margin-top: -11.5px;
  top: 50%;
  opacity: 0.5;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-prev {
  left: -10px;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-prev:before {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 13px;
  height: 23px;
  background-image: url('../img/svg/icon-previous-000.svg');
  background-size: 100% 100%;
 /* svg-background('icon-previous-000.svg', 13, 23); */;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-prev:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .goldsmiths-slider .owl-controls .owl-buttons .owl-prev:before {
  background-image: url('../img/raster/svg-png/icon-previous-000_w13.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-next {
  right: -10px;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-next:before {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 13px;
  height: 23px;
  background-image: url('../img/svg/icon-next-000.svg');
  background-size: 100% 100%;
 /* svg-background('icon-next-000.svg', 13, 23); */;
}

.goldsmiths-slider .owl-controls .owl-buttons .owl-next:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .goldsmiths-slider .owl-controls .owl-buttons .owl-next:before {
  background-image: url('../img/raster/svg-png/icon-next-000_w13.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.goldsmiths-slider .owl-controls.clickable .owl-buttons div:hover:before {
  opacity: 1;
  text-decoration: none;
}

.goldsmiths-slider .owl-wrapper {
  cursor: -webkit-grab;
  cursor: grab;
}

.goldsmiths-slider .owl-wrapper.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.goldsmiths-slider--mini .owl-controls {
  margin: 0;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-prev {
  left: -10px;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-prev:before {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 8px;
  height: 14px;
  background-image: url('../img/svg/icon-previous-fff.svg');
  background-size: 100% 100%;
 /* svg-background('icon-previous-fff.svg', 8, 14); */;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-prev:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .goldsmiths-slider--mini .owl-controls .owl-buttons .owl-prev:before {
  background-image: url('../img/raster/svg-png/icon-previous-fff_w8.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-next {
  right: -10px;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-next:before {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 8px;
  height: 14px;
  background-image: url('../img/svg/icon-next-fff.svg');
  background-size: 100% 100%;
 /* svg-background('icon-next-fff.svg', 8, 14); */;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons .owl-next:before::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 .goldsmiths-slider--mini .owl-controls .owl-buttons .owl-next:before {
  background-image: url('../img/raster/svg-png/icon-next-fff_w8.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.goldsmiths-slider--mini .owl-controls .owl-buttons div {
  background-color: transparent;
}

/* preloading images */

.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#colorbox {
  outline: 0;
}

#colorbox #cboxWrapper {
  max-width: none;
}

#colorbox #cboxWrapper #cboxMiddleLeft,
#colorbox #cboxWrapper #cboxBottomLeft {
  clear: left;
}

#colorbox #cboxWrapper #cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#colorbox #cboxWrapper #cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#colorbox #cboxWrapper #cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#colorbox #cboxWrapper #cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#colorbox #cboxWrapper #cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#colorbox #cboxWrapper #cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#colorbox #cboxWrapper #cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#colorbox #cboxWrapper #cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#colorbox #cboxWrapper #cboxContent {
  position: relative;
  background: #fff;
  overflow: hidden;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 60px 50px;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent #cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#colorbox #cboxWrapper #cboxContent #cboxTitle {
  margin: 0;
  position: absolute;
  bottom: 40px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #333;
  font-weight: bold;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious,
#colorbox #cboxWrapper #cboxContent #cboxNext,
#colorbox #cboxWrapper #cboxContent #cboxClose,
#colorbox #cboxWrapper #cboxContent #cboxSlideshow {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious:active,
#colorbox #cboxWrapper #cboxContent #cboxNext:active,
#colorbox #cboxWrapper #cboxContent #cboxClose:active,
#colorbox #cboxWrapper #cboxContent #cboxSlideshow:active {
  outline: 0;
}

#colorbox #cboxWrapper #cboxContent #cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 13px;
  height: 24px;
  background-image: url('../img/svg/modal-arrow-left.svg');
  background-size: 100% 100%;
 /* svg-background('modal-arrow-left.svg', 13, 24); */
  position: absolute;
  top: 50%;
  left: 15px;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 #colorbox #cboxWrapper #cboxContent #cboxPrevious {
  background-image: url('../img/raster/svg-png/modal-arrow-left_w13.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

#colorbox #cboxWrapper #cboxContent #cboxNext {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 13px;
  height: 25px;
  background-image: url('../img/svg/modal-arrow-right.svg');
  background-size: 100% 100%;
 /* svg-background('modal-arrow-right.svg', 13, 25); */
  position: absolute;
  top: 50%;
  right: 15px;
}

#colorbox #cboxWrapper #cboxContent #cboxNext::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 #colorbox #cboxWrapper #cboxContent #cboxNext {
  background-image: url('../img/raster/svg-png/modal-arrow-right_w13.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

#colorbox #cboxWrapper #cboxContent #cboxClose {
  height: 1em;
  line-height: 1.5;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background-image: url('../img/svg/modal-close.svg');
  background-size: 100% 100%;
 /* svg-background('modal-close.svg', 22, 22); */
  position: absolute;
  height: 22px !important;
  left: 50%;
  margin-left: -11px;
  top: 15px;
}

#colorbox #cboxWrapper #cboxContent #cboxClose::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.lt-ie9 #colorbox #cboxWrapper #cboxContent #cboxClose {
  background-image: url('../img/raster/svg-png/modal-close_w22.png');
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadingOverlay,
#colorbox #cboxWrapper #cboxContent #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

#colorbox .cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

#colorbox .cboxIframe {
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.modal-window--content .teaser__title {
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
}

.modal-window--content .teaser__meta {
	text-align: center;
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
}

.social-hubs {
	float: left;
	margin-top: 1.5em;
	max-width: 400px;
}

.social-hubs li a {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	display: block;
	height: 15px !important;
}

.social-hubs li a:hover {
	opacity: 0.6;
}

.social-hubs li a[href*="twitter.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 15px;
	height: 12px;
	background-image: url('../img/svg/social-twitter.svg');
	background-size: 100% 100%; /* svg-background('social-twitter.svg', 15, 12); */
}

.social-hubs li a[href*="twitter.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="twitter.com"] {
	background-image: url('../img/raster/svg-png/social-twitter_w15.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-hubs li a[href*="linkedin.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background-image: url('../img/svg/social-linkedin.svg');
	background-size: 100% 100%; /* svg-background('social-linkedin.svg', 15, 15); */
}

.social-hubs li a[href*="linkedin.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="linkedin.com"] {
	background-image: url('../img/raster/svg-png/social-linkedin_w15.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-hubs li a[href*="facebook.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 15px;
	height: 26px;
	background-image: url('../img/svg/social-facebook.svg');
	background-size: 100% 100%; /* svg-background('social-facebook.svg', 15, 26); */
}

.social-hubs li a[href*="facebook.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="facebook.com"] {
	background-image: url('../img/raster/svg-png/social-facebook_w15.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-hubs li a[href*="instagram.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background-image: url('../img/svg/social-instagram.svg');
	background-size: 100% 100%; /* svg-background('social-instagram.svg', 15, 15); */
}

.social-hubs li a[href*="instagram.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="instagram.com"] {
	background-image: url('../img/raster/svg-png/social-instagram_w15.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-hubs li a[href*="youtube.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 40px;
	height: 21px;
	background-image: url('../img/svg/social-youtube.svg');
	background-size: 100% 100%; /* svg-background('social-youtube.svg', 40, 21); */
}

.social-hubs li a[href*="youtube.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="youtube.com"] {
	background-image: url('../img/raster/svg-png/social-youtube_w40.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-hubs li a[href*="vimeo.com"] {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 15px;
	height: 11px;
	background-image: url('../img/svg/social-vimeo.svg');
	background-size: 100% 100%; /* svg-background('social-vimeo.svg', 15, 11); */
}

.social-hubs li a[href*="vimeo.com"]::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-hubs li a[href*="vimeo.com"] {
	background-image: url('../img/raster/svg-png/social-vimeo_w15.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-expand {
	float: right;
	position: relative;
	margin: 22px 0 0 15px;
	padding: 0;
	cursor: pointer;
	z-index: 1;
	background-color: #333;
	width: 15px;
	height: 15px;
}

.social-expand--plus,
.social-expand--minus {
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	text-align: center;
}

.social-expand--plus {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-image: url('../img/svg/plus-white.svg');
	background-size: 100% 100%; /* svg-background('plus-white.svg', 10, 10); */
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

.social-expand--plus::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-expand--plus {
	background-image: url('../img/raster/svg-png/plus-white_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-expand.active .social-expand--plus {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

.social-expand--minus {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 10px;
	height: 2px;
	background-image: url('../img/svg/minus-white.svg');
	background-size: 100% 100%; /* svg-background('minus-white.svg', 10, 2); */
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
	top: 6px;
}

.social-expand--minus::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .social-expand--minus {
	background-image: url('../img/raster/svg-png/minus-white_w10.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.social-expand.active .social-expand--minus {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

.share {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 14.9996px;
	line-height: 0.937475rem;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	padding: 20px 0 0 0;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	z-index: 200;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	cursor: pointer;
	height: 95px;
	overflow: hidden;
}

.share:hover .share__action {
	color: #000;
}

.share--floating {
	position: fixed;
	bottom: 0;
	left: 0;
	min-height: 20px;
}

.share--visible {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.share--locked {
	position: static;
}

.share--active {
	height: 140px;
}

.share__copy {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 20.0004px;
	line-height: 1.250025rem;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
}

.share__action {
	color: #666;
	cursor: pointer;
	-webkit-transition: color 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: color 0.5s cubic-bezier(0.7, 0, 0.3, 1); /*
		padding-right: 15px;
		@extend .icon;
		@extend .icon-plus;
		@extend .icon--right;
		*/
}

.share-icons {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	background-color: #333;
}

.share-icons .social-hubs {
	float: none;
	margin: 0 auto;
	width: auto;
	display: inline-block;
}

.share-icons .social-hubs li {
	margin: 0;
	padding: 15px;
	position: relative;
}

/*** podcasts ***/

/*
*Podcasts - Aligns an image next to a block of text.
*/

.podcasts {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.podcasts .group-heading {
	width: 100%;
	float: left;
	font-size: 14px;
	font-size: 0.875rem;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 0 0 20px 0;
	line-height: 1.3em;
}

.podcasts__title,
.podcasts__heading-title {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
	margin-left: 0 !important;
}

.podcasts__date,
.podcasts__heading-date {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.podcasts__series,
.podcasts__heading-series {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.podcasts__speakers,
.podcasts__heading-speakers {
	width: 95.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
	margin-right: 0 !important;
}

.filter-panel-wrapper,
.load-more-wrapper {
	-webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	overflow: hidden;
}

/*
*  [9] States
*/

/* States files are sass files when something needs to change based on something being on a certain page */

/*
 * [10] Temp
*/

/* Temporary css - for quick work/debugging that needs to be organised properly later */

.just-some-test {
	color: red;
}

.toc th,
.toc td {
	padding: 5px 10px;
}

/*# sourceMappingURL=style.css.map */

@font-face {
font-family:'Publico Text Web';
src:url('../fonts/PublicoText-Roman-Web.eot');
src:url('../fonts/PublicoText-Roman-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/PublicoText-Roman-Web.woff') format('woff'), url('../fonts/PublicoText-Roman-Web.ttf') format('truetype'), url('../fonts/PublicoText-Roman-Web.svg#Publico Text Web') format('svg');
font-weight:400;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Publico Text Web';
src:url('../fonts/PublicoText-Italic-Web.eot');
src:url('../fonts/PublicoText-Italic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/PublicoText-Italic-Web.woff') format('woff'), url('../fonts/PublicoText-Italic-Web.ttf') format('truetype'), url('../fonts/PublicoText-Italic-Web.svg#Publico Text Web') format('svg');
font-weight:400;
font-style:italic;
font-stretch:normal;
}

@font-face {
font-family:'Publico Text Web';
src:url('../fonts/PublicoText-Bold-Web.eot');
src:url('../fonts/PublicoText-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/PublicoText-Bold-Web.woff') format('woff'), url('../fonts/PublicoText-Bold-Web.ttf') format('truetype'), url('../fonts/PublicoText-Bold-Web.svg#Publico Text Web') format('svg');
font-weight:700;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Bold Web';
src:url('../fonts/Druk-Bold-Web.eot');
src:url('../fonts/Druk-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-Bold-Web.woff') format('woff'), url('../fonts/Druk-Bold-Web.ttf') format('truetype'), url('../fonts/Druk-Bold-Web.svg#Druk Web') format('svg');
font-weight:700;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-Medium-Web.eot');
src:url('../fonts/Druk-Medium-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-Medium-Web.woff') format('woff'), url('../fonts/Druk-Medium-Web.ttf') format('truetype'), url('../fonts/Druk-Medium-Web.svg#Druk Web') format('svg');
font-weight:500;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-MediumItalic-Web.eot');
src:url('../fonts/Druk-MediumItalic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-MediumItalic-Web.woff') format('woff'), url('../fonts/Druk-MediumItalic-Web.ttf') format('truetype'), url('../fonts/Druk-MediumItalic-Web.svg#Druk Web') format('svg');
font-weight:500;
font-style:italic;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-Bold-Web.eot');
src:url('../fonts/Druk-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-Bold-Web.woff') format('woff'), url('../fonts/Druk-Bold-Web.ttf') format('truetype'), url('../fonts/Druk-Bold-Web.svg#Druk Web') format('svg');
font-weight:700;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-BoldItalic-Web.eot');
src:url('../fonts/Druk-BoldItalic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-BoldItalic-Web.woff') format('woff'), url('../fonts/Druk-BoldItalic-Web.ttf') format('truetype'), url('../fonts/Druk-BoldItalic-Web.svg#Druk Web') format('svg');
font-weight:700;
font-style:italic;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-Heavy-Web.eot');
src:url('../fonts/Druk-Heavy-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-Heavy-Web.woff') format('woff'), url('../fonts/Druk-Heavy-Web.ttf') format('truetype'), url('../fonts/Druk-Heavy-Web.svg#Druk Web') format('svg');
font-weight:800;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-HeavyItalic-Web.eot');
src:url('../fonts/Druk-HeavyItalic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-HeavyItalic-Web.woff') format('woff'), url('../fonts/Druk-HeavyItalic-Web.ttf') format('truetype'), url('../fonts/Druk-HeavyItalic-Web.svg#Druk Web') format('svg');
font-weight:800;
font-style:italic;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-Super-Web.eot');
src:url('../fonts/Druk-Super-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-Super-Web.woff') format('woff'), url('../fonts/Druk-Super-Web.ttf') format('truetype'), url('../fonts/Druk-Super-Web.svg#Druk Web') format('svg');
font-weight:900;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Druk Web';
src:url('../fonts/Druk-SuperItalic-Web.eot');
src:url('../fonts/Druk-SuperItalic-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Druk-SuperItalic-Web.woff') format('woff'), url('../fonts/Druk-SuperItalic-Web.ttf') format('truetype'), url('../fonts/Druk-SuperItalic-Web.svg#Druk Web') format('svg');
font-weight:900;
font-style:italic;
font-stretch:normal;
}

@font-face {
font-family:'Graphik Web';
src:url('../fonts/Graphik-Regular-Web.eot');
src:url('../fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular-Web.woff') format('woff'), url('../fonts/Graphik-Regular-Web.ttf') format('truetype'), url('../fonts/Graphik-Regular-Web.svg#Graphik-Medium') format('svg');
font-weight:400;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Graphik Web';
src:url('../fonts/Graphik-Medium-Web.eot');
src:url('../fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium-Web.woff') format('woff'), url('../fonts/Graphik-Medium-Web.ttf') format('truetype'), url('../fonts/Graphik-Medium-Web.svg#Graphik-Medium') format('svg');
font-weight:500;
font-style:normal;
font-stretch:normal;
}

@font-face {
font-family:'Graphik Web';
src:url('../fonts/Graphik-Semibold-Web.eot');
src:url('../fonts/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Semibold-Web.woff') format('woff'), url('../fonts/Graphik-Semibold-Web.ttf') format('truetype'), url('../fonts/Graphik-Semibold-Web.svg#Graphik-Semibold') format('svg');
font-weight:600;
font-style:normal;
font-stretch:normal;
}

@media screen and (min-width: 0) {

head {
	font-family: "usn-tiny 0";
}

body:after {
	content: "usn-tiny - min-width: 0";
}

}

@media all and (min-width: 0) and (max-width: 1023px ) {

.hero--split-text .hero__image {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 1300px;
	max-width: 1300px;
	display: block;
	overflow: hidden;
	position: relative;
}

.hero--split-text .hero__image img {
	display: none;
}

.hero--split-text .hero__image:before {
	padding-bottom: 56.25%;
	content: "";
	display: block;
	width: 100%;
}

}

@media all and (min-width: 0) and (max-width: 539px ) {

.hero--three-up .hero__type:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin-top: 5px;
	margin-top: 0.3125rem;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

}

@media screen and (min-width: 540px) {

head {
	font-family: "usn-small 540px";
}

body:after {
	content: "usn-small - min-width: 540px";
}

}

@media all and (min-width: 540px) and (max-width: 839px ) {

.wrapper--no-borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 16.6666666667%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	width: 700px;
}

.wrapper--no-borders:after,
.wrapper:after,
.breadcrumb nav.secondary-nav > ul li > ul:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--fluid {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 16.6666666667%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.wrapper--fluid:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.grid-push.grid-push--two {
	width: 100%;
	float: left;
	margin: 0 auto;
	float: none;
	overflow: hidden;
	overflow: visible;
}

.full-width,
.followWrap,
.full-wrap,
.btn-wrapper--full-width,
.teaser__btn-align {
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.grid-push--two .full-width,
.grid-push--two .followWrap,
.grid-push--two .full-wrap,
.grid-push--two .btn-wrapper--full-width,
.grid-push--two .teaser__btn-align {
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-1 .teaser,
.welcome-layout .group-1 .teaser {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser,
.welcome-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser.full-width,
.news-layout .group-2 .teaser.followWrap,
.news-layout .group-2 .teaser.teaser--widescreen,
.welcome-layout .group-2 .teaser.full-width,
.welcome-layout .group-2 .teaser.followWrap,
.welcome-layout .group-2 .teaser.teaser--widescreen {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-3 .teaser,
.welcome-layout .group-3 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-3 .teaser:nth-child(1),
.news-layout .group-3 .teaser:nth-child(7),
.welcome-layout .group-3 .teaser:nth-child(1),
.welcome-layout .group-3 .teaser:nth-child(7) {
	display: none;
}

.news-layout .group-3 .teaser.teaser--widescreen,
.welcome-layout .group-3 .teaser.teaser--widescreen {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.welcome-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-grid-layout .group-1 .teaser,
.content-grid-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-grid-layout .group-1 .teaser.teaser--double-span,
.content-grid-layout .group-1 .teaser.teaser--widescreen,
.content-grid-layout .group-2 .teaser.teaser--double-span,
.content-grid-layout .group-2 .teaser.teaser--widescreen {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-grid-layout.section-single-row .group-1 .teaser:nth-child(1) {
	display: block;
}

.content-mini-layout .group-1 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-mini-layout .group-1 .teaser:nth-child(3) {
	display: none !important;
}

.content-split-layout .group-1 .teaser,
.content-split-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-4col-layout .group-1 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-3col-layout .group-1 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-2col-layout .group-1 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-2col-layout--small-1-col .group-1 .teaser {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.dl .dl__item,
.dl dt,
.dl dd {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.grid-push--two .dl .dl__item,
.grid-push--two .dl dt,
.grid-push--two .dl dd {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.search-results__main {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.search-results__aside {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-article-layout .byline-dateline hr {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-article-layout .byline-dateline .byline,
.content-article-layout .byline-dateline .dateline {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.content-article-layout .article-body {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.site-map--footer > li {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.site-map--footer > li:nth-child(2n) {
	float: right;
}

.section-container,
.section {
	padding-top: 60px;
	padding-top: 3.75rem;
}

.section-container--offset,
.section--offset {
	position: relative;
	top: -117px;
	margin-bottom: -100px;
	background-color: transparent;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 16.6666666667%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.hero--department .hero__wrapper:after,
.hero--theme .hero__wrapper:after,
.hero--event .hero__wrapper:after,
.hero--programme .hero__wrapper:after,
.hero--profile .hero__wrapper:after,
.hero--podcasts .hero__wrapper:after,
.hero--gold-stories .hero__wrapper:after {
	content: " ";
	display: block;
	clear: both;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper,
.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper,
.hero--podcasts .hero__image-wrapper,
.hero--gold-stories .hero__image-wrapper {
	padding: 0 1.5432098765%;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper {
	width: 63.5802469136%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.hero--department .hero__content,
.hero--theme .hero__content {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper {
	padding: 40px 1.5432098765%;
}

.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content {
	width: 80%;
	margin: 0 10%;
	position: relative;
	top: -80px;
}

.hero--podcasts .hero__wrapper {
	max-width: 550px;
}

.druk-wrapper {
	position: absolute;
	width: 38%;
	height: auto;
	top: 65px;
	right: 40px;
}

.druk-wrapper .druk-heading {
	max-height: 250px;
}

.druk-heading {
	max-height: 130px;
}

.hero--three-up:first-child .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
	line-height: 50px;
	line-height: 3.125rem;
}

.staff-students-nav li {
	padding-left: 50px;
}

.staff-students-nav a {
	padding-left: 50px;
	margin-left: -60px;
}

.filter select {
	margin-left: 7px;
}

.dl--browse-by .dl__item {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.dl--browse-by .dl__item.list {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.media-block__media {
	margin-left: -3.0864197531%;
	margin-right: -3.0864197531%;
}

.media-block__caption {
	padding-left: 3.0864197531%;
	margin-left: -3.0864197531%;
}

.social-hubs li {
	margin-right: 15px;
}

.podcasts__title,
.podcasts__heading-title {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.podcasts__speakers,
.podcasts__heading-speakers {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

}

@media all and (min-width: 540px) {

.content-grid-layout .group-1,
.content-grid-layout .group-2 { /* TODO: Issue with media query combine */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.content-grid-layout .stick {
	padding-top: 110px;
}

.site-logo {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 170px;
	height: 38px;
	background-image: url('../img/svg/logo.svg');
	background-size: 100% 100%; /* svg-background('logo.svg', 170, 38); */
}

.site-logo::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .site-logo {
	background-image: url('../img/raster/svg-png/logo_w170.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.btn--play,
.btn--speaker {
	display: block;
}

.btn--mobile {
	display: none;
}

.btn-wrapper--breakout .btn,
.btn-wrapper--breakout .filter__list-active a,
.filter__list-active .btn-wrapper--breakout a {
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.hero--event .btn-wrapper--breakout .btn,
.hero--event .btn-wrapper--breakout .filter__list-active a,
.filter__list-active .hero--event .btn-wrapper--breakout a {
	bottom: -100px;
}

.section__heading--has-borders {
	width: 100%;
}

.header__charms > li {
	height: 38px;
	line-height: 38px;
}

.header__charm {
	height: 38px;
}

.header__charm--text {
	height: 38px;
	line-height: 38px;
}

.charm-search {
	width: 23px;
}

.charm-search:after {
	display: inline-block;
	content: '';
	width: 23px;
	height: 24px;
	position: absolute;
	display: block;
	margin-left: -11.5px;
	left: 50%;
	margin-top: -12px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 23px;
	height: 23px;
	background-image: url('../img/svg/charm-search.svg');
	background-size: 100% 100%; /* svg-background('charm-search.svg', 23, 23); */
}

.charm-search:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .charm-search:after {
	background-image: url('../img/raster/svg-png/charm-search_w23.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.charm-menu {
	width: 30px;
}

.charm-menu:after {
	display: inline-block;
	content: '';
	width: 30px;
	height: 24px;
	position: absolute;
	display: block;
	margin-left: -15px;
	left: 50%;
	margin-top: -12px;
	top: 50%;
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 30px;
	height: 24px;
	background-image: url('../img/svg/charm-menu.svg');
	background-size: 100% 100%; /* svg-background('charm-menu.svg', 30, 24); */
}

.charm-menu:after::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .charm-menu:after {
	background-image: url('../img/raster/svg-png/charm-menu_w30.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.section-container--search,
.section--search {
	padding: 60px 0 !important;
}

.hero.media-block--video-active .hero__image-wrapper {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.hero.media-block--video-active .hero__content {
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}

.hero__icon {
	width: 100px;
	height: 100px;
}

.hero--three-up {
	height: 350px;
	width: 50%;
	float: left;
}

.hero--three-up .hero__wrapper {
	height: 350px;
}

.hero--three-up:first-child {
	width: 100%;
}

.hero--home .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
}

.hero--podcasts {
	padding-top: 100px;
	margin-bottom: 30px;
}

.hero--podcasts .hero__heading {
	top: -50px;
}

.hero--podcasts .hero__image-wrapper {
	max-width: 100%;
}

.hero--gold-stories .hero__heading {
	top: 75px;
	width: 30%;
	min-width: 400px;
}

.hero--gold-stories .hero__sub-heading {
	font-size: 55px;
	font-size: 3.4375rem;
	line-height: 55px;
	line-height: 3.4375rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}

.hero--gold-stories .hero__align {
	padding: 180px 0 0;
}

.hero--gold-stories .hero__content {
	top: -80px;
	padding: 40px 80px -80px 80px;
	width: 80%;
	margin: 0 auto -60px auto;
}

.hero--podcasts {
	background: none;
}

.hero--three-up .hero__heading {
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 40px;
	line-height: 2.5rem;
}

.hero--three-up .hero__content {
	padding: 0 2em;
}

.teaser--with-more .teaser__panel {
	padding-bottom: 85px;
}

.teaser--with-more .teaser__action {
	width: auto;
	position: absolute;
	bottom: 25px;
	right: 30px;
	left: 30px;
}

.teaser--widescreen .teaser__image-wrapper {
	height: 100%;
	width: auto;
	margin-right: 10px;
}

.teaser--widescreen .teaser__image-wrapper .teaser__image {
	padding: 0;
	height: 100%;
}

.teaser--widescreen .teaser__panel {
	position: absolute;
	width: 50%;
	right: -10px;
	bottom: 20px;
}

.teaser--widescreen.with-bg .teaser__panel {
	right: -20px;
}

.teaser--text .teaser__panel {
	height: 100%;
}

.teaser--programme-large .teaser__image {
	width: 140px;
}

.teaser--mini .media__figure {
	display: block;
	width: 30%;
	float: left;
}

.filter__tabs {
	position: absolute;
	right: 1.5432098765%;
	bottom: -1px;
}

.filter__tabs li {
	margin: 0 0 0 40px;
}

.filter__list-horizontal {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.filter__list-horizontal li {
	padding: 10px 30px 12px 0px;
	padding: 0.625rem 1.875rem 0.75rem 0rem;
	position: relative;
}

.filter__list-horizontal li a {
	color: #333;
}

.filter__list-active li {
	float: left;
	margin-right: 10px;
}

.split-list__item {
	width: 44%;
	margin: 0 3% 1em 3%;
}

.media-block__feature-image {
	margin-left: 18.2098765432%;
	margin-right: 18.2098765432%;
	width: auto;
}

.media-block__inset-media {
	padding: 0 10px 10px 0;
	background: #FFF;
}

.media-block__inset-media:before,
.media-block__inset-media:after {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	margin-left: -5px;
	left: 50%;
	margin-top: -5px;
	top: 50%;
	background-color: #eee;
	margin: 0;
}

.media-block__inset-media:before {
	top: 0;
	right: 0;
	left: auto;
}

.media-block__inset-media:after {
	top: auto;
	bottom: 0;
	left: 0;
}

.media-block__gallery {
	margin-left: -0.7716049383%;
	margin-right: -0.7716049383%;
}

.media-block__gallery-image {
	width: 48.4567901235%;
	float: left;
}

.media-block__gallery-image:nth-child(2n+1) {
	margin-left: 0.7716049383%;
	margin-right: -100%;
	clear: both;
}

.media-block__gallery-image:nth-child(2n+2) {
	margin-left: 50.7716049383%;
	margin-right: -100%;
	clear: none;
}

}

@media all and (min-width: 540px) and (max-width: 1023px ) {

.hero.media-block--video-active .hero__content {
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}

.hero--department .hero__content,
.hero--theme .hero__content {
	margin-top: 30px;
	padding-left: 15%;
	padding-right: 15%;
	position: static;
}

.filter__columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.dl--full-list .dl__item .columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.dl--browse-by .dl__item.department .columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.dl--browse-by .dl__item.list .columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

}

@media screen and (min-width: 840px) {

head {
	font-family: "usn-medium 840px";
}

body:after {
	content: "usn-medium - min-width: 840px";
}

}

@media all and (min-width: 840px) and (max-width: 1023px ) {

.pika-lendar {
	width: 48%;
	margin: 0 2% 0 0;
}

.pika-lendar:last-child {
	margin: 0 0 0 2%;
}

.wrapper--no-borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 11.1111111111%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.wrapper--no-borders:after,
.wrapper:after,
.breadcrumb nav.secondary-nav > ul li > ul:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--fluid {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 11.1111111111%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.wrapper--fluid:after {
	content: " ";
	display: block;
	clear: both;
}

.grid-push.grid-push--two {
	width: 77.7777777778%;
	float: left;
	margin: 0 auto;
	float: none;
	overflow: hidden;
	overflow: visible;
}

.full-width,
.followWrap,
.full-wrap,
.btn-wrapper--full-width,
.teaser__btn-align {
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.grid-push--two .full-width,
.grid-push--two .followWrap,
.grid-push--two .full-wrap,
.grid-push--two .btn-wrapper--full-width,
.grid-push--two .teaser__btn-align {
	margin-left: 1.1574074074%;
	margin-right: 1.1574074074%;
}

.news-layout .group-1,
.welcome-layout .group-1 {
	width: 66.6666666667%;
	float: left;
}

.news-layout .group-2,
.welcome-layout .group-2 {
	width: 33.3333333333%;
	float: left;
}

.news-layout .group-1 .teaser,
.welcome-layout .group-1 .teaser {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser,
.welcome-layout .group-2 .teaser {
	width: 47.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.news-layout .group-2 .teaser.full-width,
.news-layout .group-2 .teaser.followWrap,
.news-layout .group-2 .teaser.teaser--widescreen,
.welcome-layout .group-2 .teaser.full-width,
.welcome-layout .group-2 .teaser.followWrap,
.welcome-layout .group-2 .teaser.teaser--widescreen {
	width: 97.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.news-layout .group-3 .teaser,
.welcome-layout .group-3 .teaser {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.news-layout .group-3 .teaser:nth-child(6),
.news-layout .group-3 .teaser:nth-child(7),
.welcome-layout .group-3 .teaser:nth-child(6),
.welcome-layout .group-3 .teaser:nth-child(7) {
	display: none;
}

.news-layout .group-3 .teaser.teaser--widescreen,
.welcome-layout .group-3 .teaser.teaser--widescreen {
	width: 64.6090534979%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.news-layout .group-2 .teaser {
	width: 93.8271604938%;
	float: left;
	margin-left: 3.0864197531%;
	margin-right: 3.0864197531%;
}

.news-layout .group-2 .teaser:nth-child(1) {
	display: none;
}

.welcome-layout .group-2 .teaser {
	width: 93.8271604938%;
	float: left;
	margin-left: 3.0864197531%;
	margin-right: 3.0864197531%;
}

.welcome-layout .group-2 .teaser:nth-child(3) {
	display: none;
}

.content-grid-layout .group-1 .teaser,
.content-grid-layout .group-2 .teaser {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-grid-layout .group-1 .teaser.teaser--double-span,
.content-grid-layout .group-1 .teaser.teaser--widescreen,
.content-grid-layout .group-2 .teaser.teaser--double-span,
.content-grid-layout .group-2 .teaser.teaser--widescreen {
	width: 64.6090534979%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-grid-layout.section-single-row .group-1 .teaser:nth-child(3) {
	display: none;
}

.content-mini-layout .group-1 .teaser {
	width: 47.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-mini-layout .group-1 .teaser:nth-child(3) {
	display: none !important;
}

.content-split-layout .group-1,
.content-split-layout .group-2 {
	width: 50%;
	float: left;
}

.content-split-layout .group-1 .teaser,
.content-split-layout .group-2 .teaser {
	width: 45.8847736626%;
	float: left;
	margin-left: 2.0576131687%;
	margin-right: 2.0576131687%;
}

.content-4col-layout .group-1 .teaser {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-4col-layout .group-1 .teaser:nth-child(4) {
	display: none;
}

.content-3col-layout .group-1 .teaser {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-2col-layout .group-1 .teaser {
	width: 47.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-2col-layout--medium-3-col .group-1 .teaser {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.dl .dl__item,
.dl dt,
.dl dd {
	width: 20.1646090535%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.grid-push--two .dl .dl__item,
.grid-push--two .dl dt,
.grid-push--two .dl dd {
	width: 47.3544973545%;
	float: left;
	margin-left: 1.3227513228%;
	margin-right: 1.3227513228%;
}

.search-results__main {
	width: 64.6090534979%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.search-results__aside {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-article-layout .byline-dateline hr {
	width: 86.8312757202%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-article-layout .byline-dateline .byline,
.content-article-layout .byline-dateline .dateline {
	width: 42.3868312757%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.content-article-layout .article-body {
	width: 97.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.footer__meta {
	padding-top: 1em;
}

.site-map--footer {
	width: 44.4444444444%;
	float: left;
}

.site-map--footer > li {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.site-map--footer > li:nth-child(2n) {
	float: right;
}

.social-hubs--footer {
	width: 42.3868312757%;
	float: right;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.hero--course-finder .hero__wrapper,
.hero--split-text .hero__wrapper {
	height: 450px;
}

.hero--home .hero__wrapper {
	height: 570px;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	height: auto;
	min-height: 450px;
}

.hero--course-finder .hero__heading,
.hero--department .hero__heading,
.hero--theme .hero__heading,
.hero--split-text .hero__heading,
.hero--simple .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
}

.hero--profile .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
}

.hero--home .hero__heading {
	font-size: 70px;
	font-size: 4.375rem;
}

.hero--split-text .hero__heading {
	font-size: 80px;
	font-size: 5rem;
	margin-bottom: 30px;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 11.1111111111%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
}

.hero--department .hero__wrapper:after,
.hero--theme .hero__wrapper:after,
.hero--event .hero__wrapper:after,
.hero--programme .hero__wrapper:after,
.hero--profile .hero__wrapper:after,
.hero--podcasts .hero__wrapper:after,
.hero--gold-stories .hero__wrapper:after {
	content: " ";
	display: block;
	clear: both;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper,
.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper,
.hero--podcasts .hero__image-wrapper,
.hero--gold-stories .hero__image-wrapper {
	padding: 0 1.0288065844%;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper {
	width: 64.6090534979%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.hero--department .hero__content,
.hero--theme .hero__content {
	width: 97.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper {
	padding: 40px 1.0288065844%;
}

.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content {
	width: 75.7201646091%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
	margin-left: 12.1399176955%;
	position: relative;
	top: -80px;
}

.hero--podcasts .hero__wrapper {
	max-width: 650px;
}

.druk-wrapper {
	position: absolute;
	width: 38%;
	height: auto;
	top: 80px;
	right: 40px;
}

.druk-wrapper .druk-heading {
	max-height: 250px;
}

.druk-heading {
	max-height: 150px;
}

.hero--three-up:first-child .hero__heading {
	font-size: 70px;
	font-size: 4.375rem;
	line-height: 70px;
	line-height: 4.375rem;
}

.staff-students-nav li {
	padding-left: 80px;
}

.staff-students-nav a {
	padding-left: 80px;
	margin-left: -90px;
}

.breadcrumb nav.secondary-nav > ul li > ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.teaser--inset-body .teaser__body .quote-block,
.teaser--alumni .teaser__body .quote-block,
.teaser--inset-body .teaser__body .quote,
.teaser--alumni .teaser__body .quote,
.teaser--inset-body .teaser__body .quote--extended,
.teaser--alumni .teaser__body .quote--extended,
.teaser--inset-body .teaser__body .quote--floated,
.teaser--alumni .teaser__body .quote--floated,
.teaser--inset-body .teaser__body .statement,
.teaser--alumni .teaser__body .statement,
.teaser--inset-body .teaser__body .statement--extended,
.teaser--alumni .teaser__body .statement--extended,
.teaser--inset-body .teaser__body .statement--floated,
.teaser--alumni .teaser__body .statement--floated {
	position: absolute;
	top: 0;
	right: 0;
	width: 31.2757201646%;
	float: right;
	margin-right: 1.0288065844%;
	margin-left: 1.0288065844%;
}

.teaser--floated .teaser__body,
.teaser--research .teaser__body {
	width: 31.2757201646%;
	float: right;
	margin-right: 1.0288065844%;
	margin-left: 1.0288065844%;
	padding: 15px 0 15px 30px;
}

.teaser--welcome .teaser__title {
	margin-top: 3em;
	margin-left: 15%;
	margin-right: 15%;
}

.teaser--news-event .teaser__panel {
	padding-left: 0;
	padding-right: 0;
}

.filter select {
	margin-left: 7px;
}

.dl--browse-by .dl__item {
	width: 20.1646090535%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.dl--browse-by .dl__item.department {
	width: 64.6090534979%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.dl--browse-by .dl__item.list {
	width: 97.9423868313%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.media-block__media {
	margin-right: -16.6666666667%;
	margin-left: -16.6666666667%;
	padding-right: 16.6666666667%;
	padding-left: 16.6666666667%;
	padding-left: 0;
	padding-right: 0;
}

.media-block__caption--with-leading-block:before {
	margin-right: 10px;
}

.author {
	margin-left: 16.66667%;
	margin-right: 16.66667%;
}

.social-hubs {
	float: right;
	text-align: right;
	margin-top: 0;
}

.social-hubs li {
	margin-left: 15px;
}

.podcasts__title,
.podcasts__heading-title {
	width: 42.3868312757%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.podcasts__date,
.podcasts__heading-date {
	width: 20.1646090535%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.podcasts__series,
.podcasts__heading-series {
	display: none;
}

.podcasts__speakers,
.podcasts__heading-speakers {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

}

@media all and (min-width: 840px) {

.wrapper--borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.wide-wrapper {
	margin: 0 50px;
}

.menu-open .push-this,
.staff-students-open .push-this {
	-webkit-transform: translate(-450px, 0);
	-ms-transform: translate(-450px, 0);
	transform: translate(-450px, 0);
}

.pusher {
	width: 450px;
	-webkit-transform: translate(450px, 0);
	-ms-transform: translate(450px, 0);
	transform: translate(450px, 0);
}

.welcome-layout .group-2 .teaser.teaser--welcome {
	margin-top: -10.4em;
}

.btn,
.filter__list-active a {
	padding: 15px 40px 17px 40px;
	padding: 0.9375rem 2.5rem 1.0625rem 2.5rem;
}

.btn-wrapper--breakout {
	margin-bottom: 20px;
}

.btn-wrapper--breakout {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.media__play:after,
.media-block__video__play:after {
	display: inline-block;
	content: '';
	width: 130px;
	height: 130px;
	position: absolute;
	display: block;
	margin-left: -65px;
	left: 50%;
	margin-top: -65px;
	top: 50%;
}

.media__play:before,
.media-block__video__play:before {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 20px;
	height: 40px;
	background-image: url('../img/svg/button-play-gray.svg');
	background-size: 100% 100%; /* svg-background('button-play-gray.svg', 20, 40); */
	display: inline-block;
	content: '';
	width: 20px;
	height: 37px;
	position: absolute;
	display: block;
	margin-left: -10px;
	left: 50%;
	margin-top: -18.5px;
	top: 50%;
}

.media__play:before::before,
.media-block__video__play:before::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .media__play:before,
.lt-ie9 .media-block__video__play:before {
	background-image: url('../img/raster/svg-png/button-play-gray_w20.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.media__play:hover:before,
.media-block__video__play:hover:before {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 20px;
	height: 40px;
	background-image: url('../img/svg/button-play.svg');
	background-size: 100% 100%; /* svg-background('button-play.svg', 20, 40); */
}

.media__play:hover:before::before,
.media-block__video__play:hover:before::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .media__play:hover:before,
.lt-ie9 .media-block__video__play:hover:before {
	background-image: url('../img/raster/svg-png/button-play_w20.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.section__heading {
	font-size: 25px;
	font-size: 1.5625rem;
	line-height: 25px;
	line-height: 1.5625rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}

.section__heading--sticky {
	background-color: white;
	margin-left: 0 !important;
	z-index: 2;
	max-width: 1326px;
}

.section__heading--sticky.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	z-index: 1;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 64px solid transparent;
	border-right: 64px solid transparent;
}

.section__heading--sticky.fixed.absolute {
	position: fixed;
	top: 0 !important;
	z-index: 2;
}

.header__charm--text {
	display: block;
}

.section-container,
.section {
	padding-top: 80px;
	padding-top: 5rem;
}

.hero__tags {
	font-size: 15px;
	font-size: 0.9375rem;
	width: 40%;
}

.hero--course-finder .hero__content,
.hero--split-text .hero__content {
	padding: 0 4em;
}

.hero--course-finder .hero__content,
.hero--split-text .hero__content {
	width: 100%;
}

.hero--home .hero__content {
	width: 100%;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.hero--gold-stories .hero__intro {
	width: 70%;
	margin: 0 auto;
}

.hero--three-up .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
	line-height: 50px;
	line-height: 3.125rem;
}

.breadcrumb nav.secondary-nav {
	height: 60px;
	width: auto;
	display: block;
}

.breadcrumb nav.secondary-nav > ul {
	height: 60px;
	line-height: 60px;
}

.breadcrumb nav.secondary-nav > ul li {
	display: inline-block;
	margin-right: 30px;
}

.breadcrumb nav.secondary-nav > ul li > ul {
	position: absolute;
	top: 60px;
	left: 50%;
	padding: 60px 0 80px 0;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}

.dropdown-nav {
	display: none;
}

.touchButton {
	margin-right: 0px;
	margin-left: 15px;
	right: 0;
	position: relative;
	float: right;
	display: inline-block;
}

.teaser--offset-title .teaser__title,
.teaser--offset-title-dark .teaser__title,
.teaser--alumni .teaser__title,
.teaser--profile .teaser__title,
.teaser--research .teaser__title {
	position: absolute;
	top: 20px;
	left: 0;
}

.teaser--inset-image .teaser__image,
.teaser--alumni .teaser__image,
.teaser--research .teaser__image,
.teaser--inset-image .teaser__video,
.teaser--alumni .teaser__video,
.teaser--research .teaser__video {
	border-left: 50px solid transparent;
	width: 65.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.teaser--inset--with-gutters .teaser__body,
.teaser--profile .teaser__body {
	margin-top: -78px;
	margin-top: -4.875rem;
}

.teaser--inset--with-gutters .teaser__panel,
.teaser--profile .teaser__panel {
	margin: 0 66px;
}

.teaser--latest-podcasts .teaser__image {
	width: 140px;
}

.teaser--profile .teaser__title {
	margin-left: -50px;
}

.fluid-search__input,
.hero-search .fluid-search__input {
	font-size: 56px;
	font-size: 3.5rem;
	height: 90px;
	height: 5.625rem;
}

.fluid-search__submit {
	bottom: 25px;
}

.site-search .fluid-search__input {
	font-size: 70px;
	font-size: 4.375rem;
	height: 90px;
	height: 5.625rem;
}

.ui-autocomplete__item {
	font-size: 26px;
	font-size: 1.625rem;
}

.rich-content-section .emphasis {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2;
}

.media-block {
	margin-top: 45px;
	margin-top: 2.8125rem;
	margin-bottom: 45px;
	margin-bottom: 2.8125rem;
}

.media-block--overlapping-caption .media-block__caption {
	position: absolute;
	bottom: 0;
	left: 0;
}

.media-block__caption {
	font-size: 14px;
	font-size: 0.875rem;
	width: 64.6090534979%;
	line-height: 1.4;
	margin-left: 0;
	padding: 25px 25px 0;
}

.quote-block p,
.quote p,
.quote--extended p,
.quote--floated p,
.statement p,
.statement--extended p,
.statement--floated p {
	font-size: 40px;
	font-size: 2.5rem;
}

.quote-block--centred,
.quote--extended,
.statement--extended {
	margin-top: 45px;
	margin-top: 2.8125rem;
	margin-bottom: 65px;
	margin-bottom: 4.0625rem;
}

.quote-block--floated,
.quote--floated,
.statement--floated {
	float: left;
	width: 47.6851851852%;
	margin-right: 50px;
	margin-left: -15.1234567901%;
	margin-bottom: 60px;
	margin-bottom: 3.75rem;
}

.quote-block--with-quotation-marks:after,
.quote:after,
.quote--extended:after,
.quote--floated:after {
	width: 35%;
}

.quote-block--with-quotation-marks.quote-block--floated:after,
.quote-block--floated.quote:after,
.quote.statement--floated:after,
.quote-block--floated.quote--extended:after,
.quote--extended.statement--floated:after,
.quote--floated:after,
.quote-block--with-quotation-marks.statement--floated:after {
	width: 85%;
}

.quote-block--narrow {
	padding: 40px;
	padding: 2.5rem;
	margin-bottom: 0px;
	margin-bottom: 0rem;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.author {
	text-align: left;
}

.goldsmiths-slider .owl-controls .owl-buttons {
	display: block;
}

}

@media screen and (min-width: 1024px) {

head {
	font-family: "usn-large 1024px";
}

body:after {
	content: "usn-large - min-width: 1024px";
}

}

@media all and (min-width: 1024px) {

.pika-lendar {
	width: 32%;
}

.pika-lendar:nth-child(2) {
	margin: 0 2% 0 2%;
}

.wrapper--no-borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 8.3333333333%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	max-width: 1326px;
}

.wrapper--no-borders:after,
.wrapper:after,
.breadcrumb nav.secondary-nav > ul li > ul:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--fluid {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 8.3333333333%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	max-width: 1326px;
}

.wrapper--fluid:after {
	content: " ";
	display: block;
	clear: both;
}

.wrapper--borders,
.wrapper,
.breadcrumb nav.secondary-nav > ul li > ul {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.grid-push.grid-push--two {
	width: 66.6666666667%;
	float: left;
	margin: 0 auto;
	float: none;
	overflow: hidden;
	overflow: visible;
}

.full-width,
.followWrap,
.full-wrap,
.btn-wrapper--full-width,
.teaser__btn-align {
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.grid-push--two .full-width,
.grid-push--two .followWrap,
.grid-push--two .full-wrap,
.grid-push--two .btn-wrapper--full-width,
.grid-push--two .teaser__btn-align {
	margin-left: 1.1574074074%;
	margin-right: 1.1574074074%;
}

.news-layout .group-1,
.news-layout .group-2,
.welcome-layout .group-1,
.welcome-layout .group-2 {
	width: 50%;
	float: left;
}

.news-layout .group-1 .teaser,
.welcome-layout .group-1 .teaser {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser,
.welcome-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-2 .teaser.full-width,
.news-layout .group-2 .teaser.followWrap,
.news-layout .group-2 .teaser.teaser--widescreen,
.welcome-layout .group-2 .teaser.full-width,
.welcome-layout .group-2 .teaser.followWrap,
.welcome-layout .group-2 .teaser.teaser--widescreen {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.news-layout .group-3 .teaser,
.welcome-layout .group-3 .teaser {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.news-layout .group-3 .teaser.teaser--widescreen,
.welcome-layout .group-3 .teaser.teaser--widescreen {
	width: 48.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.news-layout .group-2 .teaser:nth-child(2),
.news-layout .group-2 .teaser:nth-child(3) {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.welcome-layout .group-2 .teaser:nth-child(1),
.welcome-layout .group-2 .teaser:nth-child(2) {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.welcome-layout .group-2 .teaser:nth-child(3) {
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.welcome-layout .group-2 .teaser.teaser--welcome {
	float: right !important;
}

.content-grid-layout .group-1,
.content-grid-layout .group-2 {
	width: 100%;
	float: left;
}

.content-grid-layout .group-1 .teaser,
.content-grid-layout .group-2 .teaser {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-grid-layout .group-1 .teaser.teaser--double-span,
.content-grid-layout .group-1 .teaser.teaser--widescreen,
.content-grid-layout .group-2 .teaser.teaser--double-span,
.content-grid-layout .group-2 .teaser.teaser--widescreen {
	width: 48.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-mini-layout .group-1 .teaser {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-split-layout .group-1,
.content-split-layout .group-2 {
	width: 50%;
	float: left;
}

.content-split-layout .group-1 .teaser,
.content-split-layout .group-2 .teaser {
	width: 46.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.speakers-layout .group-1 .teaser {
	width: 48.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
	margin-left: 25.7716049383%;
	margin-right: 25.7716049383%;
	float: none;
}

.content-4col-layout .group-1 .teaser {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-3col-layout .group-1 .teaser {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-2col-layout .group-1 .teaser {
	width: 48.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.dl .dl__item,
.dl dt,
.dl dd {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.grid-push--two .dl .dl__item,
.grid-push--two .dl dt,
.grid-push--two .dl dd {
	width: 22.6851851852%;
	float: left;
	margin-left: 1.1574074074%;
	margin-right: 1.1574074074%;
}

.dl--half-half .dl__item,
.dl--half-half dt,
.dl--half-half dd {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.grid-push--two .dl--half-half .dl__item,
.grid-push--two .dl--half-half dt,
.grid-push--two .dl--half-half dd {
	width: 47.6851851852%;
	float: left;
	margin-left: 1.1574074074%;
	margin-right: 1.1574074074%;
}

.search-results__main {
	width: 65.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.search-results__aside {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-article-layout .byline-dateline {
	width: 66.6666666667%;
	float: left;
	margin-left: 17.4382716049%;
	margin-right: 17.4382716049%;
}

.content-article-layout .byline-dateline hr {
	width: 98.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-article-layout .byline-dateline .byline,
.content-article-layout .byline-dateline .dateline {
	width: 48.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.content-article-layout .article-body {
	width: 65.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
	margin-left: 17.4382716049%;
	margin-right: 17.4382716049%;
}

.btn--load-more {
	display: none;
}

.btn-wrapper--breakout .btn--breakout-left {
	position: absolute;
	left: 0;
	bottom: 1px;
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%);
	margin: 0;
}

.footer__meta {
	padding-top: 1em;
}

.site-map--footer {
	width: 75%;
	float: left;
}

.site-map--footer > li {
	width: 31.2757201646%;
	float: left;
	margin-left: 1.0288065844%;
	margin-right: 1.0288065844%;
}

.site-map--footer > li:nth-child(3n) {
	float: right;
}

.social-hubs--footer {
	width: 23.4567901235%;
	float: right;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.section-container--accordion > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section-container--accordion > ul,
.section--accordion > .wrapper,
.breadcrumb nav.secondary-nav > ul li.section--accordion > ul {
	padding-top: 44px;
	padding-top: 2.75rem;
}

.hero__intro {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 19.9998px;
	line-height: 1.2499875rem;
}

.hero__tags {
	width: 30%;
}

.hero__credit {
	display: none;
}

.hero__credit--rotated {
	display: block;
}

.hero--course-finder .hero__wrapper,
.hero--split-text .hero__wrapper {
	height: 700px;
}

.hero--course-finder .hero__wrapper .hero__split,
.hero--split-text .hero__wrapper .hero__split,
.hero--course-finder .hero__wrapper .hero__align,
.hero--split-text .hero__wrapper .hero__align {
	height: 700px;
}

.hero--home .hero__wrapper {
	height: 770px;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	height: 650px;
}

.hero--three-up {
	height: 350px;
	width: 34%;
	float: left;
}

.hero--three-up .hero__wrapper {
	height: 350px;
}

.hero--three-up:first-child {
	width: 66%;
	height: 700px;
}

.hero--three-up:first-child .hero__wrapper {
	height: 700px;
}

.hero--course-finder .hero__heading,
.hero--department .hero__heading,
.hero--theme .hero__heading,
.hero--split-text .hero__heading,
.hero--simple .hero__heading {
	font-size: 70px;
	font-size: 4.375rem;
}

.hero--profile .hero__heading {
	font-size: 70px;
	font-size: 4.375rem;
}

.hero--home .hero__heading {
	font-size: 90px;
	font-size: 5.625rem;
}

.hero--split-text .hero__heading {
	font-size: 100px;
	font-size: 6.25rem;
	margin-bottom: 30px;
}

.hero--department,
.hero--theme,
.hero--event,
.hero--programme,
.hero--profile,
.hero--podcasts,
.hero--gold-stories {
	padding-left: 40px;
	padding-right: 40px;
}

.hero--department .hero__content,
.hero--theme .hero__content,
.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content,
.hero--gold-stories .hero__content {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(left, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-image: linear-gradient(to right, transparent 9.25926%, rgba(0, 0, 255, 0) 9.25926%, rgba(77, 77, 255, 0) 90.74074%, transparent 90.74074%);
	background-size: 8.3333333333%;
	background-origin: content-box;
	background-clip: content-box;
	background-position: left top;
	max-width: 1326px;
}

.hero--department .hero__wrapper:after,
.hero--theme .hero__wrapper:after,
.hero--event .hero__wrapper:after,
.hero--programme .hero__wrapper:after,
.hero--profile .hero__wrapper:after,
.hero--podcasts .hero__wrapper:after,
.hero--gold-stories .hero__wrapper:after {
	content: " ";
	display: block;
	clear: both;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper,
.hero--event .hero__wrapper,
.hero--programme .hero__wrapper,
.hero--profile .hero__wrapper,
.hero--podcasts .hero__wrapper,
.hero--gold-stories .hero__wrapper {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper,
.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper,
.hero--podcasts .hero__image-wrapper,
.hero--gold-stories .hero__image-wrapper {
	padding: 0 0.7716049383%;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper {
	padding-left: 4%;
	padding-right: 4%;
}

.hero--department .hero__image-wrapper,
.hero--theme .hero__image-wrapper {
	width: 65.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.hero--department .hero__image,
.hero--theme .hero__image {
	margin-right: 10px;
}

.hero--department .hero__content,
.hero--theme .hero__content {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
	text-align: left;
	margin-top: 0;
}

.hero--event .hero__image-wrapper,
.hero--programme .hero__image-wrapper,
.hero--profile .hero__image-wrapper {
	width: 73.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.hero--event .hero__heading,
.hero--programme .hero__heading,
.hero--profile .hero__heading,
.hero--podcasts .hero__heading {
	font-size: 50px;
	font-size: 3.125rem;
	line-height: 50px;
	line-height: 3.125rem;
	margin-top: 0px;
	margin-top: 0rem;
}

.hero--event .hero__content,
.hero--programme .hero__content,
.hero--profile .hero__content,
.hero--podcasts .hero__content {
	padding: 50px 30px 50px;
	width: 400px;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.hero--event .hero__content {
	padding: 50px 30px 80px;
}

.hero--podcasts {
	padding-top: 130px;
}

.hero--podcasts .hero__wrapper {
	max-width: 900px;
}

.hero--podcasts .hero__image-wrapper {
	width: 65.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.hero--podcasts .hero__content {
	padding: 40px 40px 60px 40px;
}

.hero--gold-stories .hero__content {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.hero--profile .hero__content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	left: 0;
}

.hero--profile .hero__image-wrapper {
	float: right !important;
}

.hero--event .hero__content,
.hero--programme .hero__content,
.hero--podcasts .hero__content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	right: 20px;
}

.hero--split-text .hero__split {
	width: 50%;
	height: 100%;
	float: left;
}

.hero--split-text .hero__split--right {
	float: right;
}

.hero--split-text .hero__image {
	width: 100%;
	height: 100%;
}

.hero__IE .hero__image-wrapper .hero__image {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.druk-wrapper {
	position: relative;
	width: 130%;
	left: -30%;
	height: auto;
}

.druk-wrapper .druk-heading {
	max-height: 250px;
}

.druk-heading {
	max-height: 170px;
}

.hero--programme .hero__image-wrapper {
	min-width: 780px;
}

.hero--podcasts:before {
	padding-bottom: 0;
	height: 575px;
}

.hero--gold-stories:before {
	padding-bottom: 0;
	height: 575px;
}

.hero--three-up:first-child .hero__heading {
	font-size: 80px;
	font-size: 5rem;
	line-height: 80px;
	line-height: 5rem;
}

.primary-nav ul:after {
	right: -10px;
}

.primary-nav li {
	padding-left: 100px;
}

.primary-nav a {
	padding-left: 100px;
	margin-left: -110px;
}

.staff-students-nav li {
	padding-left: 100px;
}

.staff-students-nav a {
	padding-left: 100px;
	margin-left: -110px;
}

.breadcrumb nav.secondary-nav > ul li > ul {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}

.teaser--inset-body .teaser__image,
.teaser--alumni .teaser__image {
	position: absolute;
}

.teaser--inset-body .teaser__body,
.teaser--alumni .teaser__body {
	width: 48.4567901235%;
	float: right;
	margin-right: 0.7716049383%;
	margin-left: 0.7716049383%;
}

.teaser--inset-body .teaser__body .quote-block,
.teaser--alumni .teaser__body .quote-block,
.teaser--inset-body .teaser__body .quote,
.teaser--alumni .teaser__body .quote,
.teaser--inset-body .teaser__body .quote--extended,
.teaser--alumni .teaser__body .quote--extended,
.teaser--inset-body .teaser__body .quote--floated,
.teaser--alumni .teaser__body .quote--floated,
.teaser--inset-body .teaser__body .statement,
.teaser--alumni .teaser__body .statement,
.teaser--inset-body .teaser__body .statement--extended,
.teaser--alumni .teaser__body .statement--extended,
.teaser--inset-body .teaser__body .statement--floated,
.teaser--alumni .teaser__body .statement--floated {
	width: 65.1234567901%;
	float: right;
	margin-right: 0.7716049383%;
	margin-left: 0.7716049383%;
}

.teaser--inset-body .teaser__body .teaser__panel,
.teaser--alumni .teaser__body .teaser__panel {
	width: 98.4567901235%;
	float: right;
	margin-right: 0.7716049383%;
	margin-left: 0.7716049383%;
	padding: 50px;
}

.teaser--floated .teaser__body,
.teaser--research .teaser__body {
	width: 31.7901234568%;
	float: right;
	margin-right: 0.7716049383%;
	margin-left: 0.7716049383%;
	padding: 15px 0 15px 40px;
}

.teaser--welcome .teaser__title {
	margin-top: 3em;
	margin-left: 10%;
	margin-right: 10%;
}

.teaser--theme .media__figure {
	width: 50%;
	float: left;
}

.teaser--theme .teaser__title {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 19.9998px;
	line-height: 1.2499875rem;
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 9px;
	margin-bottom: 0.5625rem;
}

.teaser--mini .media__figure {
	width: 40%;
}

.section--site-search .search-box {
	width: 31.7901234568%;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.filter__columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.dl--full-list .dl__item {
	padding-right: 70px;
}

.dl--full-list .dl__item .columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.dl--browse-by .dl__item {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.dl--browse-by .dl__item.department {
	width: 73.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.dl--browse-by .dl__item.department .columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.dl--browse-by .dl__item.list {
	width: 98.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.dl--browse-by .dl__item.list .columns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.media-block__media {
	margin-right: -25%;
	margin-left: -25%;
	padding-right: 25%;
	padding-left: 25%;
	padding-left: 0;
	padding-right: 0;
}

.media-block__caption {
	padding: 30px 30px 0;
	width: 60.1851851852%;
}

.media-block__feature-image {
	margin-left: 26.1574074074%;
	margin-right: 26.1574074074%;
}

.media-block__gallery {
	margin-left: -0.5787037037%;
	margin-right: -0.5787037037%;
}

.media-block__gallery-image {
	width: 48.8425925926%;
	float: left;
}

.media-block__gallery-image:nth-child(2n+1) {
	margin-left: 0.5787037037%;
	margin-right: -100%;
	clear: both;
}

.media-block__gallery-image:nth-child(2n+2) {
	margin-left: 50.5787037037%;
	margin-right: -100%;
	clear: none;
}

.media-block__slider img {
	max-height: 465px;
	min-height: 467px;
}

.quote-block--centred,
.quote--extended,
.statement--extended {
	margin-right: -12.5%;
	margin-left: -12.5%;
	padding-right: 12.5%;
	padding-left: 12.5%;
	padding-left: 0;
	padding-right: 0;
}

.quote-block--floated,
.quote--floated,
.statement--floated {
	margin-left: -23.8425925926%;
	margin-top: 50px;
	margin-top: 3.125rem;
	margin-bottom: 50px;
	margin-bottom: 3.125rem;
}

.author {
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 60px;
	margin-top: 3.75rem;
}

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
	padding: 85px 90px;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious {
	left: 50px;
}

#colorbox #cboxWrapper #cboxContent #cboxNext {
	right: 50px;
}

#colorbox #cboxWrapper #cboxContent #cboxClose {
	top: 30px;
}

.social-hubs {
	float: right;
	text-align: right;
	margin-top: 0;
}

.social-hubs li {
	margin-left: 15px;
}

.podcasts__title,
.podcasts__heading-title {
	width: 31.7901234568%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.podcasts__date,
.podcasts__heading-date {
	width: 15.1234567901%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.podcasts__series,
.podcasts__heading-series {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

.podcasts__speakers,
.podcasts__heading-speakers {
	width: 23.4567901235%;
	float: left;
	margin-left: 0.7716049383%;
	margin-right: 0.7716049383%;
}

}

@media all and (max-width: 1023px) {

.hero__credit--rotated {
	display: none;
}

.social-hubs-container {
	display: none;
}

.social-hubs--breadcrumb {
	display: none;
}

.social-expand {
	display: none;
}

}

@media all and (max-width: 839px) {

.breadcrumb nav.secondary-nav {
	max-height: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.breadcrumb nav.secondary-nav > ul li {
	position: relative;
}

.breadcrumb nav.secondary-nav > ul li > ul {
	max-height: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.breadcrumb nav.secondary-nav > ul li > ul.flexnav-show {
	min-width: 0;
	max-height: 2000px;
	-webkit-transition: all 0.7s ease-in;
	transition: all 0.7s ease-in;
}

.breadcrumb nav.secondary-nav > ul li > ul li a {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 22.0005px;
	line-height: 1.37503125rem;
	margin-bottom: 10px;
}

.social-hubs--breadcrumb.expand {
	right: 0px;
}

.teaser--work .media__figure {
	width: 100%;
}

.teaser--work .teaser__title {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 25.0002px;
	line-height: 1.5625125rem;
	margin-top: 18.5px;
	margin-top: 1.15625rem;
	margin-bottom: 16.5px;
	margin-bottom: 1.03125rem;
}

.teaser--podcasts .teaser__body p {
	margin: 0;
}

.teaser--tweets .teaser__image {
	width: 65px;
	height: 65px;
}

.social-hubs li a {
	margin: 0 auto;
}

.podcasts__date,
.podcasts__heading-date {
	display: none;
}

.podcasts__series,
.podcasts__heading-series {
	display: none;
}

.podcasts__speakers,
.podcasts__heading-speakers {
	margin-bottom: 5px;
}

}

@media all and (max-width: 539px) {

.content-grid-layout--tiny-2-col .group-1 .teaser,
.content-grid-layout--tiny-2-col .group-2 .teaser {
	width: 45.3703703704%;
	float: left;
	margin-left: 2.3148148148%;
	margin-right: 2.3148148148%;
}

.group-border__bottom {
	border-bottom: none;
}

.group-border__circle:after {
	display: none;
}

.header__charms > li {
	padding: 0 10px;
}

.header__charm--text {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 25px;
	height: 19px;
	background-image: url('../img/svg/motarboard.svg');
	background-size: 100% 100%; /* svg-background('motarboard.svg', 25, 19); */
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.header__charm--text::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .header__charm--text {
	background-image: url('../img/raster/svg-png/motarboard_w25.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.staff-students-open .header__charm--text {
	height: 1em;
	line-height: 1.5;
	overflow: hidden;
	width: 25px;
	height: 19px;
	background-image: url('../img/svg/motarboard-active.svg');
	background-size: 100% 100%; /* svg-background('motarboard-active.svg', 25, 19); */
}

.staff-students-open .header__charm--text::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.lt-ie9 .staff-students-open .header__charm--text {
	background-image: url('../img/raster/svg-png/motarboard-active_w25.png');
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.footer__back-top {
	display: none;
}

.footer__copyright,
.footer__back-top {
	width: 100%;
}

.hero--profile .hero__heading {
	top: -60px;
}

.hero--department .hero__wrapper,
.hero--theme .hero__wrapper {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.hero--podcasts .hero__image-wrapper {
	padding: 45px 30px 30px;
}

.hero--gold-stories .hero__image-wrapper {
	padding: 0 10px 0;
}

.content-grid-layout .teaser--widescreen .teaser__panel {
	position: relative;
	bottom: auto;
	right: auto;
	width: auto;
}

.teaser--page {
	margin-bottom: 10px;
}

.teaser--page p {
	display: none;
}

.teaser--podcasts .teaser__image {
	width: 30px;
	height: 30px;
	margin: -5px 5px 0 0;
}

.teaser--podcasts .teaser__body {
	margin: 0 0 0 28px;
}

.teaser--news-event .teaser__image-wrapper {
	width: 30%;
	float: left;
	margin-top: 7px;
}

.teaser--news-event .teaser__panel {
	overflow: hidden;
	text-align: left;
	padding-left: 15px;
	padding-right: 0;
}

.teaser--news-event .teaser__title {
	margin-top: 0;
}

.filter select {
	margin-left: 8px;
	width: 96%;
}

.filter__heading {
	display: none;
}

.filter__tabs {
	margin-top: 20px;
}

.filter__list-active li {
	display: block;
	margin-top: 10px;
}

.filter__list-active li a {
	display: block;
}

.social-hubs li {
	float: left;
	width: 16%;
}

.podcasts .group {
	width: 100%;
	float: left;
}

.podcasts .group:after {
	content: '';
	position: relative;
	background: #CCC;
	height: 1px;
	margin-top: -20px;
	width: 96.9135802469%;
	float: left;
	margin-left: 1.5432098765%;
	margin-right: 1.5432098765%;
}

.podcasts .group-heading {
	display: none;
}

}

@-webkit-keyframes empty {

0% {
	opacity: 1;
}

}

@keyframes empty {

0% {
	opacity: 1;
}

}

@-webkit-keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes fadeOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@keyframes fadeOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@-webkit-keyframes backSlideOut {

25% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px);
}

75% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
}

100% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
}

}

@keyframes backSlideOut {

25% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px);
	-ms-transform: translateZ(-500px);
	transform: translateZ(-500px);
}

75% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
	-ms-transform: translateZ(-500px) translateX(-200%);
	transform: translateZ(-500px) translateX(-200%);
}

100% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
	-ms-transform: translateZ(-500px) translateX(-200%);
	transform: translateZ(-500px) translateX(-200%);
}

}

@-webkit-keyframes backSlideIn {

0%,25% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(200%);
}

75% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px);
}

100% {
	opacity: 1;
	-webkit-transform: translateZ(0) translateX(0);
}

}

@keyframes backSlideIn {

0%,25% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px) translateX(200%);
	-ms-transform: translateZ(-500px) translateX(200%);
	transform: translateZ(-500px) translateX(200%);
}

75% {
	opacity: 0.5;
	-webkit-transform: translateZ(-500px);
	-ms-transform: translateZ(-500px);
	transform: translateZ(-500px);
}

100% {
	opacity: 1;
	-webkit-transform: translateZ(0) translateX(0);
	-ms-transform: translateZ(0) translateX(0);
	transform: translateZ(0) translateX(0);
}

}

@-webkit-keyframes scaleToFade {

to {
	opacity: 0;
	-webkit-transform: scale(0.8);
}

}

@keyframes scaleToFade {

to {
	opacity: 0;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

}

@-webkit-keyframes goDown {

from {
	-webkit-transform: translateY(-100%);
}

}

@keyframes goDown {

from {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

}

@-webkit-keyframes scaleUpFrom {

from {
	opacity: 0;
	-webkit-transform: scale(1.5);
}

}

@keyframes scaleUpFrom {

from {
	opacity: 0;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

}

@-webkit-keyframes scaleUpTo {

to {
	opacity: 0;
	-webkit-transform: scale(1.5);
}

}

@keyframes scaleUpTo {

to {
	opacity: 0;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

}

@-webkit-keyframes bounce {

0%,20%,53%,80%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

40%,43% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
}

70% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

90% {
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

}

@keyframes bounce {

0%,20%,53%,80%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

40%,43% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -30px, 0);
	-ms-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
}

70% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transform: translate3d(0, -15px, 0);
	-ms-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

90% {
	-webkit-transform: translate3d(0, -4px, 0);
	-ms-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

}

@-webkit-keyframes flash {

0%,50%,100% {
	opacity: 1;
}

25%,75% {
	opacity: 0;
}

}

@keyframes flash {

0%,50%,100% {
	opacity: 1;
}

25%,75% {
	opacity: 0;
}

}

@-webkit-keyframes pulse {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@keyframes pulse {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@-webkit-keyframes rubberBand {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
	transform: scale3d(1.25, 0.75, 1);
}

40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
	transform: scale3d(0.75, 1.25, 1);
}

50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
	transform: scale3d(1.15, 0.85, 1);
}

65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
	transform: scale3d(0.95, 1.05, 1);
}

75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
	transform: scale3d(1.05, 0.95, 1);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@keyframes rubberBand {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
	-ms-transform: scale3d(1.25, 0.75, 1);
	transform: scale3d(1.25, 0.75, 1);
}

40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
	-ms-transform: scale3d(0.75, 1.25, 1);
	transform: scale3d(0.75, 1.25, 1);
}

50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
	-ms-transform: scale3d(1.15, 0.85, 1);
	transform: scale3d(1.15, 0.85, 1);
}

65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
	-ms-transform: scale3d(0.95, 1.05, 1);
	transform: scale3d(0.95, 1.05, 1);
}

75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
	-ms-transform: scale3d(1.05, 0.95, 1);
	transform: scale3d(1.05, 0.95, 1);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@-webkit-keyframes shake {

0%,100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

10%,30%,50%,70%,90% {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

20%,40%,60%,80% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

}

@keyframes shake {

0%,100% {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

10%,30%,50%,70%,90% {
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

20%,40%,60%,80% {
	-webkit-transform: translate3d(10px, 0, 0);
	-ms-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

}

@-webkit-keyframes swing {

20% {
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg);
}

40% {
	-webkit-transform: rotate3d(0, 0, 1, -10deg);
	transform: rotate3d(0, 0, 1, -10deg);
}

60% {
	-webkit-transform: rotate3d(0, 0, 1, 5deg);
	transform: rotate3d(0, 0, 1, 5deg);
}

80% {
	-webkit-transform: rotate3d(0, 0, 1, -5deg);
	transform: rotate3d(0, 0, 1, -5deg);
}

100% {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

}

@keyframes swing {

20% {
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	-ms-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg);
}

40% {
	-webkit-transform: rotate3d(0, 0, 1, -10deg);
	-ms-transform: rotate3d(0, 0, 1, -10deg);
	transform: rotate3d(0, 0, 1, -10deg);
}

60% {
	-webkit-transform: rotate3d(0, 0, 1, 5deg);
	-ms-transform: rotate3d(0, 0, 1, 5deg);
	transform: rotate3d(0, 0, 1, 5deg);
}

80% {
	-webkit-transform: rotate3d(0, 0, 1, -5deg);
	-ms-transform: rotate3d(0, 0, 1, -5deg);
	transform: rotate3d(0, 0, 1, -5deg);
}

100% {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	-ms-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

}

@-webkit-keyframes tada {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

10%,20% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}

30%,50%,70%,90% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%,60%,80% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@keyframes tada {

0% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

10%,20% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}

30%,50%,70%,90% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%,60%,80% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@-webkit-keyframes wobble {

0% {
	-webkit-transform: none;
	transform: none;
}

15% {
	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}

30% {
	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}

45% {
	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}

60% {
	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}

75% {
	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}

100% {
	-webkit-transform: none;
	transform: none;
}

}

@keyframes wobble {

0% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

15% {
	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}

30% {
	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}

45% {
	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}

60% {
	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}

75% {
	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}

100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes bounceIn {

0%,20%,40%,60%,80%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

20% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

40% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
}

80% {
	-webkit-transform: scale3d(0.97, 0.97, 0.97);
	transform: scale3d(0.97, 0.97, 0.97);
}

100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@keyframes bounceIn {

0%,20%,40%,60%,80%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	-ms-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

20% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

40% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	-ms-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-ms-transform: scale3d(1.03, 1.03, 1.03);
	transform: scale3d(1.03, 1.03, 1.03);
}

80% {
	-webkit-transform: scale3d(0.97, 0.97, 0.97);
	-ms-transform: scale3d(0.97, 0.97, 0.97);
	transform: scale3d(0.97, 0.97, 0.97);
}

100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

}

@-webkit-keyframes bounceInDown {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -3000px, 0);
	transform: translate3d(0, -3000px, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
}

75% {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

90% {
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}

100% {
	-webkit-transform: none;
	transform: none;
}

}

@keyframes bounceInDown {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -3000px, 0);
	-ms-transform: translate3d(0, -3000px, 0);
	transform: translate3d(0, -3000px, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(0, 25px, 0);
	-ms-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
}

75% {
	-webkit-transform: translate3d(0, -10px, 0);
	-ms-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

90% {
	-webkit-transform: translate3d(0, 5px, 0);
	-ms-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}

100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes bounceInLeft {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(-3000px, 0, 0);
	transform: translate3d(-3000px, 0, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(25px, 0, 0);
	transform: translate3d(25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

100% {
	-webkit-transform: none;
	transform: none;
}

}

@keyframes bounceInLeft {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(-3000px, 0, 0);
	-ms-transform: translate3d(-3000px, 0, 0);
	transform: translate3d(-3000px, 0, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(25px, 0, 0);
	-ms-transform: translate3d(25px, 0, 0);
	transform: translate3d(25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(5px, 0, 0);
	-ms-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes bounceInRight {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

100% {
	-webkit-transform: none;
	transform: none;
}

}

@keyframes bounceInRight {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	-ms-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(-25px, 0, 0);
	-ms-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
}

75% {
	-webkit-transform: translate3d(10px, 0, 0);
	-ms-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

90% {
	-webkit-transform: translate3d(-5px, 0, 0);
	-ms-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes bounceInUp {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

75% {
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

90% {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

}

@keyframes bounceInUp {

0%,60%,75%,90%,100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	-ms-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}

60% {
	opacity: 1;
	-webkit-transform: translate3d(0, -20px, 0);
	-ms-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

75% {
	-webkit-transform: translate3d(0, 10px, 0);
	-ms-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

90% {
	-webkit-transform: translate3d(0, -5px, 0);
	-ms-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

100% {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

}

@-webkit-keyframes bounceOut {

20% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9);
}

50%,55% {
	opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

}

@keyframes bounceOut {

20% {
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	-ms-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9);
}

50%,55% {
	opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	-ms-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

}

@-webkit-keyframes bounceOutDown {

20% {
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

40%,45% {
	opacity: 1;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

}

@keyframes bounceOutDown {

20% {
	-webkit-transform: translate3d(0, 10px, 0);
	-ms-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

40%,45% {
	opacity: 1;
	-webkit-transform: translate3d(0, -20px, 0);
	-ms-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-ms-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

}

@-webkit-keyframes bounceOutLeft {

20% {
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

}

@keyframes bounceOutLeft {

20% {
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	-ms-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-ms-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

}

@-webkit-keyframes bounceOutRight {

20% {
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

}

@keyframes bounceOutRight {

20% {
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	-ms-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-ms-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

}

@-webkit-keyframes bounceOutUp {

20% {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

40%,45% {
	opacity: 1;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

}

@keyframes bounceOutUp {

20% {
	-webkit-transform: translate3d(0, -10px, 0);
	-ms-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

40%,45% {
	opacity: 1;
	-webkit-transform: translate3d(0, 20px, 0);
	-ms-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-ms-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

}

@-webkit-keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes fadeInDown {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInDown {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInDownBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInDownBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-ms-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInLeft {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInLeft {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInLeftBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInLeftBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-ms-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInRight {

0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInRight {

0% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInRightBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInRightBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-ms-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInUp {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 15%, 0);
	transform: translate3d(0, 15%, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInUp {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 15%, 0);
	-ms-transform: translate3d(0, 15%, 0);
	transform: translate3d(0, 15%, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeInUpBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInUpBig {

0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-ms-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes fadeOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@keyframes fadeOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@-webkit-keyframes fadeOutDown {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

}

@keyframes fadeOutDown {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

}

@-webkit-keyframes fadeOutDownBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

}

@keyframes fadeOutDownBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	-ms-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}

}

@-webkit-keyframes fadeOutLeft {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

}

@keyframes fadeOutLeft {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

}

@-webkit-keyframes fadeOutLeftBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

}

@keyframes fadeOutLeftBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	-ms-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}

}

@-webkit-keyframes fadeOutRight {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

}

@keyframes fadeOutRight {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

}

@-webkit-keyframes fadeOutRightBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

}

@keyframes fadeOutRightBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	-ms-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}

}

@-webkit-keyframes fadeOutUp {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

}

@keyframes fadeOutUp {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

}

@-webkit-keyframes fadeOutUpBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

}

@keyframes fadeOutUpBig {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	-ms-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}

}

@-webkit-keyframes flip {

0% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40% {
	-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

50% {
	-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

80% {
	-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
	transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

100% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

}

@keyframes flip {

0% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40% {
	-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

50% {
	-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

80% {
	-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
	-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
	transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

100% {
	-webkit-transform: perspective(400px);
	-ms-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

}

@-webkit-keyframes flipInX {

0% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

100% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}

}

@keyframes flipInX {

0% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

100% {
	-webkit-transform: perspective(400px);
	-ms-transform: perspective(400px);
	transform: perspective(400px);
}

}

@-webkit-keyframes flipInY {

0% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

100% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}

}

@keyframes flipInY {

0% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	opacity: 0;
}

40% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

60% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	opacity: 1;
}

80% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

100% {
	-webkit-transform: perspective(400px);
	-ms-transform: perspective(400px);
	transform: perspective(400px);
}

}

@-webkit-keyframes flipOutX {

0% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}

30% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	opacity: 1;
}

100% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}

}

@keyframes flipOutX {

0% {
	-webkit-transform: perspective(400px);
	-ms-transform: perspective(400px);
	transform: perspective(400px);
}

30% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	opacity: 1;
}

100% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}

}

@-webkit-keyframes flipOutY {

0% {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}

30% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	opacity: 1;
}

100% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}

}

@keyframes flipOutY {

0% {
	-webkit-transform: perspective(400px);
	-ms-transform: perspective(400px);
	transform: perspective(400px);
}

30% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	opacity: 1;
}

100% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}

}

@-webkit-keyframes lightSpeedIn {

0% {
	-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0;
}

60% {
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
	opacity: 1;
}

80% {
	-webkit-transform: skewX(-5deg);
	transform: skewX(-5deg);
	opacity: 1;
}

100% {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes lightSpeedIn {

0% {
	-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0;
}

60% {
	-webkit-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	transform: skewX(20deg);
	opacity: 1;
}

80% {
	-webkit-transform: skewX(-5deg);
	-ms-transform: skewX(-5deg);
	transform: skewX(-5deg);
	opacity: 1;
}

100% {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes lightSpeedOut {

0% {
	opacity: 1;
}

100% {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0;
}

}

@keyframes lightSpeedOut {

0% {
	opacity: 1;
}

100% {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0;
}

}

@-webkit-keyframes rotateIn {

0% {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes rotateIn {

0% {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	-ms-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes rotateInDownLeft {

0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes rotateInDownLeft {

0% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes rotateInDownRight {

0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes rotateInDownRight {

0% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes rotateInUpLeft {

0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes rotateInUpLeft {

0% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes rotateInUpRight {

0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

}

@keyframes rotateInUpRight {

0% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	-ms-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0;
}

100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

}

@-webkit-keyframes rotateOut {

0% {
	-webkit-transform-origin: center;
	transform-origin: center;
	opacity: 1;
}

100% {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}

}

@keyframes rotateOut {

0% {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	opacity: 1;
}

100% {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	-ms-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}

}

@-webkit-keyframes rotateOutDownLeft {

0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

}

@keyframes rotateOutDownLeft {

0% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}

}

@-webkit-keyframes rotateOutDownRight {

0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

}

@keyframes rotateOutDownRight {

0% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

}

@-webkit-keyframes rotateOutUpLeft {

0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

}

@keyframes rotateOutUpLeft {

0% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}

}

@-webkit-keyframes rotateOutUpRight {

0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}

}

@keyframes rotateOutUpRight {

0% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1;
}

100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	-ms-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}

}

@-webkit-keyframes hinge {

0% {
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20%,60% {
	-webkit-transform: rotate3d(0, 0, 1, 80deg);
	transform: rotate3d(0, 0, 1, 80deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

40%,80% {
	-webkit-transform: rotate3d(0, 0, 1, 60deg);
	transform: rotate3d(0, 0, 1, 60deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	opacity: 1;
}

100% {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}

}

@keyframes hinge {

0% {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20%,60% {
	-webkit-transform: rotate3d(0, 0, 1, 80deg);
	-ms-transform: rotate3d(0, 0, 1, 80deg);
	transform: rotate3d(0, 0, 1, 80deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

40%,80% {
	-webkit-transform: rotate3d(0, 0, 1, 60deg);
	-ms-transform: rotate3d(0, 0, 1, 60deg);
	transform: rotate3d(0, 0, 1, 60deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	opacity: 1;
}

100% {
	-webkit-transform: translate3d(0, 700px, 0);
	-ms-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}

}

@-webkit-keyframes rollIn {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes rollIn {

0% {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

}

@-webkit-keyframes rollOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}

}

@keyframes rollOut {

0% {
	opacity: 1;
}

100% {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}

}

@-webkit-keyframes zoomIn {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

50% {
	opacity: 1;
}

}

@keyframes zoomIn {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	-ms-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

50% {
	opacity: 1;
}

}

@-webkit-keyframes zoomInDown {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomInDown {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes zoomInLeft {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomInLeft {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes zoomInRight {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomInRight {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes zoomInUp {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomInUp {

0% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

60% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes zoomOut {

0% {
	opacity: 1;
}

50% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

100% {
	opacity: 0;
}

}

@keyframes zoomOut {

0% {
	opacity: 1;
}

50% {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	-ms-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3);
}

100% {
	opacity: 0;
}

}

@-webkit-keyframes zoomOutDown {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomOutDown {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes zoomOutLeft {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

}

@keyframes zoomOutLeft {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

}

@-webkit-keyframes zoomOutRight {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}

}

@keyframes zoomOutRight {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}

100% {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

}

@-webkit-keyframes zoomOutUp {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@keyframes zoomOutUp {

40% {
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

100% {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}

}

@-webkit-keyframes slideInDown {

0% {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@keyframes slideInDown {

0% {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

}

@-webkit-keyframes slideInLeft {

0% {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

}

@keyframes slideInLeft {

0% {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

}

@-webkit-keyframes slideInRight {

0% {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

}

@keyframes slideInRight {

0% {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

}

@-webkit-keyframes slideInUp {

0% {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@keyframes slideInUp {

0% {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	visibility: visible;
}

100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

}

@-webkit-keyframes slideOutDown {

0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

}

@keyframes slideOutDown {

0% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

}

@-webkit-keyframes slideOutLeft {

0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

}

@keyframes slideOutLeft {

0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

}

@-webkit-keyframes slideOutRight {

0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

}

@keyframes slideOutRight {

0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

}

@-webkit-keyframes slideOutUp {

0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

}

@keyframes slideOutUp {

0% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

100% {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

}

@-webkit-keyframes hoverState {

from {
	-webkit-transform: scale(1);
	transform: scale(1);
}

to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

}

@keyframes hoverState {

from {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

to {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

}