@charset "UTF-8";
/*------------------------------------*\ STYLE.CSS \*------------------------------------*/
/** Setup/imports */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }
/** 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. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 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; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** 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. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** 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. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** 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 Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
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; }

/** 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"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------*\ $CSSWIZARDRY-GRIDS \*------------------------------------*/
/** CONTENTS INTRODUCTION.........How the grid system works. VARIABLES............Your settings. MIXINS...............Library mixins. GRID SETUP...........Build the grid structure. WIDTHS...............Build our responsive widths around our breakpoints. PUSH.................Push classes. PULL.................Pull classes. */
/*------------------------------------*\ $INTRODUCTION \*------------------------------------*/
/** csswizardry grids provides you with widths to suit a number of breakpoints designed around devices of a size you specify. Out of the box, csswizardry grids caters to the following types of device: palm     --  palm-based devices, like phones and small tablets lap      --  lap-based devices, like iPads or laptops portable --  all of the above desk     --  stationary devices, like desktop computers regular  --  any/all types of device These namespaces are then used in the library to give you the ability to manipulate your layouts based around them, for example: <div class="grid__item  one-whole  lap--one-half  desk--one-third"> This would give you a grid item which is 100% width unless it is on a lap device, at which point it become 50% wide, or it is on a desktop device, at which point it becomes 33.333% width. csswizardry grids also has push and pull classes which allow you to nudge grid items left and right by a defined amount. These follow the same naming convention as above, but are prepended by either `push--` or `pull--`, for example: `class="grid__item  one-half  push--one-half"` This would give you a grid item which is 50% width and pushed over to the right by 50%. All classes in csswizardry grids follow this patten, so you should fairly quickly be able to piece together any combinations you can imagine, for example: `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"` `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"` `class="grid__item  palm--one-third  desk--five-twelfths"` */
  /*------------------------------------*\ $VARIABLES \*------------------------------------*/
  /** If you are building a non-responsive site but would still like to use csswizardry-grids, set this to ‘false’: */
  /** Is this build mobile first? Setting to ‘true’ means that all grids will be 100% width if you do not apply a more specific class to them. */
  /** Set the spacing between your grid items. */
  /** Would you like Sass’ silent classes, or regular CSS classes? */
  /** Would you like push and pull classes enabled? */
  /** Using `inline-block` means that the grid items need their whitespace removing in order for them to work correctly. Set the following to true if you are going to achieve this by manually removing/commenting out any whitespace in your HTML yourself. Setting this to false invokes a hack which cannot always be guaranteed, please see the following for more detail: github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688 github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371 */
  /** Define your breakpoints. The first value is the prefix that shall be used for your classes (e.g. `.palm--one-half`), the second value is the media query that the breakpoint fires at. */
  /** Define which namespaced breakpoints you would like to generate for each of widths, push and pull. This is handy if you only need pull on, say, desk, or you only need a new width breakpoint at mobile sizes. It allows you to only compile as much CSS as you need. All are turned on by default, but you can add and remove breakpoints at will. Push and pull shall only be used if `$push` and/or `$pull` and `$responsive` have been set to ‘true’. */
  /** You do not need to edit anything from this line onward; csswizardry-grids is good to go. Happy griddin’! */
  /*------------------------------------*\ $MIXINS \*------------------------------------*/
  /** These mixins are for the library to use only, you should not need to modify them at all. Enclose a block of code with a media query as named in `$breakpoints`. */
  /** Drop relative positioning into silent classes which can’t take advantage of the `[class*="push--"]` and `[class*="pull--"]` selectors. */
  /*------------------------------------*\ $GRID SETUP \*------------------------------------*/
  /** 1. Allow the grid system to be used on lists. 2. Remove any margins and paddings that might affect the grid system. 3. Apply a negative `margin-left` to negate the columns’ gutters. */
  .grid { list-style: none; /* [1] */ margin: 0; /* [2] */ padding: 0; /* [2] */ margin-left: -35px; /* [3] */ }
  /** 1. Cause columns to stack side-by-side. 2. Space columns apart. 3. Align columns to the tops of each other. 4. Full-width unless told to behave otherwise. 5. Required to combine fluid widths and fixed gutters. */
  .grid__item { display: inline-block; /* [1] */ padding-left: 35px; /* [2] */ vertical-align: top; /* [3] */ width: 100%; /* [4] */ -webkit-box-sizing: border-box; /* [5] */ -moz-box-sizing: border-box; /* [5] */ box-sizing: border-box; /* [5] */ }
  /** Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. Extends `.grid`. */
  .grid--rev { direction: rtl; text-align: left; }
  .grid--rev > .grid__item { direction: ltr; text-align: left; }
  /** Gutterless grids have all the properties of regular grids, minus any spacing. Extends `.grid`. */
  .grid--full { margin-left: 0; }
  .grid--full > .grid__item { padding-left: 0; }
  /** Align the entire grid to the right. Extends `.grid`. */
  .grid--right { text-align: right; }
  .grid--right > .grid__item { text-align: left; }
  /** Centered grids align grid items centrally without needing to use push or pull classes. Extends `.grid`. */
  .grid--center { text-align: center; }
  .grid--center > .grid__item { text-align: left; }
  /** Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends `.grid`. */
  .grid--middle > .grid__item { vertical-align: middle; }
  .grid--bottom > .grid__item { vertical-align: bottom; }
  /** Create grids with narrower gutters. Extends `.grid`. */
  .grid--narrow { margin-left: -17.5px; }
  .grid--narrow > .grid__item { padding-left: 17.5px; }
  /** Create grids with wider gutters. Extends `.grid`. */
  .grid--wide { margin-left: -70px; }
  .grid--wide > .grid__item { padding-left: 70px; }
  /*------------------------------------*\ $WIDTHS \*------------------------------------*/
  /** Create our width classes, prefixed by the specified namespace. */
  /** Our regular, non-responsive width classes. */
  /** Whole */
  .one-whole { width: 100%; }
  /** Halves */
  .one-half, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters { width: 50%; }
  /** Thirds */
  .one-third, .four-twelfths, .two-sixths { width: 33.333%; }
  .two-thirds, .eight-twelfths, .four-sixths { width: 66.666%; }
  /** Quarters */
  .one-quarter, .three-twelfths, .two-eighths { width: 25%; }
  .three-quarters, .nine-twelfths, .six-eighths { width: 75%; }
  /** Fifths */
  .one-fifth, .two-tenths { width: 20%; }
  .two-fifths, .four-tenths { width: 40%; }
  .three-fifths, .six-tenths { width: 60%; }
  .four-fifths, .eight-tenths { width: 80%; }
  /** Sixths */
  .one-sixth, .two-twelfths { width: 16.666%; }
  .five-sixths, .ten-twelfths { width: 83.333%; }
  /** Eighths */
  .one-eighth { width: 12.5%; }
  .three-eighths { width: 37.5%; }
  .five-eighths { width: 62.5%; }
  .seven-eighths { width: 87.5%; }
  /** Tenths */
  .one-tenth { width: 10%; }
  .three-tenths { width: 30%; }
  .seven-tenths { width: 70%; }
  .nine-tenths { width: 90%; }
  /** Twelfths */
  .one-twelfth { width: 8.333%; }
  .five-twelfths { width: 41.666%; }
  .seven-twelfths { width: 58.333%; }
  .eleven-twelfths { width: 91.666%; }
  /** Our responsive classes, if we have enabled them. */
  @media only screen and (max-width: 680px) { /** Whole */ .palm--one-whole { width: 100%; } /** Halves */ .palm--one-half, .palm--six-twelfths, .palm--five-tenths, .palm--four-eighths, .palm--three-sixths, .palm--two-quarters { width: 50%; } /** Thirds */ .palm--one-third, .palm--four-twelfths, .palm--two-sixths { width: 33.333%; } .palm--two-thirds, .palm--eight-twelfths, .palm--four-sixths { width: 66.666%; } /** Quarters */ .palm--one-quarter, .palm--three-twelfths, .palm--two-eighths { width: 25%; } .palm--three-quarters, .palm--nine-twelfths, .palm--six-eighths { width: 75%; } /** Fifths */ .palm--one-fifth, .palm--two-tenths { width: 20%; } .palm--two-fifths, .palm--four-tenths { width: 40%; } .palm--three-fifths, .palm--six-tenths { width: 60%; } .palm--four-fifths, .palm--eight-tenths { width: 80%; } /** Sixths */ .palm--one-sixth, .palm--two-twelfths { width: 16.666%; } .palm--five-sixths, .palm--ten-twelfths { width: 83.333%; } /** Eighths */ .palm--one-eighth { width: 12.5%; } .palm--three-eighths { width: 37.5%; } .palm--five-eighths { width: 62.5%; } .palm--seven-eighths { width: 87.5%; } /** Tenths */ .palm--one-tenth { width: 10%; } .palm--three-tenths { width: 30%; } .palm--seven-tenths { width: 70%; } .palm--nine-tenths { width: 90%; } /** Twelfths */ .palm--one-twelfth { width: 8.333%; } .palm--five-twelfths { width: 41.666%; } .palm--seven-twelfths { width: 58.333%; } .palm--eleven-twelfths { width: 91.666%; } }
  @media only screen and (min-width: 681px) and (max-width: 900px) { /** Whole */ .lap--one-whole { width: 100%; } /** Halves */ .lap--one-half, .lap--six-twelfths, .lap--five-tenths, .lap--four-eighths, .lap--three-sixths, .lap--two-quarters { width: 50%; } /** Thirds */ .lap--one-third, .lap--four-twelfths, .lap--two-sixths { width: 33.333%; } .lap--two-thirds, .lap--eight-twelfths, .lap--four-sixths { width: 66.666%; } /** Quarters */ .lap--one-quarter, .lap--three-twelfths, .lap--two-eighths { width: 25%; } .lap--three-quarters, .lap--nine-twelfths, .lap--six-eighths { width: 75%; } /** Fifths */ .lap--one-fifth, .lap--two-tenths { width: 20%; } .lap--two-fifths, .lap--four-tenths { width: 40%; } .lap--three-fifths, .lap--six-tenths { width: 60%; } .lap--four-fifths, .lap--eight-tenths { width: 80%; } /** Sixths */ .lap--one-sixth, .lap--two-twelfths { width: 16.666%; } .lap--five-sixths, .lap--ten-twelfths { width: 83.333%; } /** Eighths */ .lap--one-eighth { width: 12.5%; } .lap--three-eighths { width: 37.5%; } .lap--five-eighths { width: 62.5%; } .lap--seven-eighths { width: 87.5%; } /** Tenths */ .lap--one-tenth { width: 10%; } .lap--three-tenths { width: 30%; } .lap--seven-tenths { width: 70%; } .lap--nine-tenths { width: 90%; } /** Twelfths */ .lap--one-twelfth { width: 8.333%; } .lap--five-twelfths { width: 41.666%; } .lap--seven-twelfths { width: 58.333%; } .lap--eleven-twelfths { width: 91.666%; } }
  @media only screen and (max-width: 900px) { /** Whole */ .portable--one-whole { width: 100%; } /** Halves */ .portable--one-half, .portable--six-twelfths, .portable--five-tenths, .portable--four-eighths, .portable--three-sixths, .portable--two-quarters { width: 50%; } /** Thirds */ .portable--one-third, .portable--four-twelfths, .portable--two-sixths { width: 33.333%; } .portable--two-thirds, .portable--eight-twelfths, .portable--four-sixths { width: 66.666%; } /** Quarters */ .portable--one-quarter, .portable--three-twelfths, .portable--two-eighths { width: 25%; } .portable--three-quarters, .portable--nine-twelfths, .portable--six-eighths { width: 75%; } /** Fifths */ .portable--one-fifth, .portable--two-tenths { width: 20%; } .portable--two-fifths, .portable--four-tenths { width: 40%; } .portable--three-fifths, .portable--six-tenths { width: 60%; } .portable--four-fifths, .portable--eight-tenths { width: 80%; } /** Sixths */ .portable--one-sixth, .portable--two-twelfths { width: 16.666%; } .portable--five-sixths, .portable--ten-twelfths { width: 83.333%; } /** Eighths */ .portable--one-eighth { width: 12.5%; } .portable--three-eighths { width: 37.5%; } .portable--five-eighths { width: 62.5%; } .portable--seven-eighths { width: 87.5%; } /** Tenths */ .portable--one-tenth { width: 10%; } .portable--three-tenths { width: 30%; } .portable--seven-tenths { width: 70%; } .portable--nine-tenths { width: 90%; } /** Twelfths */ .portable--one-twelfth { width: 8.333%; } .portable--five-twelfths { width: 41.666%; } .portable--seven-twelfths { width: 58.333%; } .portable--eleven-twelfths { width: 91.666%; } }
  @media only screen and (min-width: 901px) { /** Whole */ .desk--one-whole { width: 100%; } /** Halves */ .desk--one-half, .desk--six-twelfths, .desk--five-tenths, .desk--four-eighths, .desk--three-sixths, .desk--two-quarters { width: 50%; } /** Thirds */ .desk--one-third, .desk--four-twelfths, .desk--two-sixths { width: 33.333%; } .desk--two-thirds, .desk--eight-twelfths, .desk--four-sixths { width: 66.666%; } /** Quarters */ .desk--one-quarter, .desk--three-twelfths, .desk--two-eighths { width: 25%; } .desk--three-quarters, .desk--nine-twelfths, .desk--six-eighths { width: 75%; } /** Fifths */ .desk--one-fifth, .desk--two-tenths { width: 20%; } .desk--two-fifths, .desk--four-tenths { width: 40%; } .desk--three-fifths, .desk--six-tenths { width: 60%; } .desk--four-fifths, .desk--eight-tenths { width: 80%; } /** Sixths */ .desk--one-sixth, .desk--two-twelfths { width: 16.666%; } .desk--five-sixths, .desk--ten-twelfths { width: 83.333%; } /** Eighths */ .desk--one-eighth { width: 12.5%; } .desk--three-eighths { width: 37.5%; } .desk--five-eighths { width: 62.5%; } .desk--seven-eighths { width: 87.5%; } /** Tenths */ .desk--one-tenth { width: 10%; } .desk--three-tenths { width: 30%; } .desk--seven-tenths { width: 70%; } .desk--nine-tenths { width: 90%; } /** Twelfths */ .desk--one-twelfth { width: 8.333%; } .desk--five-twelfths { width: 41.666%; } .desk--seven-twelfths { width: 58.333%; } .desk--eleven-twelfths { width: 91.666%; } }
  /*------------------------------------*\ $PUSH \*------------------------------------*/
  /** Push classes, to move grid items over to the right by certain amounts. */
  /** Not a particularly great selector, but the DRYest way to do things. */
  [class*="push--"] { position: relative; }
  /** Whole */
  .push--one-whole { left: 100%; }
  /** Halves */
  .push--one-half, .push--six-twelfths, .push--five-tenths, .push--four-eighths, .push--three-sixths, .push--two-quarters { left: 50%; }
  /** Thirds */
  .push--one-third, .push--four-twelfths, .push--two-sixths { left: 33.333%; }
  .push--two-thirds, .push--eight-twelfths, .push--four-sixths { left: 66.666%; }
  /** Quarters */
  .push--one-quarter, .push--three-twelfths, .push--two-eighths { left: 25%; }
  .push--three-quarters, .push--nine-twelfths, .push--six-eighths { left: 75%; }
  /** Fifths */
  .push--one-fifth, .push--two-tenths { left: 20%; }
  .push--two-fifths, .push--four-tenths { left: 40%; }
  .push--three-fifths, .push--six-tenths { left: 60%; }
  .push--four-fifths, .push--eight-tenths { left: 80%; }
  /** Sixths */
  .push--one-sixth, .push--two-twelfths { left: 16.666%; }
  .push--five-sixths, .push--ten-twelfths { left: 83.333%; }
  /** Eighths */
  .push--one-eighth { left: 12.5%; }
  .push--three-eighths { left: 37.5%; }
  .push--five-eighths { left: 62.5%; }
  .push--seven-eighths { left: 87.5%; }
  /** Tenths */
  .push--one-tenth { left: 10%; }
  .push--three-tenths { left: 30%; }
  .push--seven-tenths { left: 70%; }
  .push--nine-tenths { left: 90%; }
  /** Twelfths */
  .push--one-twelfth { left: 8.333%; }
  .push--five-twelfths { left: 41.666%; }
  .push--seven-twelfths { left: 58.333%; }
  .push--eleven-twelfths { left: 91.666%; }
  @media only screen and (max-width: 680px) { /** Whole */ .push--palm--one-whole { left: 100%; } /** Halves */ .push--palm--one-half, .push--palm--six-twelfths, .push--palm--five-tenths, .push--palm--four-eighths, .push--palm--three-sixths, .push--palm--two-quarters { left: 50%; } /** Thirds */ .push--palm--one-third, .push--palm--four-twelfths, .push--palm--two-sixths { left: 33.333%; } .push--palm--two-thirds, .push--palm--eight-twelfths, .push--palm--four-sixths { left: 66.666%; } /** Quarters */ .push--palm--one-quarter, .push--palm--three-twelfths, .push--palm--two-eighths { left: 25%; } .push--palm--three-quarters, .push--palm--nine-twelfths, .push--palm--six-eighths { left: 75%; } /** Fifths */ .push--palm--one-fifth, .push--palm--two-tenths { left: 20%; } .push--palm--two-fifths, .push--palm--four-tenths { left: 40%; } .push--palm--three-fifths, .push--palm--six-tenths { left: 60%; } .push--palm--four-fifths, .push--palm--eight-tenths { left: 80%; } /** Sixths */ .push--palm--one-sixth, .push--palm--two-twelfths { left: 16.666%; } .push--palm--five-sixths, .push--palm--ten-twelfths { left: 83.333%; } /** Eighths */ .push--palm--one-eighth { left: 12.5%; } .push--palm--three-eighths { left: 37.5%; } .push--palm--five-eighths { left: 62.5%; } .push--palm--seven-eighths { left: 87.5%; } /** Tenths */ .push--palm--one-tenth { left: 10%; } .push--palm--three-tenths { left: 30%; } .push--palm--seven-tenths { left: 70%; } .push--palm--nine-tenths { left: 90%; } /** Twelfths */ .push--palm--one-twelfth { left: 8.333%; } .push--palm--five-twelfths { left: 41.666%; } .push--palm--seven-twelfths { left: 58.333%; } .push--palm--eleven-twelfths { left: 91.666%; } }
  @media only screen and (min-width: 681px) and (max-width: 900px) { /** Whole */ .push--lap--one-whole { left: 100%; } /** Halves */ .push--lap--one-half, .push--lap--six-twelfths, .push--lap--five-tenths, .push--lap--four-eighths, .push--lap--three-sixths, .push--lap--two-quarters { left: 50%; } /** Thirds */ .push--lap--one-third, .push--lap--four-twelfths, .push--lap--two-sixths { left: 33.333%; } .push--lap--two-thirds, .push--lap--eight-twelfths, .push--lap--four-sixths { left: 66.666%; } /** Quarters */ .push--lap--one-quarter, .push--lap--three-twelfths, .push--lap--two-eighths { left: 25%; } .push--lap--three-quarters, .push--lap--nine-twelfths, .push--lap--six-eighths { left: 75%; } /** Fifths */ .push--lap--one-fifth, .push--lap--two-tenths { left: 20%; } .push--lap--two-fifths, .push--lap--four-tenths { left: 40%; } .push--lap--three-fifths, .push--lap--six-tenths { left: 60%; } .push--lap--four-fifths, .push--lap--eight-tenths { left: 80%; } /** Sixths */ .push--lap--one-sixth, .push--lap--two-twelfths { left: 16.666%; } .push--lap--five-sixths, .push--lap--ten-twelfths { left: 83.333%; } /** Eighths */ .push--lap--one-eighth { left: 12.5%; } .push--lap--three-eighths { left: 37.5%; } .push--lap--five-eighths { left: 62.5%; } .push--lap--seven-eighths { left: 87.5%; } /** Tenths */ .push--lap--one-tenth { left: 10%; } .push--lap--three-tenths { left: 30%; } .push--lap--seven-tenths { left: 70%; } .push--lap--nine-tenths { left: 90%; } /** Twelfths */ .push--lap--one-twelfth { left: 8.333%; } .push--lap--five-twelfths { left: 41.666%; } .push--lap--seven-twelfths { left: 58.333%; } .push--lap--eleven-twelfths { left: 91.666%; } }
  @media only screen and (max-width: 900px) { /** Whole */ .push--portable--one-whole { left: 100%; } /** Halves */ .push--portable--one-half, .push--portable--six-twelfths, .push--portable--five-tenths, .push--portable--four-eighths, .push--portable--three-sixths, .push--portable--two-quarters { left: 50%; } /** Thirds */ .push--portable--one-third, .push--portable--four-twelfths, .push--portable--two-sixths { left: 33.333%; } .push--portable--two-thirds, .push--portable--eight-twelfths, .push--portable--four-sixths { left: 66.666%; } /** Quarters */ .push--portable--one-quarter, .push--portable--three-twelfths, .push--portable--two-eighths { left: 25%; } .push--portable--three-quarters, .push--portable--nine-twelfths, .push--portable--six-eighths { left: 75%; } /** Fifths */ .push--portable--one-fifth, .push--portable--two-tenths { left: 20%; } .push--portable--two-fifths, .push--portable--four-tenths { left: 40%; } .push--portable--three-fifths, .push--portable--six-tenths { left: 60%; } .push--portable--four-fifths, .push--portable--eight-tenths { left: 80%; } /** Sixths */ .push--portable--one-sixth, .push--portable--two-twelfths { left: 16.666%; } .push--portable--five-sixths, .push--portable--ten-twelfths { left: 83.333%; } /** Eighths */ .push--portable--one-eighth { left: 12.5%; } .push--portable--three-eighths { left: 37.5%; } .push--portable--five-eighths { left: 62.5%; } .push--portable--seven-eighths { left: 87.5%; } /** Tenths */ .push--portable--one-tenth { left: 10%; } .push--portable--three-tenths { left: 30%; } .push--portable--seven-tenths { left: 70%; } .push--portable--nine-tenths { left: 90%; } /** Twelfths */ .push--portable--one-twelfth { left: 8.333%; } .push--portable--five-twelfths { left: 41.666%; } .push--portable--seven-twelfths { left: 58.333%; } .push--portable--eleven-twelfths { left: 91.666%; } }
  @media only screen and (min-width: 901px) { /** Whole */ .push--desk--one-whole { left: 100%; } /** Halves */ .push--desk--one-half, .push--desk--six-twelfths, .push--desk--five-tenths, .push--desk--four-eighths, .push--desk--three-sixths, .push--desk--two-quarters { left: 50%; } /** Thirds */ .push--desk--one-third, .push--desk--four-twelfths, .push--desk--two-sixths { left: 33.333%; } .push--desk--two-thirds, .push--desk--eight-twelfths, .push--desk--four-sixths { left: 66.666%; } /** Quarters */ .push--desk--one-quarter, .push--desk--three-twelfths, .push--desk--two-eighths { left: 25%; } .push--desk--three-quarters, .push--desk--nine-twelfths, .push--desk--six-eighths { left: 75%; } /** Fifths */ .push--desk--one-fifth, .push--desk--two-tenths { left: 20%; } .push--desk--two-fifths, .push--desk--four-tenths { left: 40%; } .push--desk--three-fifths, .push--desk--six-tenths { left: 60%; } .push--desk--four-fifths, .push--desk--eight-tenths { left: 80%; } /** Sixths */ .push--desk--one-sixth, .push--desk--two-twelfths { left: 16.666%; } .push--desk--five-sixths, .push--desk--ten-twelfths { left: 83.333%; } /** Eighths */ .push--desk--one-eighth { left: 12.5%; } .push--desk--three-eighths { left: 37.5%; } .push--desk--five-eighths { left: 62.5%; } .push--desk--seven-eighths { left: 87.5%; } /** Tenths */ .push--desk--one-tenth { left: 10%; } .push--desk--three-tenths { left: 30%; } .push--desk--seven-tenths { left: 70%; } .push--desk--nine-tenths { left: 90%; } /** Twelfths */ .push--desk--one-twelfth { left: 8.333%; } .push--desk--five-twelfths { left: 41.666%; } .push--desk--seven-twelfths { left: 58.333%; } .push--desk--eleven-twelfths { left: 91.666%; } }
  /*------------------------------------*\ $PULL \*------------------------------------*/
  /** Pull classes, to move grid items back to the left by certain amounts. */
  /** Not a particularly great selector, but the DRYest way to do things. */
  [class*="pull--"] { position: relative; }
  /** Whole */
  .pull--one-whole { right: 100%; }
  /** Halves */
  .pull--one-half, .pull--six-twelfths, .pull--five-tenths, .pull--four-eighths, .pull--three-sixths, .pull--two-quarters { right: 50%; }
  /** Thirds */
  .pull--one-third, .pull--four-twelfths, .pull--two-sixths { right: 33.333%; }
  .pull--two-thirds, .pull--eight-twelfths, .pull--four-sixths { right: 66.666%; }
  /** Quarters */
  .pull--one-quarter, .pull--three-twelfths, .pull--two-eighths { right: 25%; }
  .pull--three-quarters, .pull--nine-twelfths, .pull--six-eighths { right: 75%; }
  /** Fifths */
  .pull--one-fifth, .pull--two-tenths { right: 20%; }
  .pull--two-fifths, .pull--four-tenths { right: 40%; }
  .pull--three-fifths, .pull--six-tenths { right: 60%; }
  .pull--four-fifths, .pull--eight-tenths { right: 80%; }
  /** Sixths */
  .pull--one-sixth, .pull--two-twelfths { right: 16.666%; }
  .pull--five-sixths, .pull--ten-twelfths { right: 83.333%; }
  /** Eighths */
  .pull--one-eighth { right: 12.5%; }
  .pull--three-eighths { right: 37.5%; }
  .pull--five-eighths { right: 62.5%; }
  .pull--seven-eighths { right: 87.5%; }
  /** Tenths */
  .pull--one-tenth { right: 10%; }
  .pull--three-tenths { right: 30%; }
  .pull--seven-tenths { right: 70%; }
  .pull--nine-tenths { right: 90%; }
  /** Twelfths */
  .pull--one-twelfth { right: 8.333%; }
  .pull--five-twelfths { right: 41.666%; }
  .pull--seven-twelfths { right: 58.333%; }
  .pull--eleven-twelfths { right: 91.666%; }
  @media only screen and (max-width: 680px) { /** Whole */ .pull--palm--one-whole { right: 100%; } /** Halves */ .pull--palm--one-half, .pull--palm--six-twelfths, .pull--palm--five-tenths, .pull--palm--four-eighths, .pull--palm--three-sixths, .pull--palm--two-quarters { right: 50%; } /** Thirds */ .pull--palm--one-third, .pull--palm--four-twelfths, .pull--palm--two-sixths { right: 33.333%; } .pull--palm--two-thirds, .pull--palm--eight-twelfths, .pull--palm--four-sixths { right: 66.666%; } /** Quarters */ .pull--palm--one-quarter, .pull--palm--three-twelfths, .pull--palm--two-eighths { right: 25%; } .pull--palm--three-quarters, .pull--palm--nine-twelfths, .pull--palm--six-eighths { right: 75%; } /** Fifths */ .pull--palm--one-fifth, .pull--palm--two-tenths { right: 20%; } .pull--palm--two-fifths, .pull--palm--four-tenths { right: 40%; } .pull--palm--three-fifths, .pull--palm--six-tenths { right: 60%; } .pull--palm--four-fifths, .pull--palm--eight-tenths { right: 80%; } /** Sixths */ .pull--palm--one-sixth, .pull--palm--two-twelfths { right: 16.666%; } .pull--palm--five-sixths, .pull--palm--ten-twelfths { right: 83.333%; } /** Eighths */ .pull--palm--one-eighth { right: 12.5%; } .pull--palm--three-eighths { right: 37.5%; } .pull--palm--five-eighths { right: 62.5%; } .pull--palm--seven-eighths { right: 87.5%; } /** Tenths */ .pull--palm--one-tenth { right: 10%; } .pull--palm--three-tenths { right: 30%; } .pull--palm--seven-tenths { right: 70%; } .pull--palm--nine-tenths { right: 90%; } /** Twelfths */ .pull--palm--one-twelfth { right: 8.333%; } .pull--palm--five-twelfths { right: 41.666%; } .pull--palm--seven-twelfths { right: 58.333%; } .pull--palm--eleven-twelfths { right: 91.666%; } }
  @media only screen and (min-width: 681px) and (max-width: 900px) { /** Whole */ .pull--lap--one-whole { right: 100%; } /** Halves */ .pull--lap--one-half, .pull--lap--six-twelfths, .pull--lap--five-tenths, .pull--lap--four-eighths, .pull--lap--three-sixths, .pull--lap--two-quarters { right: 50%; } /** Thirds */ .pull--lap--one-third, .pull--lap--four-twelfths, .pull--lap--two-sixths { right: 33.333%; } .pull--lap--two-thirds, .pull--lap--eight-twelfths, .pull--lap--four-sixths { right: 66.666%; } /** Quarters */ .pull--lap--one-quarter, .pull--lap--three-twelfths, .pull--lap--two-eighths { right: 25%; } .pull--lap--three-quarters, .pull--lap--nine-twelfths, .pull--lap--six-eighths { right: 75%; } /** Fifths */ .pull--lap--one-fifth, .pull--lap--two-tenths { right: 20%; } .pull--lap--two-fifths, .pull--lap--four-tenths { right: 40%; } .pull--lap--three-fifths, .pull--lap--six-tenths { right: 60%; } .pull--lap--four-fifths, .pull--lap--eight-tenths { right: 80%; } /** Sixths */ .pull--lap--one-sixth, .pull--lap--two-twelfths { right: 16.666%; } .pull--lap--five-sixths, .pull--lap--ten-twelfths { right: 83.333%; } /** Eighths */ .pull--lap--one-eighth { right: 12.5%; } .pull--lap--three-eighths { right: 37.5%; } .pull--lap--five-eighths { right: 62.5%; } .pull--lap--seven-eighths { right: 87.5%; } /** Tenths */ .pull--lap--one-tenth { right: 10%; } .pull--lap--three-tenths { right: 30%; } .pull--lap--seven-tenths { right: 70%; } .pull--lap--nine-tenths { right: 90%; } /** Twelfths */ .pull--lap--one-twelfth { right: 8.333%; } .pull--lap--five-twelfths { right: 41.666%; } .pull--lap--seven-twelfths { right: 58.333%; } .pull--lap--eleven-twelfths { right: 91.666%; } }
  @media only screen and (max-width: 900px) { /** Whole */ .pull--portable--one-whole { right: 100%; } /** Halves */ .pull--portable--one-half, .pull--portable--six-twelfths, .pull--portable--five-tenths, .pull--portable--four-eighths, .pull--portable--three-sixths, .pull--portable--two-quarters { right: 50%; } /** Thirds */ .pull--portable--one-third, .pull--portable--four-twelfths, .pull--portable--two-sixths { right: 33.333%; } .pull--portable--two-thirds, .pull--portable--eight-twelfths, .pull--portable--four-sixths { right: 66.666%; } /** Quarters */ .pull--portable--one-quarter, .pull--portable--three-twelfths, .pull--portable--two-eighths { right: 25%; } .pull--portable--three-quarters, .pull--portable--nine-twelfths, .pull--portable--six-eighths { right: 75%; } /** Fifths */ .pull--portable--one-fifth, .pull--portable--two-tenths { right: 20%; } .pull--portable--two-fifths, .pull--portable--four-tenths { right: 40%; } .pull--portable--three-fifths, .pull--portable--six-tenths { right: 60%; } .pull--portable--four-fifths, .pull--portable--eight-tenths { right: 80%; } /** Sixths */ .pull--portable--one-sixth, .pull--portable--two-twelfths { right: 16.666%; } .pull--portable--five-sixths, .pull--portable--ten-twelfths { right: 83.333%; } /** Eighths */ .pull--portable--one-eighth { right: 12.5%; } .pull--portable--three-eighths { right: 37.5%; } .pull--portable--five-eighths { right: 62.5%; } .pull--portable--seven-eighths { right: 87.5%; } /** Tenths */ .pull--portable--one-tenth { right: 10%; } .pull--portable--three-tenths { right: 30%; } .pull--portable--seven-tenths { right: 70%; } .pull--portable--nine-tenths { right: 90%; } /** Twelfths */ .pull--portable--one-twelfth { right: 8.333%; } .pull--portable--five-twelfths { right: 41.666%; } .pull--portable--seven-twelfths { right: 58.333%; } .pull--portable--eleven-twelfths { right: 91.666%; } }
  @media only screen and (min-width: 901px) { /** Whole */ .pull--desk--one-whole { right: 100%; } /** Halves */ .pull--desk--one-half, .pull--desk--six-twelfths, .pull--desk--five-tenths, .pull--desk--four-eighths, .pull--desk--three-sixths, .pull--desk--two-quarters { right: 50%; } /** Thirds */ .pull--desk--one-third, .pull--desk--four-twelfths, .pull--desk--two-sixths { right: 33.333%; } .pull--desk--two-thirds, .pull--desk--eight-twelfths, .pull--desk--four-sixths { right: 66.666%; } /** Quarters */ .pull--desk--one-quarter, .pull--desk--three-twelfths, .pull--desk--two-eighths { right: 25%; } .pull--desk--three-quarters, .pull--desk--nine-twelfths, .pull--desk--six-eighths { right: 75%; } /** Fifths */ .pull--desk--one-fifth, .pull--desk--two-tenths { right: 20%; } .pull--desk--two-fifths, .pull--desk--four-tenths { right: 40%; } .pull--desk--three-fifths, .pull--desk--six-tenths { right: 60%; } .pull--desk--four-fifths, .pull--desk--eight-tenths { right: 80%; } /** Sixths */ .pull--desk--one-sixth, .pull--desk--two-twelfths { right: 16.666%; } .pull--desk--five-sixths, .pull--desk--ten-twelfths { right: 83.333%; } /** Eighths */ .pull--desk--one-eighth { right: 12.5%; } .pull--desk--three-eighths { right: 37.5%; } .pull--desk--five-eighths { right: 62.5%; } .pull--desk--seven-eighths { right: 87.5%; } /** Tenths */ .pull--desk--one-tenth { right: 10%; } .pull--desk--three-tenths { right: 30%; } .pull--desk--seven-tenths { right: 70%; } .pull--desk--nine-tenths { right: 90%; } /** Twelfths */ .pull--desk--one-twelfth { right: 8.333%; } .pull--desk--five-twelfths { right: 41.666%; } .pull--desk--seven-twelfths { right: 58.333%; } .pull--desk--eleven-twelfths { right: 91.666%; } }
  /* Colours * */
  /* EP Colours * */
  /* Flexbox Breakpoints (widths) * */
  /** All mixins */
  /** Base settings */
  * { -webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  html { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 1.5; color: #313131; }
  @media only screen and (max-width: 680px) { html { font-size: 16px; } }
  img { max-width: 100%; }
  .container { margin: 0 auto; max-width: 1120px; padding-left: 40px; padding-right: 40px; }
  @media only screen and (max-width: 680px) { .container { padding-left: 25px; padding-right: 25px; } }
  .content { max-width: 100%; width: 900px; margin-left: auto; margin-right: auto; }
  .container--padded { padding-top: 40px; padding-bottom: 40px; }
  .cf:before, #mc_embed_signup .clear:before, .pagination:before, .blog-tools:before, .featured-agents__block__header:before, .agency-card:before, .site-header:before, .cf:after, #mc_embed_signup .clear:after, .pagination:after, .blog-tools:after, .featured-agents__block__header:after, .agency-card:after, .site-header:after { content: " "; display: table; }
  .cf:after, #mc_embed_signup .clear:after, .pagination:after, .blog-tools:after, .featured-agents__block__header:after, .agency-card:after, .site-header:after { clear: both; }
  .white-block { background: #fff; border: 1px #e0e0e0 solid; padding: 40px; border-radius: 10px; }
  .blue-block { background: #1474d4; color: #fff; border: 1px #e0e0e0 solid; padding: 40px; border-radius: 10px; }
  .blue-block h3 { color: inherit; }
  .blue-block .butt, .blue-block #mc-embedded-subscribe, .blue-block .prev.page-numbers, .blue-block .next.page-numbers { background: #78b75e; }
  .white-block--smaller { padding: 20px; }
  .white-block--with-margin { margin-bottom: 40px; }
  @media only screen and (max-width: 680px) { .white-block--with-margin { margin-bottom: 20px; } }
  .white-block--on-dark { border: 0; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
  .white-block--careers-apply { margin-top: 30px; margin-bottom: 30px; }
  .full-width { width: 100%; }
  .bold-text { font-weight: bolder; }
  .centered-content { text-align: center; }
  .display-none { display: none; }
  .full-width { width: 100%; }
  .bordered-cta { padding-top: 45px; border-top: 1px #e0e0e0 solid; }
  @media only screen and (max-width: 680px) { .bordered-cta { padding-top: 25px; } }
  .standard-page { margin-top: 20px; margin-bottom: 50px; }
  /** Links and buttons */
  a { color: #1474d4; }
  a:hover { color: #3993ec; }
  .butt, #mc-embedded-subscribe, .prev.page-numbers, .next.page-numbers { display: inline-block; text-decoration: none; border-radius: 4px; padding: 6px 10px; line-height: 1.4; background: #10457a; color: #fff; font-size: 17px; font-size: 0.944rem; }
  .butt:hover, #mc-embedded-subscribe:hover, .prev.page-numbers:hover, .next.page-numbers:hover { color: #fff; background: #165fa7; }
  .butt:active, #mc-embedded-subscribe:active, .prev.page-numbers:active, .next.page-numbers:active { background: -webkit-gradient(linear, left top, left bottom, from(#0e3b68), to(#124f8c)); background: -moz-linear-gradient(top, #0e3b68, #124f8c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e3b68', endColorstr='#124f8c'); }
  .butt--coral { background-color: #1474d4; background: -webkit-gradient(linear, left top, left bottom, from(#167ee7), to(#126ac1)); background: -moz-linear-gradient(top, #167ee7, #126ac1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#167ee7', endColorstr='#126ac1'); }
  .butt--coral:hover { background: -webkit-gradient(linear, left top, left bottom, from(#2688eb), to(#1474d4)); background: -moz-linear-gradient(top, #2688eb, #1474d4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2688eb', endColorstr='#1474d4'); }
  .butt--coral:active { background: -webkit-gradient(linear, left top, left bottom, from(#126ac1), to(#167ee7)); background: -moz-linear-gradient(top, #126ac1, #167ee7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#126ac1', endColorstr='#167ee7'); }
  .butt--big { font-size: 20px; font-size: 1rem; padding: 10px 14px; }
  .agent-contact-list { list-style-type: none; }
  .download-butt { padding: 0.5rem 2rem; }
  /** Typography */
  h1 { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 3rem; line-height: 1.3; font-weight: normal; margin: 0 0 0.5em 0; }
  h1 .mini-line { font-size: 50px; font-size: 2.778rem; text-transform: none; font-weight: 300; display: block; }
  h1 .emphasised-line { font-size: 65px; font-size: 3.611rem; display: block; line-height: 1.2; }
  @media only screen and (max-width: 1000px) { h1 .emphasised-line { font-size: 56px; font-size: 3.111rem; } }
  .headline { font-size: 84px; font-size: 4.667rem; line-height: 1.15; }
  @media only screen and (max-width: 1000px) { .headline { font-size: 56px; font-size: 3.111rem; } }
  h2 { font-size: 32px; font-size: 1.778rem; font-weight: normal; margin: 1rem 0; line-height: 1.3; color: #7e7e7e; }
  @media only screen and (max-width: 680px) { h2 { font-size: 26px; font-size: 1.444rem; } }
  .mini-headline { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 42px; font-size: 2.333rem; font-weight: 300; color: #313131; }
  @media only screen and (max-width: 680px) { .mini-headline { font-size: 32px; font-size: 1.778rem; } }
  h3 { font-size: 24px; font-size: 1.333rem; font-weight: 500; margin: 0 0 0.75em 0; color: #10457a; }
  @media only screen and (max-width: 680px) { h3 { font-size: 21px; } }
  h4 { font-size: 21px; font-weight: 500; line-height: 1.25; margin: 0 0 0.75em 0; }
  @media only screen and (max-width: 680px) { h4 { font-size: 18px; } }
  h5 { font-size: 18px; font-size: 1rem; font-weight: 500; line-height: 1.25; margin: 0 0 0.75em 0; }
  p { margin: 0 0 1em 0; }
  blockquote { font-style: italic; font-size: 110%; }
  .blockquote-source { display: block; }
  .main-quote { font-size: 1.5rem; font-weight: normal; margin: 1rem; line-height: 1.3; color: #7e7e7e; }
  @media only screen and (max-width: 680px) { .main-quote { font-size: 1.2rem; } }
  @media only screen and (min-width: 901px) { .main-quote { font-size: 1.8rem; } }
  .main-quote__blockquote { margin: 0; }
  @media only screen and (min-width: 991px) { .main-quote__blockquote { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 2.5rem; margin-inline-end: 2.5rem; } }
  .main-quote__source { font-size: 1.2rem; font-weight: normal; margin: 1rem; line-height: 1.2; color: #7e7e7e; }
  @media only screen and (max-width: 680px) { .main-quote__source { font-size: 1rem; line-height: 1.1; } }
  .quotation-cta { margin-top: 1rem; }
  .tiny-shouty { text-transform: uppercase; font-family: "Oswald", sans-serif; margin: 0 0 30px 0; }
  .tiny-shouty--bordered { border-bottom: 1px #e0e0e0 solid; padding-bottom: 5px; display: inline-block; }
  .mini, .agency-card h5, .agency-card, .home-final-cta__extended__link, .contact-form-7 .alert, .wpcf7-form .alert { font-size: 0.9rem; }
  .intro-p { font-size: 21px; font-size: 1.5rem; }
  @media only screen and (max-width: 680px) { .intro-p { font-size: 18px; } }
  .text-right { text-align: right; }
  .text-left { text-align: left; }
  .center { text-align: center; }
  .no-margin { margin: 0; }
  .mini-margin { margin-bottom: 0.5em; }
  .tiny-margin { margin-bottom: 0.25em; }
  .sep { display: inline-block; width: 1px; height: 16px; background: lightgray; vertical-align: middle; margin-left: 8px; margin-right: 8px; position: relative; top: -1px; }
  .shouty { text-transform: uppercase; }
  .capitalise { text-transform: capitalize; }
  .interviewer { font-weight: bold; font-size: 21px; }
  .red-asterisk { color: red; }
  .teal { color: #10457a; }
  .coral { color: #e36b6b; }
  .faded, .post-meta a { color: #7e7e7e; }
  .black { color: #313131; }
  .white { color: white; }
  .grey { color: #e0e0e0; }
  .light-grey { color: #f7f7f7; }
  .green-bg { background: #78b75e; }
  .green-bg:hover { background: -webkit-gradient(linear, left top, left bottom, from(#90c47a), to(#78b75e)); background: -moz-linear-gradient(top, #90c47a, #78b75e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90c47a', endColorstr='#78b75e'); }
  /*! animate.css -http://daneden.me/animate Version - 3.5.1 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2016 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; }
  @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-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); }
  to { opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); } }
  @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-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); }
  to { opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); } }
  .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
  @-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
  @keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
  .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
  @-webkit-keyframes fadeInLogo { from { opacity: 0; }
  to { opacity: .7; } }
  @keyframes fadeInLogo { from { opacity: 0; }
  to { opacity: .7; } }
  .fadeInLogo { -webkit-animation-name: fadeInLogo; animation-name: fadeInLogo; }
  /** Styles for forms sitewide */
  input, textarea { border-radius: 4px; border: 1px #e0e0e0 solid; font-size: 16px; padding: 6px; max-width: 100%; -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.07); box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.07); }
  label { font-size: 15px; font-size: 0.833rem; }
  .block-label { display: block; }
  .contact-form-7, .wpcf7-form { font-size: 0; }
  .contact-form-7 textarea, .wpcf7-form textarea { height: 150px; }
  .contact-form-7 input, .contact-form-7 textarea, .wpcf7-form input, .wpcf7-form textarea { font-size: 1rem; padding: 8px 10px; line-height: 1.3; }
  .contact-form-7 label, .wpcf7-form label { margin-top: 20px; margin-bottom: 2px; }
  .contact-form-7 .grid__item, .contact-form-7 .wpcf7-response-output, .wpcf7-form .grid__item, .wpcf7-form .wpcf7-response-output { font-size: 1rem; }
  .contact-form-7 .butt, .contact-form-7 #mc-embedded-subscribe, .contact-form-7 .prev.page-numbers, .contact-form-7 .next.page-numbers, .wpcf7-form .butt, .wpcf7-form #mc-embedded-subscribe, .wpcf7-form .prev.page-numbers, .wpcf7-form .next.page-numbers { margin-top: 20px; }
  input.butt, input#mc-embedded-subscribe, input.prev.page-numbers, input.next.page-numbers { border: 0; outline: 0; }
  .ajax-loader { position: absolute; left: 35px; bottom: 35px; }
  body span.wpcf7-not-valid-tip { color: #C32727; font-size: 14px; margin-top: 4px; }
  .wpcf7-response-output { margin-left: 35px !important; margin-right: 0 !important; border: 1px #e0e0e0 solid !important; border-radius: 4px !important; }
  .embedded-cognito-form { padding-left: 2rem; }
  .mini-social-icon { display: inline-block; text-indent: -9999px; background-repeat: no-repeat; width: 23px; height: 23px; margin-top: 5px; margin-right: 3px; vertical-align: text-bottom; }
  .mini-social-icon:hover { opacity: .7; }
  .basic-profile__social-icon { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 40px 40px; text-indent: -9999px; text-align: left; margin-left: 0; margin-right: 10px; margin-bottom: 10px; transition: all 0.25s; }
  .basic-profile__social-icon:hover { opacity: .6; }
  .mini-social-icon--website { background-image: url("../img/icons/icon-mini-url.svg"); }
  .mini-social-icon--email { background-image: url("../img/icons/icon-mini-email.svg"); }
  .mini-social-icon--twitter { background-image: url("../img/icons/icon-mini-twitter.svg"); }
  .mini-social-icon--facebook { background-image: url("../img/icons/icon-mini-facebook.svg"); }
  .mini-social-icon--linkedin { background-image: url("../img/icons/icon-mini-linkedin.svg"); }
  .mini-social-icon--angel { background-image: url("../img/icons/icon-mini-angel.svg"); }
  .mini-social-icon--imdb { background-image: url("../img/icons/icon-mini-imdb.svg"); }
  .mini-social-icon--instagram { background-image: url("../img/icons/circle-icon-instagram.svg"); }
  .mini-social-icon--vimeo { background-image: url("../img/icons/circle-icon-vimeo.svg"); }
  .mini-social-icon--telephone { background-image: url("../img/icons/circle-icon-telephone.svg"); }
  .mini-social-icon--youtube { background-image: url("../img/icons/circle-icon-youtube.svg"); }
  .features-block { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  @media only screen and (max-width: 680px) { .features-block { padding-top: 1.5rem; padding-bottom: 1.5rem; } }
  .features-block.no-padding-top { padding-top: 0; }
  .features-block--crew { padding-bottom: 0; }
  @media only screen and (max-width: 680px) { .features-block--crew { padding-bottom: 0; } }
  .features-block__icon { display: flex; height: 60px; background-repeat: no-repeat; background-position: center; margin-bottom: 15px; margin-top: 25px; }
  @media only screen and (max-width: 680px) { .features-block__icon { margin-top: 15px; } }
  .features-block__icon--book { background-image: url("../img/icons/icon-book.svg"); }
  .features-block__icon--manage { background-image: url("../img/icons/icon-manage.svg"); -webkit-background-size: auto 60px; background-size: auto 60px; }
  .features-block__icon--pay { background-image: url("../img/icons/icon-pay.svg"); }
  .features-block__icon--pay--us { background-image: url("../img/icons/icon-pay-us1.png"); }
  .showcase-features { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .showcase-features__feature { display: flex; flex-direction: row; justify-content: space-between; margin-top: 2rem; max-width: 75rem; }
  .showcase-features__heading, .showcase-features__footer { text-align: center; max-width: 70%; }
  .showcase-features-block { flex: 1; padding: 0 1rem; }
  .showcase-features-block__icon { display: block; height: 4rem; margin: 0 auto; }
  .showcase-features-block__desc { text-align: center; }
  @media only screen and (max-width: 480px) { .showcase-features__feature { flex-direction: column; } .showcase-features__heading, .showcase-features__footer { max-width: 85%; } .showcase-features-block { padding: 1rem; } .showcase-features-block__desc { font-size: 1em; } }
  /** Styles for the website's header */
  .site-header { background: #fff; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.15s; transition: all 0.15s; height: 70px; position: fixed; top: 0; left: 0; right: 0; z-index: 5; }
  @media only screen and (max-width: 900px) { .site-header { padding-top: 12px; padding-bottom: 12px; height: 60px; } }
  .site-header.is_stuck { z-index: 10; box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 680px) { .site-header { position: static; height: auto; } }
  .site-header.no-sticky { position: static; }
  .touch .site-header { position: static; height: auto; }
  .site-header-buffer { height: 70px; width: 100%; -webkit-transition: all 0.15s; transition: all 0.15s; }
  @media only screen and (max-width: 900px) { .site-header-buffer { height: 60px; } }
  @media only screen and (max-width: 680px) { .site-header-buffer { display: none; } }
  .touch .site-header-buffer { display: none; }
  .site-header__logo-link { float: left; margin-right: 15px; margin-top: 0px; }
  @media only screen and (max-width: 900px) { .site-header__logo-link { margin-right: 10px; } }
  .site-header__logo { height: 50px; vertical-align: middle; }
  @media only screen and (max-width: 900px) { .site-header__logo { height: 39px; } }
  .site-header__nav { padding: 0; margin: 0; float: left; margin-top: 5px; }
  .site-header__nav li { display: inline-block; list-style: none; margin-left: 35px; }
  .site-header__nav a { text-decoration: none; color: #10457a; font-weight: 500; padding: 6px; display: inline-block; }
  .site-header__nav a:hover { opacity: 0.7; }
  .site-header__nav .current-menu-item a { position: relative; }
  .site-header__nav .current-menu-item a:after { content: ""; position: absolute; top: 100%; left: 6px; right: 6px; height: 3px; background-color: #eeeeee; margin-top: -6px; }
  @media only screen and (max-width: 680px) { .site-header__nav .current-menu-item a:after { display: none; } }
  @media only screen and (max-width: 900px) { .site-header__nav { font-size: 14px; margin-top: 4px; } .site-header__nav li { margin-left: 15px; } }
  @media only screen and (max-width: 680px) { .site-header__nav { display: none; width: 100%; font-size: 0; margin-top: 10px; } .site-header__nav.active { display: block; } .site-header__nav li { margin: 6px 0 0 0; width: 50%; } .site-header__nav li:nth-of-type(odd) { padding-right: 3px; } .site-header__nav li:nth-of-type(even) { padding-left: 3px; } .site-header__nav a { background-color: #f7f7f7; display: block; border-radius: 4px; font-size: 15px; padding: 8px 12px; } .site-header__nav a:hover { background-color: #efefef; } }
  .site-header__login, .menu-link { text-decoration: none; font-weight: 500; display: inline-block; border-radius: 4px; padding: 6px 10px; line-height: 1.4; border: 1px #e0e0e0 solid; font-size: 17px; font-size: 0.944rem; margin-top: 2px; }
  @media only screen and (max-width: 900px) { .site-header__login, .menu-link { font-size: 14px; } }
  .site-header__login { float: right; color: #fff; background: #10457a; }
  .menu-link { display: none; color: #1474d4; background-image: url("../img/icons/icon-menu.svg"); background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; float: right; position: relative; margin-left: 20px; }
  @media only screen and (max-width: 680px) { .menu-link { display: inline-block; } }
  .menu-link:hover { color: #1474d4; }
  .rebranding-banner { background: #1474d4; }
  .rebranding-banner__text { color: white; }
  .rebranding-banner__link { color: inherit; }
  /** Styles for the website's footer */
  .site-footer { background: #10457a; color: #fff; padding-top: 25px; padding-bottom: 25px; }
  .site-footer__nav { margin: 0 0 25px 0; padding: 0; list-style: none; font-size: 32px; font-size: 1.778rem; }
  .site-footer__nav li { display: inline-block; margin: 0 25px 0 0; }
  .site-footer__nav a { color: #fff; text-decoration: none; font-weight: 300; }
  .site-footer__nav a:hover { text-decoration: underline; }
  .site-footer__copyright, .site-footer__address { font-size: 1rem; font-weight: 500; opacity: 0.7; }
  .site-footer__social-icons { list-style: none; padding: 0; margin: 0; text-align: left; }
  .site-footer__social-icons li { display: inline-block; }
  .site-footer__social-icon { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 40px 40px; text-indent: -9999px; text-align: left; margin-left: 0; margin-right: 10px; margin-bottom: 10px; transition: all 0.25s; }
  .site-footer__social-icon:hover { opacity: 0.6; }
  /*Footer Partner Bar*/
  .site-footer__partner-section { background: #eee; }
  .site-footer__partner-container { max-width: 45rem; margin: 0 1rem; }
  .site-footer__partner-heading { opacity: 0.7; text-align: center; }
  .site-footer__partner-row { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; margin: 0 auto; }
  .site-footer__partner-logo { object-fit: contain; max-height: 3rem; }
  @media only screen and (min-width: 667px) { .site-footer__partner-container { margin: 0 2rem; } }
  @media only screen and (min-width: 815px) { .site-footer__partner-container { margin: 0 auto; } }
  @media only screen and (min-width: 680px) { .site-footer { padding-top: 40px; padding-bottom: 40px; } .site-footer__nav li { margin-right: 35px; } .site-footer__copyright, .site-footer__address { font-size: 0.75rem; } .site-footer__social-icons { text-align: right; } .site-footer__social-icon { margin-left: 10px; margin-right: unset; } }
  @media only screen and (min-width: 900px) { .site-footer__social-icon { width: 59px; height: 59px; background-size: unset; } }
  /*New styles for the footer*/
  @media only screen and (min-width: 680px) { .footer-container__row { display: flex; flex-direction: row; } .larger-width { width: 60%; } .smaller-width { width: 40%; } }
  .page-intro { background: #10457a; color: #fff; padding-top: 4.5rem; padding-bottom: 4.5rem; background-size: cover; -webkit-background-size: cover; background-position: center; }
  .page-intro .white-block { color: #313131; border: 0; text-shadow: none; }
  @media only screen and (max-width: 680px) { .page-intro { padding-top: 2.5rem; padding-bottom: 2.5rem; } }
  .page-intro--mini { padding-top: 3rem; padding-bottom: 3rem; }
  .page-intro--centered { margin-left: 0; }
  .default-page-header { background: #10457a; color: #fff; padding: 2rem; }
  .default-page-header__title { font-size: 2rem; }
  @media screen and (min-width: 768px) { .default-page-header__title { font-size: 3rem; } }
  /** Styles for the homepage layout */
  .page-intro--home { position: relative; padding-top: 60px; padding-bottom: 60px; }
  @media only screen and (min-width: 681px) and (max-width: 900px) { .page-intro--home { padding-top: 40px; padding-bottom: 45px; } }
  @media only screen and (max-width: 680px) { .page-intro--home { padding-top: 0; } }
  .js .page-intro--home h1, .js .page-intro--home p { opacity: 0; }
  @media only screen and (min-width: 681px) and (max-width: 900px) { .page-intro__logo { width: 100px; } }
  @media only screen and (max-width: 680px) { .page-intro__logo { display: none; } }
  .home-top-slideshow { position: absolute; left: 0; top: 0; bottom: 0; width: 44%; }
  @media only screen and (max-width: 680px) { .home-top-slideshow { position: relative; width: 100%; height: 250px; margin-bottom: 10px; } }
  .home-top-slideshow__slides__entry { position: absolute; top: 0; bottom: 0; left: 0; right: 40px; -webkit-background-size: cover; background-size: cover; background-position: center; }
  @media only screen and (max-width: 680px) { .home-top-slideshow__slides__entry { right: 0; } }
  .portals-section { background-color: #f7f7f7; background-image: url("../img/portals-promo-bg.jpg"); background-size: cover; -webkit-background-size: cover; background-position: center; padding-top: 60px; padding-bottom: 60px; }
  @media only screen and (max-width: 680px) { .portals-section { padding-top: 40px; padding-bottom: 40px; } }
  .portal-circle { background-color: #10457a; border-radius: 50%; width: 150px; height: 150px; color: #fff; display: inline-block; text-decoration: none; text-align: center; padding: 40px 20px 20px 20px; line-height: 1.3; font-weight: 500; vertical-align: top; margin: 15px; background-image: url("../img/icons/icon-white-arrow.svg"); background-repeat: no-repeat; background-position: center bottom 20px; -webkit-transition: all 0.15s; transition: all 0.15s; }
  .portal-circle:hover { color: #fff; background-color: #1474d4; }
  @media only screen and (max-width: 680px) { .portal-circle { margin: 5px; } }
  .js .portal-circle { opacity: 0; }
  .portal-circle--featured { width: 225px; height: 225px; font-size: 24px; font-size: 1.333rem; padding: 30px; padding-top: 70px; }
  .home-slider .credits-section__entry img { opacity: 0.65; margin-bottom: 15px; }
  .home-slider .credits-section__entry.slick-center { position: relative; -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 10; }
  .home-slider .credits-section__entry.slick-center .credits-section__entry__text { opacity: 1; }
  .home-slider .credits-section__entry.slick-center img { opacity: 1; }
  .home-slider .credits-section__entry.slick-center:before, .home-slider .credits-section__entry.slick-center:after { content: ""; position: absolute; top: 0; bottom: 0; width: 40px; }
  .home-slider .credits-section__entry.slick-center:before { right: 100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); margin-right: -15px; }
  .home-slider .credits-section__entry.slick-center:after { left: 100%; background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); margin-left: -15px; }
  .casting-creds, .production-creds { height: 23rem; }
  @media only screen and (min-width: 512px) { .casting-creds, .production-creds { height: 17rem; } }
  @media only screen and (min-width: 1500px) { .casting-creds, .production-creds { height: 23rem; } }
  .home-final-cta { border-top: 1px #e0e0e0 solid; padding-top: 60px; padding-bottom: 60px; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fff)); background: -moz-linear-gradient(top, #eeeeee, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fff'); text-align: center; }
  @media only screen and (max-width: 680px) { .home-final-cta { padding-top: 40px; padding-bottom: 40px; } }
  .home-final-cta__background { background-image: url("https://images-we-got-pop.imgix.net/website/home/us/Portal-Background.jpg?auto=format,compress"); background-size: cover; }
  .flex-item--newsletter .white-block { display: flex; justify-content: center; flex-direction: column; height: 100%; }
  @media only screen and (min-width: 768px) { .flex-item--newsletter .white-block { margin-bottom: 2rem; } }
  .white-block--home { padding-left: 80px; padding-right: 80px; display: inline-block; -webkit-transition: width 0.2s; transition: width 0.2s; }
  @media only screen and (max-width: 680px) { .white-block--home { padding: 20px; } }
  .white-block--home--extended { width: 60%; padding-left: 40px; padding-right: 40px; }
  @media only screen and (max-width: 900px) { .white-block--home--extended { width: 100%; } }
  @media only screen and (max-width: 680px) { .white-block--home--extended { padding-left: 20px; padding-right: 20px; } }
  .home-final-cta__prompt.active { float: left; width: 50%; padding-right: 15px; display: none; }
  @media only screen and (max-width: 680px) { .home-final-cta__prompt.active { float: none; width: 100%; padding-right: 0; } }
  .home-final-cta__extended.active { display: none; -webkit-transition: all 0.25s; transition: all 0.25s; display: block; }
  @media only screen and (max-width: 680px) { .home-final-cta__extended.active { float: none; width: 100%; padding-left: 0; } }
  .home-final-cta__extended__link { display: block; margin-bottom: 15px; border: 1px #e0e0e0 solid; padding: 8px 12px; border-radius: 5px; text-decoration: none; text-align: left; }
  .home-final-cta__extended__link:last-of-type { margin-bottom: 0; }
  .white-block--home-latest-news { margin-top: 60px; }
  @media only screen and (max-width: 680px) { .white-block--home-latest-news { padding: 20px; margin-top: 40px; } }
  @media only screen and (max-width: 540px) { body .post-thumbnail { max-width: 100%; width: 100%; margin: 0 0 20px 0; display: inline-block; text-align: center; } body .post-thumbnail img { max-height: 40vw; } }
  /** Styles for the portal layouts */
  /* All portals */
  .portal-slider { margin-bottom: 0; }
  .questions-and-ctas { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  @media only screen and (max-width: 680px) { .questions-and-ctas { padding-top: 1rem; padding-bottom: 1rem; } }
  .portal-copy-list__icon { max-width: 4rem; display: inline; vertical-align: middle; margin-right: 0.5rem; }
  .portal-copy-list__subheading { display: inline; }
  .spaced-list-item { margin-bottom: 1rem; }
  .bordered-cta--portal { margin-top: 40px; }
  @media only screen and (max-width: 680px) { .bordered-cta--portal { margin-top: 20px; } }
  .portal-cta-wrap { margin-top: 40px; }
  .portal-cta-wrap--crew { border-bottom: 1px #e0e0e0 solid; padding-bottom: 60px; }
  @media only screen and (max-width: 680px) { .portal-cta-wrap--crew { padding-bottom: 30px; } }
  .portal-page-cta { margin-bottom: 4rem; }
  .portal-page-cta--no-margin { margin-bottom: 0; }
  .portal__quotation-section { margin-top: 1rem; }
  /* flex portal */
  .max-page-width { max-width: 45rem; }
  .xl-max-page-width { max-width: 65rem; }
  @media only screen and (min-width: 768px) { .half-page-width { width: 50%; } }
  .flex-container { display: flex; justify-content: center; padding: 1rem; }
  .flex-item--column { display: flex; flex-direction: column; }
  .questions-and-ctas__container { padding: 0 1rem; }
  @media only screen and (min-width: 768px) { .questions-and-ctas__container { padding: 0 3rem; } }
  .flex-1 { flex: 1; }
  .medium-post { padding-bottom: 0.4rem; padding-top: 1.3rem; margin-bottom: 2rem; }
  .medium-post__feed-title { text-align: left; }
  .medium-post__feed-title h4 { font-size: 1rem; margin-top: 0.6rem; margin-bottom: 0.5rem; font-weight: bold; }
  .medium-post__feed-title h4 a { text-decoration: none; color: inherit; }
  .medium-post__feed-title h4 a:hover { opacity: 0.7; }
  .medium-post__author { font-size: 0.8rem; }
  .medium-post__logo { height: 1.2rem; vertical-align: bottom; margin-right: 0.1rem; }
  .medium-post__post-meta { font-size: 0.9rem; margin-bottom: 0px; }
  .flex-columns-container { display: flex; flex-direction: column; }
  @media only screen and (min-width: 768px) { .flex-columns-container { flex-direction: row; justify-content: space-evenly; max-width: 75rem; margin: auto; } }
  /* events panel */
  .portal-event-panel { margin-bottom: 1rem; }
  .event-panel__top-line { display: flex; flex-direction: column; }
  .event-panel__event-link, .event-panel__top-line, .event-panel__event-date, .event-panel__description { margin: 0; }
  .event-panel__event-link { font-size: 1.5rem; }
  @media only screen and (min-width: 991px) { .event-panel__event-link { font-size: 1.25rem; } }
  .event-panel__event-date { font-size: 1rem; margin-bottom: 0.25rem; }
  @media only screen and (min-width: 991px) { .event-panel__event-date { font-size: 0.8rem; } }
  .event-panel__description { font-size: 1.25rem; }
  @media only screen and (min-width: 991px) { .event-panel__description { font-size: 1rem; } }
  /* generic panel */
  .generic-panel__container { display: flex; }
  .generic-panel__text { max-width: 50%; }
  .generic-panel__copy { font-size: 0.8rem; }
  @media only screen and (min-width: 991px) { .generic-panel__copy { font-size: unset; } }
  .generic-panel__image-container { margin: auto; max-width: 50%; }
  .generic-panel__image { height: auto; max-height: 10rem; align-self: center; }
  @media only screen and (min-width: 991px) { .generic-panel__image { max-height: 15rem; } }
  .generic-panel__link { font-size: 0.9rem; }
  /* case study panel */
  .portal-cs-panel { margin-bottom: 1rem; }
  .cs-panel__page-link, .cs-panel__subtitle { margin: 0; }
  .cs-panel__page-link { font-size: 1.25rem; }
  .cs-panel__subtitle { font-size: 1.25rem; }
  @media only screen and (min-width: 991px) { .cs-panel__subtitle { font-size: 1rem; } }
  /* credit display panel */
  .featured-production-credit { display: flex; justify-content: space-evenly; }
  .featured-production-credit__info { margin: 0 1rem; max-width: 50%; }
  .credit-synopsis { font-size: 0.8rem; }
  @media only screen and (min-width: 991px) { .credit-synopsis { font-size: unset; } }
  .featured-production-credit__image { height: auto; max-height: 12rem; align-self: center; }
  @media only screen and (min-width: 991px) { .featured-production-credit__image { max-height: 16rem; } }
  .see-more-credits-link { font-size: 0.9rem; padding-left: 1rem; }
  /* resources links panel */
  .resource-list-item { margin-top: 0.5rem; }
  .resource-list-item p { margin-bottom: 0; }
  /* Crew portal */
  .page-intro--crew { background-image: url("../img/crew-intro.jpg"); }
  .single-line-callout { justify-content: center; align-items: baseline; background: #f7f7f7; width: 100%; border: 0.06rem #e0e0e0 solid; border-radius: 0.625rem; padding: inherit; }
  .single-line-callout .single-line-callout__question { width: 8rem; }
  .single-line-callout .callout__question { margin: unset; }
  .single-line-callout .callout__direction { margin: unset; }
  @media only screen and (max-width: 768px) { .single-line-callout { padding: 1rem 1.3rem; align-items: baseline; justify-content: left; } }
  .portal-full-page-quotations { padding: 0 3rem; }
  .portal-full-page-quotations__quotation { margin-bottom: 1rem; }
  .crew-page .sidebar-block { margin-bottom: 0rem; }
  .crew-page .portal-page-cta { margin-bottom: 2rem; }
  .crew-page .portal-page-cta.no-margin { margin: 0; }
  .covid-19 .max-page-width { max-width: 60rem; }
  .covid-19 .page-intro { padding-top: 2rem; padding-bottom: 2rem; }
  .covid-19 .portal-page-cta { margin-bottom: 1rem; }
  .covid-19 .sidebar-block { margin-bottom: 0; }
  .covid-19 .sidebar-block .spaced-list-item { margin-bottom: 0; }
  .covid-19 .sidebar-block .spaced-list-item p { margin: 0; }
  @media only screen and (min-width: 768px) { .covid-19 .logo-row { margin-top: 4rem; } }
  /* Production portal */
  .page-intro--production { background-image: url("../img/production-intro.jpg"); }
  /* Background artists portal */
  .page-intro--background-artists { background-image: url("../img/background-artists-intro.jpg"); }
  /* Agents page */
  .agents-portfolio__title { padding: 0 5%; }
  .agents-portfolio__title h2 { margin: 0; }
  .agents-portfolio__list { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 2rem; padding: 1.5rem 1.5rem 1rem; }
  @media only screen and (min-width: 768px) { .agents-portfolio__list { grid-template-columns: repeat(3, 1fr); } }
  .agency-card { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 35px; }
  .page-intro--casting-agents { background-image: url("../img/casting-agent-intro.jpg"); }
  .casting-agent-video { background: #10457a; padding-top: 50px; padding-bottom: 50px; }
  .casting-agent-video iframe { width: 100%; height: auto; max-width: 700px; margin: 0 auto; }
  @media only screen and (max-width: 680px) { .casting-agent-video { padding-top: 30px; padding-bottom: 30px; } }
  .featured-agents { background-color: #f7f7f7; padding-top: 3rem; }
  @media only screen and (max-width: 680px) { .featured-agents { padding-top: 20px; } }
  .all-agents { background-color: #f7f7f7; }
  .agency-card { background-color: #fff; padding: 20px; border-radius: 10px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 35px; }
  .agency-card p { color: #7e7e7e; }
  .agency-card h5 { margin: 0; }
  .featured-agents__block__header { margin-bottom: 10px; height: 140px; display: table; width: 100%; }
  .featured-agents__block__photo { float: right; width: 60px; height: 60px; margin-left: 15px; border-radius: 50%; }
  .featured-agents__block__logo-wrap { display: table-cell; text-align: center; vertical-align: middle; }
  .featured-agents__block__logo { max-width: 75%; max-height: 140px; }
  .butt--agents-contact { float: right; }
  .reveal-button-container { padding: 0rem 2rem 2rem 2rem; background-color: #f7f7f7; }
  .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
  .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .sidebar-block { margin-bottom: 2.5rem; }
  .featured_client-logo { display: flex; justify-content: center; align-items: center; }
  .featured_client-logo-logo__image { height: auto; max-height: 5rem; }
  /** Styles for the team page */
  .page-intro--team { background-image: url("../img/team-intro-bg.jpg"); background-position: center; -webkit-background-size: cover; background-size: cover; text-shadow: 0 1px rgba(0, 0, 0, 0.1); padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 2rem; }
  @media only screen and (max-width: 680px) { .page-intro--team { padding-top: 2rem; padding-bottom: 2rem; } }
  @media only screen and (max-width: 680px) { .white-block--team { margin-top: 30px; } }
  .team-sector-desc { margin-bottom: 30px; }
  .team-listings__entry { background-color: #f7f7f7; padding: 15px; border-radius: 10px; margin-bottom: 35px; }
  .team-listings__entry__img { width: 110px; height: 110px; border-radius: 50%; border: 1px #fff solid; margin-bottom: 10px; }
  @media only screen and (max-width: 680px) { .team-listings__entry__img { width: 100%; height: 100%; margin-bottom: 0; } }
  .team-listings__section { margin-bottom: 10px; }
  .team-listings__entry__social a { margin-top: 10px; }
  .team-listings__entry__profile-link { margin: 0; font-size: 0.8rem; }
  .team-photos-wrap { margin-top: 50px; margin-bottom: 70px; }
  @media only screen and (max-width: 680px) { .team-photos-wrap { margin-top: 10px; margin-bottom: 40px; } }
  .team-photos { width: 100%; height: 450px; position: relative; }
  .team-photos__main { position: absolute; left: 0; top: 0; bottom: 0; width: 66%; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; }
  @media only screen and (max-width: 680px) { .team-photos__main { bottom: auto; width: 100%; height: 66%; } }
  .team-photos__side { position: absolute; right: 0; width: 34%; height: 225px; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; }
  @media only screen and (max-width: 680px) { .team-photos__side { width: 50%; height: 34%; bottom: 0; top: auto; } }
  .team-photos__side--first { top: 0; }
  @media only screen and (max-width: 680px) { .team-photos__side--first { left: 0; top: auto; } }
  .team-photos__side--second { bottom: 0; }
  @media only screen and (max-width: 680px) { .team-photos__side--second { right: 0; } }
  .team-photo { width: 100%; height: 100%; object-fit: cover; }
  .team-photos-section { display: flex; justify-content: center; }
  .team-photos__container { display: grid; max-width: 90%; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(8, 13vw); margin-bottom: 2rem; }
  .photo-1 { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 6; }
  .photo-2 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 6; grid-row-end: 9; }
  .photo-3 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 6; grid-row-end: 9; }
  .team-photo-desktop { display: none; }
  @media only screen and (min-width: 667px) { .team-photos__container { max-width: 70%; grid-template-rows: repeat(8, 3vw); } .photo-1 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 9; } .photo-2 { grid-column-start: 7; grid-column-end: 9; grid-row-start: 1; grid-row-end: 5; } .photo-3 { grid-column-start: 7; grid-column-end: 9; grid-row-start: 5; grid-row-end: 9; } .team-photo-desktop { display: unset; } .team-photo-mobile { display: none; } }
  .credits-section { padding-top: 50px; padding-bottom: 40px; }
  @media only screen and (max-width: 680px) { .credits-section { padding-top: 25px; padding-bottom: 20px; } }
  .credits-section__no-padding-top { padding-top: 0; }
  .credits-section--portal { padding-top: 0; }
  @media only screen and (max-width: 680px) { .credits-section--portal { padding-top: 0; } }
  .credits-section__entry { padding: 15px; outline: 0; cursor: pointer; }
  .credits-section__entry img { width: 100%; }
  .credits-section__entry__text { opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; display: block; text-align: center; max-width: 200px; margin: auto; }
  .credits__grid-container { display: flex; justify-content: center; }
  .credits__grid { display: grid; max-width: 90%; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; }
  .credits__grid-item { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .credits__grid-item-img { max-width: 100%; max-height: 7rem; object-fit: cover; flex: 1; margin-bottom: 0.5rem; }
  .credits__entry-text { display: block; text-align: center; flex: 1; }
  @media only screen and (min-width: 667px) { .logo-grid__title { font-size: 3rem; } .credits__grid { max-width: 70%; grid-template-columns: repeat(4, 1fr); grid-column-gap: 2rem; grid-row-gap: 1rem; } .credits__grid-item { display: unset; } .credits__grid-item-img { max-width: 100%; max-height: unset; height: auto; object-fit: cover; margin: 0.5rem auto; display: block; } }
  .blockquote__container { display: flex; justify-content: center; align-items: center; width: 100%; }
  .blockquote__panel { background-color: white; display: flex; flex-direction: column; margin-top: 1rem; margin-bottom: 1rem; color: black; }
  .blockquote__panel__img-container { margin-top: 1rem; margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; flex: 1; }
  .blockquote__panel__img-container img { border-radius: 50%; }
  .blockquote__panel-quotation { display: flex; flex-direction: column; justify-content: center; flex: 1; margin-top: 1rem; position: relative; }
  .blockquote__panel-quotation-long-quote { flex: 2; }
  .blockquote__panel-quotation-text:before { content: "\201C"; font-family: "Merriweather", serif; font-size: 300%; position: absolute; top: 0; left: 0; }
  .blockquote__reverse { flex-direction: column-reverse; }
  .blockquote__teal { background-color: #10457a; color: #fff; }
  @media only screen and (min-width: 768px) { .blockquote__panel { flex-direction: row; width: 100%; } .blockquote__reverse { flex-direction: row-reverse; } .blockquote__panel-quotation { margin-top: unset; } }
  /** Styles for the blog area */
  .popcorn-intro { background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; background-position: center; padding-left: 150px; padding-right: 150px; position: relative; }
  @media only screen and (max-width: 680px) { .popcorn-intro { padding-left: 0; padding-top: 60px; padding-right: 0; } }
  .popcorn-intro__inner { background-image: url("../img/popcorn.png"); background-repeat: no-repeat; background-size: auto 85%; -webkit-background-size: auto 85%; background-position: 40px center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
  @media only screen and (max-width: 680px) { .popcorn-intro__inner { background-size: 40px auto; -webkit-background-size: 40px auto; background-position: center 10px; } }
  .popcorn-intro__flex-container { padding: 0; }
  .blog-tools { background-color: #f7f7f7; padding-top: 6px; padding-bottom: 6px; }
  .blog-tools__nav { float: left; list-style: none; padding: 0; margin: 0; }
  .blog-tools__nav li { display: inline-block; margin: 0 40px 0 0; }
  @media only screen and (max-width: 900px) { .blog-tools__nav li { margin: 0 25px 0 0; } }
  .blog-tools__nav a { padding: 10px 0; display: inline-block; text-decoration: none; }
  .blog-tools__nav a:hover { text-decoration: underline; }
  @media only screen and (max-width: 680px) { .blog-tools__nav { float: none; text-align: center; width: 100%; } }
  .search-wrap { float: right; }
  @media only screen and (max-width: 680px) { .search-wrap { float: none; } }
  .search-form__input { background-image: url("../img/icons/icon-search.svg"); background-repeat: no-repeat; background-position: 6px center; padding-left: 30px; margin-top: 6px; }
  @media only screen and (max-width: 900px) { .search-form__input { width: 130px; } }
  @media only screen and (max-width: 680px) { .search-form__input { width: 100%; margin-bottom: 15px; } }
  .blog-feed { padding-top: 50px; padding-bottom: 50px; }
  .blog-feed__flex-container { padding: 0 1.4rem; }
  .blog-feed__column { max-width: 38rem; width: 100%; }
  @media only screen and (min-width: 480px) { .blog-feed__column { width: 66.666%; } }
  .back-to-blog-home a { color: #fff; text-decoration: none; background-image: url("../img/icons/icon-white-arrow-back.svg"); background-repeat: no-repeat; display: inline-block; padding-left: 15px; background-position: left center; }
  .back-to-blog-home a:hover { opacity: 0.7; }
  .blog-post-preview { margin-bottom: 50px; }
  .post-link-title a { color: #10457a; text-decoration: none; }
  .post-link-title a:hover { opacity: 0.7; }
  .post-meta a:hover { color: #10457a; }
  .post-reading-time { display: none; }
  @media only screen and (min-width: 991px) { .post-reading-time { display: inline; } }
  .external-post { margin-bottom: 40px; }
  .external-post__link { text-decoration: none; }
  .external-post__meta { padding-left: 32px; background-position: 3px center; background-repeat: no-repeat; background-image: url("../img/icons/icon-external-link.svg"); }
  .post-thumbnail { float: right; max-width: 220px; margin-left: 35px; }
  .blog-press-social { border-top: 1px #e0e0e0 solid; padding-top: 60px; padding-bottom: 60px; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fff)); background: -moz-linear-gradient(top, #eeeeee, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fff'); }
  @media only screen and (max-width: 680px) { .blog-press-social { padding-top: 10px; padding-bottom: 30px; } }
  .blog-press-social__blocks { min-height: 260px; }
  @media only screen and (max-width: 680px) { .blog-press-social__blocks { margin-top: 20px; min-height: 0; padding: 20px; } }
  .blog-press-social__list { padding: 0; margin: 0; }
  .blog-press-social__list li { list-style: none; }
  .white-block--single-social { padding-bottom: 10px; }
  .author-box { margin-top: 60px; }
  .blog-post-author-img { height: auto; }
  .author-credit a { color: #10457a; }
  .author-credit a:hover { opacity: 0.6; }
  .blog-icon { display: inline-block; height: 1.5rem; background-repeat: no-repeat; text-align: left; margin-bottom: 1rem; transition: all 0.25s; text-decoration: none; padding-left: 2rem; margin-top: 0; line-height: 150%; background-size: contain; }
  .blog-icon:hover { opacity: 0.6; }
  .pagination { text-align: center; margin-top: 50px; }
  .prev.page-numbers, .next.page-numbers { color: #1474d4; border: 2px #1474d4 solid; background: #fff; margin-top: 0; }
  .prev.page-numbers:hover, .next.page-numbers:hover { color: #1474d4; opacity: 0.7; }
  .prev.page-numbers { float: left; }
  .next.page-numbers { float: right; }
  .page-numbers { text-decoration: none; margin-top: 5px; display: inline-block; }
  .article-image { display: block; margin: 5px auto 20px auto; }
  .article-image img { display: block; margin: 0px auto 0px auto; }
  .quote-image { display: block; float: left; margin-right: 1rem; margin-top: 5px; }
  .article-caption { display: block; font-size: 15px; line-height: 15px; margin: 0 auto; padding: 0 4px 5px; text-align: center; margin-bottom: 35px; }
  .medium-style { border-left: 2px solid; padding-left: 0.6rem; }
  .blog-quote-source { display: block; text-align: center; margin-bottom: 2rem; }
  @media only screen and (min-width: 450px) { .blog__cta-container { display: flex; justify-content: space-evenly; } }
  .video-container { position: relative; padding-bottom: 56.5%; padding-top: 30px; height: 0; overflow: hidden; }
  .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /** Styles for the contact modals */
  .modal-underlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 20; opacity: 0; pointer-events: none; -webkit-transition: all 0.2s; transition: all 0.2s; }
  .modal-underlay.active { opacity: 1; pointer-events: auto; }
  .modal-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30; text-align: center; padding: 35px; overflow-y: scroll; opacity: 0; pointer-events: none; -webkit-transition: all 0.2s; transition: all 0.2s; }
  .modal-wrap.active { opacity: 1; pointer-events: auto; }
  @media only screen and (max-width: 680px) { .modal-wrap { padding: 15px; } }
  @media only screen and (min-width: 680px) { .modal-wrap { top: 45px; } }
  .modal-wrap__bg { z-index: 32; position: fixed; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; }
  .modal { background-color: #fff; border-radius: 10px; padding: 35px; display: inline-block; max-width: 750px; text-align: left; position: relative; z-index: 35; }
  @media only screen and (max-width: 680px) { .modal { padding: 15px; } }
  .modal__close { display: inline-block; width: 17px; height: 17px; background-repeat: no-repeat; background-image: url("../img/icons/close-icon.svg"); cursor: pointer; position: absolute; top: 20px; right: 20px; }
  .modal__close:hover { opacity: .7; }
  @media only screen and (max-width: 680px) { .modal__close { top: 15px; right: 15px; } }
  #mc_embed_signup label { display: block; }
  #mc-embedded-subscribe { margin: 10px; }
  .indicates-required { font-size: 13px; margin-bottom: 10px; }
  .mc-field-group { float: left; width: 50%; padding: 10px; }
  @media only screen and (max-width: 680px) { .mc-field-group { width: 100%; float: none; } }
  .mc-field-group input { width: 100%; }
  .contact-content { max-width: 100%; }
  .contact-section { display: flex; align-items: center; justify-content: center; padding-bottom: 1.5rem; }
  .contact-container { background-color: white; padding: 1.5rem; z-index: 3; text-decoration: none; width: 100%; color: black; max-width: 80%; }
  .contact-container, .flex-row { display: flex; flex-direction: column; }
  .contact-container--column { display: flex; justify-content: center; flex-direction: column; align-items: center; flex: 1 1; }
  .contact-container--column h2, .contact-container--column h3 { text-align: center; }
  .contact-container--column p { align-self: flex-start; }
  .contact-container--column .notes { margin-bottom: 1rem; max-width: 80%; }
  .flex-row { margin-bottom: 2rem; }
  .flex-row h3 { margin-left: 1.25rem; }
  .contact-container__agent-name { margin: 0.3rem; }
  .logo-container { display: flex; align-items: center; margin-bottom: 3rem; }
  .logo-container img { max-height: 300px; max-width: 100%; }
  @media only screen and (min-width: 768px) { .contact-container, .flex-row { flex-direction: row; } .agents-list { flex-direction: column; align-items: flex-start; } .contact-container__agent-name { margin: 0.5rem; } }
  .portfolio-testimonial-author { font-style: italic; }
  .portfolio-contact { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; margin-top: 2rem; }
  .portfolio-contact .portfolio-contact--text { text-decoration-line: none; margin-left: 0.5rem; }
  .agent-profile-header { display: flex; flex-direction: column; }
  .agent-profile-header__logo { margin-bottom: 1rem; }
  .agent-profile-header__agent-profile { display: flex; flex-direction: column; align-items: center; }
  .agent-profile-header__agent_profile__agent-portrait { width: 80%; margin-bottom: 1rem; }
  @media only screen and (max-width: 900px) { .portfolio-contact { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; } }
  @media screen and (min-width: 500px) { .agent-profile-header { flex-direction: row; justify-content: space-evenly; align-items: center; } .agent-profile-header__agent_profile__agent-portrait { width: 40%; } .agent-profile-header__logo { max-width: 45%; } .agent-profile--align { align-items: flex-start; } }
  /* styles for if the agent page is hidden */
  .no-agent { background: #fff; box-shadow: 0 3px 8px 0 #8A9D9F; border: 1px solid #8A9D9F; padding: 1rem; border-radius: 10px; margin: 1rem auto; text-align: center; max-width: 90%; margin-top: 6rem; margin-bottom: 6rem; }
  .no-agent .no-agent__icon { font-size: 3em; margin: 0; }
  @media screen and (min-width: 500px) { .no-agent { max-width: 50%; } }
  /*Production Portfolio Layout styles*/
  .production-company-portfolio-header { padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #10457a; color: white; }
  .portfolio__title { font-size: 1.5rem; }
  .portfolio__page-strapline { max-width: 90%; }
  .client-list__grid-container { display: flex; justify-content: center; margin-bottom: 2rem; max-width: 45rem; margin: 0 auto; }
  .client-list__grid { display: grid; max-width: 90%; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; grid-row-gap: 3rem; padding-top: 1rem; padding-bottom: 2rem; }
  .client-list__grid-item { display: flex; justify-content: center; align-items: center; min-height: 8rem; }
  .client-list__grid-item-img { max-width: 100%; max-height: 12rem; object-fit: cover; }
  @media only screen and (min-width: 667px) { .logo-grid__title { font-size: 3rem; margin-top: 2rem; } .client-list__grid-container { max-width: 55rem; } .client-list__grid { grid-template-columns: repeat(auto-fit, minmax(10em, 1fr)); grid-column-gap: 3rem; grid-row-gap: 4rem; padding-top: 3.5rem; } .client-list__grid-item { min-height: 10rem; } }
  .profile-page-intro { padding: 1rem; background: #10457a; color: #fff; background-size: cover; background-position: center; }
  .profile-page-intro h1 { margin: 0; }
  .profile-page-intro__name { font-size: 2rem; }
  .profile-info-container { display: flex; flex-direction: column; margin-left: 1rem; margin-right: 1rem; }
  .profile-page__picture { display: flex; justify-content: center; margin-top: 0.5rem; margin-bottom: 1rem; }
  .profile-page__image { max-width: 18rem; }
  @media only screen and (min-width: 768px) { .profile-info-container { justify-content: space-around; margin: auto; max-width: 38rem; padding-top: 2rem; padding-bottom: 2rem; } .profile-page__picture { margin: auto; margin-bottom: 1rem; } .profile-page__image { max-width: 25rem; } .profile-page__content { margin: auto; max-width: 80%; } .profile-section__header { margin-bottom: 0.5rem; margin-top: 1rem; } }
  @media only screen and (min-width: 991px) { .profile-info-container { flex-direction: row; max-width: 60rem; align-items: baseline; } .profile-page__picture { margin: 0 4em 0 0; } .profile-section__header { margin-top: 0; } }
  .client-profile-page-intro { display: flex; justify-content: center; padding: 1rem; background: #10457a; color: #fff; background-size: cover; background-position: center; }
  .client-profile-page-intro .client-profile-page__title-container { display: flex; flex-direction: column; justify-content: space-evenly; }
  .client-profile-page-intro .client-profile-page__title { font-size: 2rem; }
  .client-profile__info-container { display: flex; flex-direction: column; margin: 1rem; margin-left: 1rem; margin-right: 1rem; max-width: 38rem; }
  .client-profile-page__image-container { display: flex; justify-content: center; align-items: center; }
  .client-profile-page__image { border-radius: 50%; max-width: 9rem; }
  .client-profile__credits { margin: 0; }
  .client-profile-page__external-links { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; }
  .poster-image--only-mobile { display: block; margin-left: auto; margin-right: auto; }
  .poster-image--not-mobile { display: none; }
  .client-profile__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); grid-column-gap: 1rem; }
  .client-profile__list-entry { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .list-entry__title a { text-decoration: none; color: unset; }
  .client-index-page-intro { background: #10457a; color: #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; background-size: cover; background-position: center; text-align: center; }
  .client-index-page-intro .client-index-page-title { font-size: 2rem; }
  .client-index-page { display: flex; flex-direction: column; align-items: center; margin: 1rem; }
  .client-index-entry { background-color: white; border-radius: 5px; display: grid; grid-template-columns: auto minmax(0, 35rem); grid-template-areas: "image content"; box-shadow: 0 3px 8px 0 #8a9d9f; border: 1px solid #8a9d9f; margin-bottom: 1rem; margin-top: 1rem; color: black; max-width: 95%; min-height: 9rem; }
  .client-index-entry__content { display: flex; flex-direction: column; justify-content: space-evenly; margin: 1rem; flex: 1; }
  .client-index-entry__img { display: flex; justify-content: center; align-items: center; max-width: 15rem; padding: 1rem; }
  .client-index-entry__card-title { font-size: 1rem; }
  .client-index-entry__show-description { font-size: 0.7em; }
  @media only screen and (min-width: 420px) { .client-index-page-title { font-size: 3rem; } .client-profile__info-container { margin-left: auto; margin-right: auto; max-width: 38rem; } .client-index-entry { max-width: 38rem; } .client-profile-page__title { font-size: 3rem; } .poster-image--not-mobile { display: unset; } .poster-image--only-mobile { display: none; } .client-index-entry__card-title { font-size: 1.5rem; } .client-index-entry__show-description { font-size: unset; } .client-index-entry__img { width: 15rem; } }
  .case-study-index-entry__content { display: flex; flex-direction: column; margin: 1rem; flex: 1; }
  .case-study__header { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #10457a; color: white; text-align: center; padding-top: 1rem; padding-bottom: 1.5rem; }
  .case-study-header__title { margin: 0; font-size: 2rem; }
  .case-study-desc { display: block; font-size: 1.2rem; max-width: 80%; }
  .case-study__testimonials { display: none; }
  .case-study-content__container { display: flex; justify-content: center; }
  .case-study__content { margin: 1rem; }
  .case-study-features { display: flex; flex-direction: column; align-items: center; }
  .case-study__features-block { display: flex; flex-direction: column; }
  .case-study-features-block__icon { display: flex; justify-content: center; align-items: center; flex: 1; }
  .case-study-features-block__icon img { height: 6rem; }
  .case-study-features-block__desc { flex: 1; margin-left: 1rem; }
  .case-study-features__headline { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 32px; font-size: 1.8rem; font-weight: 300; color: #313131; text-align: center; }
  .case-study-features__bullets { padding: 0; margin: 0; text-align: left; }
  @media only screen and (min-width: 768px) { .case-study__testimonials { display: unset; } .case-study__content { max-width: 50rem; } .case-study-features { max-width: 38rem; margin: 0 auto; } .case-study__features-block { flex-direction: row; } .case-study-features-block__icon img { height: 10rem; } }
  /* Slick Slider */
  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
  .slick-list:focus { outline: none; }
  .slick-list.dragging { cursor: pointer; cursor: hand; }
  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slick-track { position: relative; left: 0; top: 0; display: block; }
  .slick-track:before, .slick-track:after { content: ""; display: table; }
  .slick-track:after { clear: both; }
  .slick-loading .slick-track { visibility: hidden; }
  .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
  [dir="rtl"] .slick-slide { float: right; }
  .slick-slide img { display: block; }
  .slick-slide.slick-loading img { display: none; }
  .slick-slide.dragging img { pointer-events: none; }
  .slick-initialized .slick-slide { display: block; }
  .slick-loading .slick-slide { visibility: hidden; }
  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
  .slick-arrow.slick-hidden { display: none; }
  .trail-current-page { font-weight: bold; }
  .trail-page { letter-spacing: 2.5px; }
  .event-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 10rem; }
  .event-intro { background: #10457a; color: #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; background-size: cover; background-position: center; text-align: center; }
  .event-panel { background-color: white; border-radius: 5px; width: 100%; display: flex; flex-direction: column; outline: none; box-shadow: 0 3px 8px 0 #8a9d9f; border: 1px solid #8a9d9f; margin-bottom: 20px; color: black; }
  .event-panel__callout-img-container { display: flex; justify-content: center; align-items: center; flex: 1; }
  .event-panel__callout-img-container img { object-fit: cover; height: 100%; width: 100%; }
  .event-panel__event-info { display: flex; flex-direction: column; flex: 1; padding: 1rem; }
  .event-info__title { font-size: 1.3rem; font-weight: normal; margin-bottom: 1rem; line-height: 1.1; }
  .event-info__title .event-info__title-link { margin: inherit; color: inherit; text-decoration: none; }
  .event-info__details__event-title { display: none; }
  .event-panel__event-links { display: flex; flex-direction: row; justify-content: flex-start; }
  .event-link { background-color: #10457a; padding: 0.5rem 0.7rem; border-radius: 4px; text-decoration: none; line-height: 1.4; font-size: 1.1rem; color: #fff; }
  .sign-up--disabled { background: grey; color: #fff; }
  .event-icon { margin-right: 0.5rem; }
  .no-events { background: #fff; box-shadow: 0 3px 8px 0 #8a9d9f; border: 1px solid #8a9d9f; padding: 1rem; border-radius: 10px; margin: 1rem auto; text-align: center; }
  .no-events .no-events__icon { font-size: 2em; }
  @media only screen and (max-width: 480px) { .event-panel__callout-img-container { max-height: 8rem; overflow-y: hidden; } }
  @media only screen and (min-width: 768px) { .event-panel { flex-direction: row; } .event-content { width: 70%; } .event-panel__callout-img-container { max-width: 30%; } .event-panel__event-info { margin-left: 2rem; } .event-panel__event-links { justify-content: flex-end; } .event-link { margin-left: 0.5rem; margin-right: 0.5rem; } }
  @media only screen and (min-width: 991px) { .no-events { max-width: 50%; } }
  .event-page-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 10rem; }
  .event-info-container { width: auto; display: flex; flex-direction: column; margin-top: 0.5rem; margin-bottom: 1rem; }
  .event-info__white-block { background: #fff; border: 1px #e0e0e0 solid; padding: 1rem; border-radius: 10px; }
  .event-page__header { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #10457a; color: white; text-align: center; padding-top: 1rem; padding-bottom: 1.5rem; }
  .event-page__header .event-callout { display: none; }
  .event-page-container .event-callout { font-size: 1.2rem; }
  .event-page-header__title { margin: 0; font-size: 2rem; }
  .event-page-intro__description { background-color: #10457a; color: white; padding: 1rem; font-size: 1.25rem; }
  .event-page-intro__picture { width: 100%; height: 100%; object-fit: cover; }
  .event-info-row { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }
  .event-info__details { height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }
  @media only screen and (max-width: 480px) { .event-details { flex: 1; align-self: flex-start; } }
  @media only screen and (min-width: 768px) { .event-page__header { padding-top: 2rem; padding-bottom: 2rem; } .event-info-container { flex-direction: row; max-width: 90rem; margin: auto; } .event-info__white-block { padding: 2rem; } .event-page-intro__picture { max-width: 50vw; padding: 1rem; } .event-info__details { height: auto; align-items: flex-start; } .event-page__header .event-callout { display: block; font-size: 1.2rem; max-width: 80%; } .event-page-container .event-callout { display: none; } .event-content__text { max-width: 70%; } .event-info__details__event-title { display: block; } }
  .event-logo-container { width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin-top: 1rem; align-items: center; }
  @media only screen and (min-width: 568px) { .event-logo-container { flex-direction: row; margin-top: 2rem; margin-bottom: 2rem; align-items: unset; } }
  .event-logo { width: 50%; }
  @media only screen and (min-width: 568px) { .event-logo { width: 22%; margin: 1rem; } }
  /** navigation page settings */
  .navigation-content { min-height: 15rem; max-width: 45rem; margin: 1rem; }
  @media screen and (min-width: 991px) { .navigation-content { margin: 1rem auto; } }
  .navigation-links-list ul { list-style-type: none; padding: 0; }
  @media screen and (min-width: 768px) { .navigation-links-list ul { padding-left: 3rem; } }
  .navigation-breadcrumbs { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; color: grey; }
  /** Styles for the FAQ pages */
  .faq-content { max-width: 100%; margin: 1rem; min-height: 60vh; }
  .section { padding-top: 26px; }
  .page-content { background-color: white; border-radius: 5px; padding: 30px; position: relative; z-index: 3; text-decoration: none; width: 100%; display: block; outline: none; box-shadow: 0 3px 8px 0 #8A9D9F; border: 1px solid #8A9D9F; margin-bottom: 20px; color: black; }
  .bread-crumb-link { position: relative; font-size: 1rem; display: inline-flex; flex-wrap: wrap; color: #696969; margin: 0 0.5rem 0.5rem 0; padding-right: 1rem; padding-bottom: 1rem; top: 1rem; text-decoration: none; }
  .sub-heading { text-align: center; color: white; }
  @media screen and (min-width: 768px) { .faq-content { width: 900px; margin: auto; } }
  /** Rates settings */
  .rates-heading { font-size: 2rem; }
  .rates-content { width: 100%; margin-left: auto; margin-right: auto; padding: 2rem; }
  .rates-table { width: 19rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; }
  .rates-table td, .rates-table th { padding-left: 0.5rem; padding-right: 0.5rem; }
  .bordered-table th, .bordered-table td { border: black 1px solid; text-align: center; }
  .bordered-table thead, .bordered-table th { background-color: #10457a; color: white; font-weight: bold; }
  .fixed-table { table-layout: fixed; }
  .table-wrapper { overflow-x: auto; }
  .minimum-rates { width: 38rem; }
  .supplementary-payments td:first-child { width: 90%; }
  .supplementary-fees td:nth-child(3) { width: 60%; text-align: left; }
  .supplementary-fees-2020 { width: 43rem; }
  .supplementary-fees-2020 td:nth-child(1) { width: 25%; }
  .supplementary-fees-2020 td:nth-child(2) { width: 55%; }
  @media only screen and (min-width: 768px) { .supplementary-fees-2020 { width: 100%; } }
  .travel-allowances-2020 td:nth-child(1) { width: 25%; }
  .allowances { table-layout: fixed; }
  .allowances.pact-equity td:first-child { text-align: left; }
  @media only screen and (min-width: 660px) { .rates-heading { font-size: 3rem; } .rates-content { width: 90%; } .rates-table { width: 35rem; } .rates-table__2020 { width: 100%; } }
  @media only screen and (min-width: 991px) { .rates-content { width: 900px; } }
  .logo-row-section { text-align: center; }
  .client-list__logo-container { max-width: 55rem; margin: 1rem; margin-bottom: 2rem; }
  .client-list__logo-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; }
  .client-list-logo { display: flex; justify-content: center; align-items: center; }
  .client-list-logo__image { height: auto; max-height: 6rem; padding: 0 1rem; object-fit: contain; }
  .client-list__link { margin-top: 1rem; }
  .client-list__heading { display: flex; justify-content: center; margin: 1rem; }
  @media only screen and (min-width: 768px) { .client-list__logo-container { margin: 1rem auto; } }
  .client-showcase-row { display: flex; flex-direction: column; align-items: center; }
  .client-showcase-row__logo-container { display: grid; margin: 0; grid-template-columns: repeat(8, 1fr); grid-gap: 0.5rem; max-width: 100%; }
  @media only screen and (max-width: 768px) { .client-showcase-row__logo-container { flex-direction: column; grid-template-columns: repeat(4, 1fr); grid-column-gap: 2rem; } }
  @media only screen and (max-width: 480px) { .client-showcase-row__logo-container { grid-template-columns: repeat(2, 1fr); grid-column-gap: 2.5rem; } }
  @media only screen and (max-width: 768px) { .client-showcase-row__heading { max-width: 30rem; } }
  .client-showcase-row__logo { display: flex; justify-content: center; align-items: center; height: 5rem; }
  .client-showcase-row__image { max-height: 3.5rem; max-width: 7.5rem; padding: 0; width: 10vw; height: 5.5vw; object-fit: contain; }
  @media only screen and (max-width: 768px) { .client-showcase-row__image { max-width: 7.1rem; width: auto; height: 3rem; } }
  .landing-main-header { text-align: center; background: #10457a; color: #fff; padding: 3rem 1rem; background-size: cover; -webkit-background-size: cover; background-position: center; }
  .landing-headline { font-size: 3.5rem; line-height: 1.15; }
  @media only screen and (max-width: 1000px) { .landing-headline { font-size: 2.5rem; } }
  .features-container { display: flex; margin: 0 3rem; justify-content: space-between; }
  .features-heading--padding { padding: 1rem 3rem; }
  .landing-features-block { flex: 1; justify-content: space-around; padding: 0 1rem; }
  .landing-features-block__icon { display: block; height: 4rem; margin: 0 auto; }
  .features-block__copy { justify-content: center; }
  .features-block__text { text-align: left; padding: 0 4rem; }
  .teal-header { color: #10457a; }
  .features-block__partners { padding: 0 1rem; object-fit: contain; max-height: 7rem; }
  .chunked-text { width: 58%; margin: 0 auto; text-align: center; }
  .landing-ctas { background: white; text-align: center; display: flex; justify-content: space-around; }
  .landing-logos-section { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .logos-heading { text-align: center; padding: 1rem 3rem; }
  .landing-logos-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; }
  .landing-logo { display: flex; justify-content: center; align-items: center; }
  .landing-logo__image { max-width: 6rem; }
  @media only screen and (min-width: 768px) { .landing-logos-container { grid-row-gap: 1rem; grid-column-gap: 4rem; } .landing-logo__image { max-width: 8rem; } }
  .landing-container { display: flex; justify-content: center; }
  .landing-section.with-background-image { background-color: #f7f7f7; background-position: center; background-size: cover; background-repeat: repeat-y; background-position-y: top; }
  .landing-section__header { margin: 1em 2em; text-align: center; color: #10457a; }
  .copy-padding { padding: 0 1rem; }
  .primary-content__video { text-align: center; display: flex; padding-top: 3rem; padding-bottom: 3rem; justify-content: space-around; }
  .primary-content__img-container { display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; padding: 1.5rem; }
  .primary-content__img { display: flex; justify-content: center; align-items: center; }
  .landing-section__h2 { color: #10457a; margin-top: 2rem; }
  .button--landing { padding: 1rem 2rem; font-size: 1rem; }
  .blockquote-source--landing { display: block; font-size: 15px; }
  .landing-footer__social { display: flex; justify-content: space-around; }
  @media only screen and (max-width: 480px) { .landing-ctas { width: 100%; flex-direction: column; } .landing-ctas div { margin: 1rem; } .features-container { flex-direction: column; margin: 0 1rem; } }
  @media only screen and (max-width: 768px) { .features-block__partners { display: block; margin: 1rem auto; } .landing-section__header { margin: 1em 1em; } .centered-text { margin: 1rem; } .fixed-height-header { font-size: 1.8rem; } .primary-content__img img { width: 100vw; height: 100%; margin: 1rem 0; } }
  @media only screen and (max-width: 991px) { .features-heading { padding: 1rem; } .landing-section__h2 { text-align: center; } .primary-content__video { width: 100%; flex-direction: column; align-items: center; } .primary-content__video div { margin: 1rem 0; } }
  @media only screen and (min-width: 768px) { .fixed-height-header { height: 6rem; } }
  @media only screen and (min-width: 991px) { .landing-container--row, .landing-container--row-reverse { display: flex; justify-content: space-around; } .landing-container--row { flex-direction: row; } .landing-container--row-reverse { flex-direction: row-reverse; } .primary-content__copy { display: flex; flex: 1 1; flex-direction: column; justify-content: space-around; } .primary-content__copy .centered-text { max-width: 50vw; } .primary-content__copy .wide-centered-text { max-width: 70vw; } .copy-padding { padding: 0 4rem; } .primary-content__img-container { flex: 1 1; } .primary-content__img-container .primary-content__img { max-width: 80%; } }
  .dark-background { background-color: #f7f7f7; }
  .card-gallery { display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; padding-top: 2rem; }
  .partner-card { display: flex; flex-direction: column; background-color: white; width: 25rem; border-radius: 10px; padding: 2rem; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 3rem; }
  .partner-card__partner-name { color: #10457a; }
  .partner-card__section { margin-bottom: 1rem; }
  .policy-card { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: white; height: 15rem; width: 25rem; border-radius: 1rem; padding: 1.5rem; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); margin-bottom: 3rem; }
  .policy-card__logo { flex: 1; display: flex; justify-content: center; }
  .policy-card__logo__logo-image { /* logo image is rectangle not a square, so using min-height would make it an oval*/ height: 8rem; }
  .policy-name { flex: 1; text-align: center; margin-top: 1rem; }
  .policy-name, .policy-name:hover { color: #10457a; }
  .policy-card__description { flex: 1; margin-bottom: 1rem; }
  .testimonial-content { margin: auto; max-width: 45rem; }
  .testimonial-card__author { text-align: right; }
  @media only screen and (max-width: 680px) { .testimonial-card__author { text-align: left; } }
  .testimonial-card__quote { font-family: 'Merriweather', serif; }
  .testimonial-card__quote:first-line { font-size: 200%; }
  @media only screen and (max-width: 680px) { .testimonial-card__quote:first-line { font-size: 100%; } }
  .testimonial-card__author { font-weight: bold; }
  .testimonial-card { display: flex; flex-direction: column; padding-left: 1.5rem; }
  @media only screen and (max-width: 680px) { .testimonial-card { padding-left: 0; } }
  .testimonial-card:before { content: "\201C"; font-family: 'Merriweather', serif; font-size: 300%; position: absolute; top: 0; left: 0; }
  .testimonials-list { list-style: none; margin: 0; }
  .non-scripted .questions-and-ctas { padding-top: 1rem; }
  .non-scripted .questions-and-ctas .featured_client-logo { margin-bottom: 1.2rem; margin-top: 1rem; }
  .non-scripted .bordered-cta { padding-top: 0; border-top: none; }
  /** Styles for the text only layout */
  .text-page-content { padding-top: 2.8rem; padding-bottom: 2.8rem; }
  .flex-item--column--text { padding: 0 3vw; max-width: 39rem; }
  @media only screen and (min-width: 768px) { .flex-item--column--text { max-width: 45rem; } }
  .flex-item--column--text h2 { margin-bottom: 0.3rem; margin-top: 1.3rem; }
  .flex-item__teal-links a { color: #10457a; }
  .page-intro--text { padding: 2.7rem; }
  .flex-item--column--text__figure { text-align: center; margin-bottom: 1.1rem; font-style: italic; margin-top: 0.5rem; }
  @media only screen and (max-width: 480px) { .flex-item--column--text__figure { display: none; } }
  .flex-item--column--text__image { padding-bottom: 0.6rem; max-height: 20rem; }
  /** Styles for the careers section */
  .careers-section-column-container { display: flex; flex-direction: column; }
  .careers-section-column-container a { text-decoration: none; }
  @media only screen and (min-width: 667px) { .careers-section-column-container { flex-direction: row; } }
  .flex-item-left { flex: 1; padding: 1.5rem; }
  .flex-item-right { flex: 1; padding: 1.5rem; }
  .four-box__base-container { display: flex; width: 100%; flex-direction: column; align-items: center; }
  .four-box__element_container { display: flex; flex-direction: column; }
  .four-box__background { background-color: #1474d4; }
  .four-box__header { margin: 1rem; }
  .four-box__spacing { margin: 1rem; }
  .features-block__icon__centered { width: max-content; margin: 0 auto; }
  .features-block__icon__black { width: 90px; height: 90px; }
  @media (min-width: 600px) { .four-box__element_container { display: flex; justify-content: center; flex-direction: row; margin: 1rem; max-width: 90rem; flex-wrap: wrap; } .four-box__element { max-width: 40%; } .four-box__heading-padding { padding: 0 3rem; } }
  @media (min-width: 1200px) { .four-box__element { max-width: 22%; } }
  /* Extra small devices (phones, 600px and down) */
  .profile-info-container--no-image { max-width: 45rem; }
  .basic-profile__mobile { max-width: 12rem; max-height: 12rem; border-radius: 50%; border: 1px #fff solid; margin: 0 auto; vertical-align: text-top; }
  .basic-profile__desktop { display: none; }
  .basic-profile__social-links .basic-profile__social-icon { margin: 1.25rem 0.2rem; }
  .basic-profile__social-links--no-image .basic-profile__social-icon { margin: 1.25rem 0.5rem; }
  .basic-profile__content { vertical-align: super; max-width: 70rem; }
  @media only screen and (min-width: 600px) { .basic-profile__mobile { display: none; } .basic-profile__desktop { display: unset; max-width: 25rem; max-height: 25rem; margin: 0  2rem; vertical-align: top; } .basic-profile__social-links--no-image .basic-profile__social-icon { margin: 1rem 1.5rem; } }
  /*# sourceMappingURL=main.css.map */