@charset "UTF-8";
/*

		   @@@
		 @ .. @
		 @\=/@
		 .- -.
		/(.|.)\
		\ ).( /
		'( v )`
		  \|/
		  (|)
		  '-`

 ###    ##   ###   ####
 #  #  #  #  #  #  #
 ###   #  #  ###   ###
 # #   ####  # #   #
 #  #  #  #  #  #  ####

 A CSS FRAMEWORK FOR
 BEAUTIFUL WEBSITES

*/
/*
Font: Semplicita Pro, hosted with Typekit in Ric’s account.
Regular: 400
Semi-bold: 600
*/
@import url("https://use.typekit.net/ymm0dqi.css");
::-moz-selection {
  background-color: #666;
  color: #fff;
}
::selection {
  background-color: #666;
  color: #fff;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*
RARE reset, this has additional rules to the standard normalize ones.
*/
* {
  box-sizing: border-box;
}

/*
Lists in navigation don’t need bullets
*/
nav ul {
  list-style-type: none;
}

nav ul > li {
  list-style-type: none;
}

/*
Reduce the standard line-height for everything so we can control the vertical rhythm better
*/
html, body {
  line-height: 1;
}

/*
We don’t want to make any assumptions over how the typography will be styled.
The tags are purely semantic and not an aid to the visual hierarchy.
*/
h1, h2, h3, h4, h5, h6, p, ul, ul, th, td, q, blockquote {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

figure {
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

caption {
  padding: 5px;
  text-align: left;
}

th {
  padding: 5px;
  text-align: left;
}

td {
  padding: 5px;
}

/*
It’s not really smaller text, it’s used for supporting copy such as describing the format required for an input tag.
*/
small {
  font-size: inherit;
}

/*
Links should inherit the parent element colour by default
*/
a:link, a:visited {
  color: inherit;
  text-decoration: none;
}

input, option, textarea {
  border: solid 1px #ccc;
}

legend {
  display: table;
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0.001em 0 0 0;
  min-width: 0;
  border: 0;
}

/*
Removes the bevels from the buttons
*/
button {
  border: none;
}

textarea {
  resize: vertical;
}

select {
  background-color: #fff;
  border-radius: inherit;
  -webkit-appearance: none;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

iframe {
  vertical-align: top;
  border: 0;
}

/*
Stops images have a weird little space below them
*/
img {
  vertical-align: top;
}

address {
  font-style: inherit;
}

/*
TODO ------- make this properly

Basic grid structure used for laying out grids, that’s actual proper grids of boxes. More complex layouts should be done
in their BEM blocks.

The grid cells by default have no spacing between them but a gutter can be added with a modifier. We use the negative
margin trick on the container of the grid to compensate for the margin between the cells. It’s simpler than using calc()
and better than padding both sides as that makes the grid narrower than the container.

The grid is purely a container. The actual content will usually be another element inside. This way no styles interfere
with the basic grid layout.

Basic grid

<div class="l-grid">
	<div class="l-grid__items">
		<div class="l-grid__item">
			<article>
				The content
			</article>
		</div>
		<div class="l-grid__item">
			<article>
				The content
			</article>
		</div>
	</div>
</div>
*/
/*
We need the extra container for clipping the sub item used for holding the grid cells as we use negative margins
*/
.l-grid {
  grid-gap: 40px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.l-grid--3-col > * {
  flex-basis: calc(33.333% - 40px);
  margin-bottom: 40px;
}

.l-grid--4-col > * {
  flex-basis: calc(25% - 40px);
  margin-bottom: 40px;
}

@supports ((display: -ms-grid) or (display: grid)) {
  .l-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
  }
  .l-grid > * {
    margin-bottom: 0;
  }
  .l-grid--3-col {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .l-grid--4-col {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}

.l-grid {
  display: -ms-grid;
  -ms-grid-rows: auto 40px auto 40px auto 40px auto 40px auto 40px auto 40px auto;
}

.l-grid--3-col {
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
}

.l-grid--3-col > *:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.l-grid--3-col > *:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}

.l-grid--3-col > *:nth-child(3) {
  -ms-grid-column: 5;
  -ms-grid-row: 1;
}

.l-grid--3-col > *:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}

.l-grid--3-col > *:nth-child(5) {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}

.l-grid--3-col > *:nth-child(6) {
  -ms-grid-column: 5;
  -ms-grid-row: 3;
}

.l-grid--3-col > *:nth-child(7) {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
}

.l-grid--3-col > *:nth-child(8) {
  -ms-grid-column: 3;
  -ms-grid-row: 5;
}

.l-grid--3-col > *:nth-child(9) {
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}

.l-grid--3-col > *:nth-child(10) {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
}

.l-grid--3-col > *:nth-child(11) {
  -ms-grid-column: 3;
  -ms-grid-row: 7;
}

.l-grid--3-col > *:nth-child(12) {
  -ms-grid-column: 5;
  -ms-grid-row: 7;
}

.l-grid--3-col > *:nth-child(13) {
  -ms-grid-column: 1;
  -ms-grid-row: 9;
}

.l-grid--3-col > *:nth-child(14) {
  -ms-grid-column: 3;
  -ms-grid-row: 9;
}

.l-grid--3-col > *:nth-child(15) {
  -ms-grid-column: 5;
  -ms-grid-row: 9;
}

.l-grid--3-col > *:nth-child(16) {
  -ms-grid-column: 1;
  -ms-grid-row: 11;
}

.l-grid--3-col > *:nth-child(17) {
  -ms-grid-column: 3;
  -ms-grid-row: 11;
}

.l-grid--3-col > *:nth-child(18) {
  -ms-grid-column: 5;
  -ms-grid-row: 11;
}

.l-grid--3-col > *:nth-child(19) {
  -ms-grid-column: 1;
  -ms-grid-row: 13;
}

.l-grid--3-col > *:nth-child(20) {
  -ms-grid-column: 3;
  -ms-grid-row: 13;
}

.l-grid--3-col > *:nth-child(21) {
  -ms-grid-column: 5;
  -ms-grid-row: 13;
}

.l-grid--3-col > *:nth-child(22) {
  -ms-grid-column: 1;
  -ms-grid-row: 15;
}

.l-grid--3-col > *:nth-child(23) {
  -ms-grid-column: 3;
  -ms-grid-row: 15;
}

.l-grid--3-col > *:nth-child(24) {
  -ms-grid-column: 5;
  -ms-grid-row: 15;
}

.l-grid--3-col > *:nth-child(25) {
  -ms-grid-column: 1;
  -ms-grid-row: 17;
}

.l-grid--3-col > *:nth-child(26) {
  -ms-grid-column: 3;
  -ms-grid-row: 17;
}

.l-grid--3-col > *:nth-child(27) {
  -ms-grid-column: 5;
  -ms-grid-row: 17;
}

.l-grid--3-col > *:nth-child(28) {
  -ms-grid-column: 1;
  -ms-grid-row: 19;
}

.l-grid--3-col > *:nth-child(29) {
  -ms-grid-column: 3;
  -ms-grid-row: 19;
}

.l-grid--3-col > *:nth-child(30) {
  -ms-grid-column: 5;
  -ms-grid-row: 19;
}

.l-grid--3-col > *:nth-child(31) {
  -ms-grid-column: 1;
  -ms-grid-row: 21;
}

.l-grid--3-col > *:nth-child(32) {
  -ms-grid-column: 3;
  -ms-grid-row: 21;
}

.l-grid--3-col > *:nth-child(33) {
  -ms-grid-column: 5;
  -ms-grid-row: 21;
}

.l-grid--3-col > *:nth-child(34) {
  -ms-grid-column: 1;
  -ms-grid-row: 23;
}

.l-grid--3-col > *:nth-child(35) {
  -ms-grid-column: 3;
  -ms-grid-row: 23;
}

.l-grid--3-col > *:nth-child(36) {
  -ms-grid-column: 5;
  -ms-grid-row: 23;
}

.l-grid--3-col > *:nth-child(37) {
  -ms-grid-column: 1;
  -ms-grid-row: 25;
}

.l-grid--3-col > *:nth-child(38) {
  -ms-grid-column: 3;
  -ms-grid-row: 25;
}

.l-grid--3-col > *:nth-child(39) {
  -ms-grid-column: 5;
  -ms-grid-row: 25;
}

.l-grid--3-col > *:nth-child(40) {
  -ms-grid-column: 1;
  -ms-grid-row: 27;
}

.l-grid--3-col > *:nth-child(41) {
  -ms-grid-column: 3;
  -ms-grid-row: 27;
}

.l-grid--3-col > *:nth-child(42) {
  -ms-grid-column: 5;
  -ms-grid-row: 27;
}

.l-grid--3-col > *:nth-child(43) {
  -ms-grid-column: 1;
  -ms-grid-row: 29;
}

.l-grid--3-col > *:nth-child(44) {
  -ms-grid-column: 3;
  -ms-grid-row: 29;
}

.l-grid--3-col > *:nth-child(45) {
  -ms-grid-column: 5;
  -ms-grid-row: 29;
}

.l-grid--3-col > *:nth-child(46) {
  -ms-grid-column: 1;
  -ms-grid-row: 31;
}

.l-grid--3-col > *:nth-child(47) {
  -ms-grid-column: 3;
  -ms-grid-row: 31;
}

.l-grid--3-col > *:nth-child(48) {
  -ms-grid-column: 5;
  -ms-grid-row: 31;
}

.l-grid--3-col > *:nth-child(49) {
  -ms-grid-column: 1;
  -ms-grid-row: 33;
}

.l-grid--3-col > *:nth-child(50) {
  -ms-grid-column: 3;
  -ms-grid-row: 33;
}

.l-grid--3-col > *:nth-child(51) {
  -ms-grid-column: 5;
  -ms-grid-row: 33;
}

.l-grid--3-col > *:nth-child(52) {
  -ms-grid-column: 1;
  -ms-grid-row: 35;
}

.l-grid--3-col > *:nth-child(53) {
  -ms-grid-column: 3;
  -ms-grid-row: 35;
}

.l-grid--3-col > *:nth-child(54) {
  -ms-grid-column: 5;
  -ms-grid-row: 35;
}

.l-grid--3-col > *:nth-child(55) {
  -ms-grid-column: 1;
  -ms-grid-row: 37;
}

.l-grid--3-col > *:nth-child(56) {
  -ms-grid-column: 3;
  -ms-grid-row: 37;
}

.l-grid--3-col > *:nth-child(57) {
  -ms-grid-column: 5;
  -ms-grid-row: 37;
}

.l-grid--3-col > *:nth-child(58) {
  -ms-grid-column: 1;
  -ms-grid-row: 39;
}

.l-grid--3-col > *:nth-child(59) {
  -ms-grid-column: 3;
  -ms-grid-row: 39;
}

.l-grid--3-col > *:nth-child(60) {
  -ms-grid-column: 5;
  -ms-grid-row: 39;
}

.l-grid--3-col > *:nth-child(61) {
  -ms-grid-column: 1;
  -ms-grid-row: 41;
}

.l-grid--3-col > *:nth-child(62) {
  -ms-grid-column: 3;
  -ms-grid-row: 41;
}

.l-grid--3-col > *:nth-child(63) {
  -ms-grid-column: 5;
  -ms-grid-row: 41;
}

.l-grid--3-col > *:nth-child(64) {
  -ms-grid-column: 1;
  -ms-grid-row: 43;
}

.l-grid--3-col > *:nth-child(65) {
  -ms-grid-column: 3;
  -ms-grid-row: 43;
}

.l-grid--3-col > *:nth-child(66) {
  -ms-grid-column: 5;
  -ms-grid-row: 43;
}

.l-grid--3-col > *:nth-child(67) {
  -ms-grid-column: 1;
  -ms-grid-row: 45;
}

.l-grid--3-col > *:nth-child(68) {
  -ms-grid-column: 3;
  -ms-grid-row: 45;
}

.l-grid--3-col > *:nth-child(69) {
  -ms-grid-column: 5;
  -ms-grid-row: 45;
}

.l-grid--3-col > *:nth-child(70) {
  -ms-grid-column: 1;
  -ms-grid-row: 47;
}

.l-grid--3-col > *:nth-child(71) {
  -ms-grid-column: 3;
  -ms-grid-row: 47;
}

.l-grid--3-col > *:nth-child(72) {
  -ms-grid-column: 5;
  -ms-grid-row: 47;
}

.l-grid--3-col > *:nth-child(73) {
  -ms-grid-column: 1;
  -ms-grid-row: 49;
}

.l-grid--3-col > *:nth-child(74) {
  -ms-grid-column: 3;
  -ms-grid-row: 49;
}

.l-grid--3-col > *:nth-child(75) {
  -ms-grid-column: 5;
  -ms-grid-row: 49;
}

.l-grid--3-col > *:nth-child(76) {
  -ms-grid-column: 1;
  -ms-grid-row: 51;
}

.l-grid--3-col > *:nth-child(77) {
  -ms-grid-column: 3;
  -ms-grid-row: 51;
}

.l-grid--3-col > *:nth-child(78) {
  -ms-grid-column: 5;
  -ms-grid-row: 51;
}

.l-grid--3-col > *:nth-child(79) {
  -ms-grid-column: 1;
  -ms-grid-row: 53;
}

.l-grid--3-col > *:nth-child(80) {
  -ms-grid-column: 3;
  -ms-grid-row: 53;
}

.l-grid--3-col > *:nth-child(81) {
  -ms-grid-column: 5;
  -ms-grid-row: 53;
}

.l-grid--3-col > *:nth-child(82) {
  -ms-grid-column: 1;
  -ms-grid-row: 55;
}

.l-grid--3-col > *:nth-child(83) {
  -ms-grid-column: 3;
  -ms-grid-row: 55;
}

.l-grid--3-col > *:nth-child(84) {
  -ms-grid-column: 5;
  -ms-grid-row: 55;
}

.l-grid--3-col > *:nth-child(85) {
  -ms-grid-column: 1;
  -ms-grid-row: 57;
}

.l-grid--3-col > *:nth-child(86) {
  -ms-grid-column: 3;
  -ms-grid-row: 57;
}

.l-grid--3-col > *:nth-child(87) {
  -ms-grid-column: 5;
  -ms-grid-row: 57;
}

.l-grid--3-col > *:nth-child(88) {
  -ms-grid-column: 1;
  -ms-grid-row: 59;
}

.l-grid--3-col > *:nth-child(89) {
  -ms-grid-column: 3;
  -ms-grid-row: 59;
}

.l-grid--3-col > *:nth-child(90) {
  -ms-grid-column: 5;
  -ms-grid-row: 59;
}

.l-grid--3-col > *:nth-child(91) {
  -ms-grid-column: 1;
  -ms-grid-row: 61;
}

.l-grid--3-col > *:nth-child(92) {
  -ms-grid-column: 3;
  -ms-grid-row: 61;
}

.l-grid--3-col > *:nth-child(93) {
  -ms-grid-column: 5;
  -ms-grid-row: 61;
}

.l-grid--3-col > *:nth-child(94) {
  -ms-grid-column: 1;
  -ms-grid-row: 63;
}

.l-grid--3-col > *:nth-child(95) {
  -ms-grid-column: 3;
  -ms-grid-row: 63;
}

.l-grid--3-col > *:nth-child(96) {
  -ms-grid-column: 5;
  -ms-grid-row: 63;
}

.l-grid--3-col > *:nth-child(97) {
  -ms-grid-column: 1;
  -ms-grid-row: 65;
}

.l-grid--3-col > *:nth-child(98) {
  -ms-grid-column: 3;
  -ms-grid-row: 65;
}

.l-grid--3-col > *:nth-child(99) {
  -ms-grid-column: 5;
  -ms-grid-row: 65;
}

.l-grid--3-col > *:nth-child(100) {
  -ms-grid-column: 1;
  -ms-grid-row: 67;
}

.l-grid--3-col > *:nth-child(101) {
  -ms-grid-column: 3;
  -ms-grid-row: 67;
}

.l-grid--3-col > *:nth-child(102) {
  -ms-grid-column: 5;
  -ms-grid-row: 67;
}

.l-grid--3-col > *:nth-child(103) {
  -ms-grid-column: 1;
  -ms-grid-row: 69;
}

.l-grid--3-col > *:nth-child(104) {
  -ms-grid-column: 3;
  -ms-grid-row: 69;
}

.l-grid--3-col > *:nth-child(105) {
  -ms-grid-column: 5;
  -ms-grid-row: 69;
}

.l-grid--3-col > *:nth-child(106) {
  -ms-grid-column: 1;
  -ms-grid-row: 71;
}

.l-grid--3-col > *:nth-child(107) {
  -ms-grid-column: 3;
  -ms-grid-row: 71;
}

.l-grid--3-col > *:nth-child(108) {
  -ms-grid-column: 5;
  -ms-grid-row: 71;
}

.l-grid--3-col > *:nth-child(109) {
  -ms-grid-column: 1;
  -ms-grid-row: 73;
}

.l-grid--3-col > *:nth-child(110) {
  -ms-grid-column: 3;
  -ms-grid-row: 73;
}

.l-grid--3-col > *:nth-child(111) {
  -ms-grid-column: 5;
  -ms-grid-row: 73;
}

.l-grid--3-col > *:nth-child(112) {
  -ms-grid-column: 1;
  -ms-grid-row: 75;
}

.l-grid--3-col > *:nth-child(113) {
  -ms-grid-column: 3;
  -ms-grid-row: 75;
}

.l-grid--3-col > *:nth-child(114) {
  -ms-grid-column: 5;
  -ms-grid-row: 75;
}

.l-grid--3-col > *:nth-child(115) {
  -ms-grid-column: 1;
  -ms-grid-row: 77;
}

.l-grid--3-col > *:nth-child(116) {
  -ms-grid-column: 3;
  -ms-grid-row: 77;
}

.l-grid--3-col > *:nth-child(117) {
  -ms-grid-column: 5;
  -ms-grid-row: 77;
}

.l-grid--3-col > *:nth-child(118) {
  -ms-grid-column: 1;
  -ms-grid-row: 79;
}

.l-grid--3-col > *:nth-child(119) {
  -ms-grid-column: 3;
  -ms-grid-row: 79;
}

.l-grid--3-col > *:nth-child(120) {
  -ms-grid-column: 5;
  -ms-grid-row: 79;
}

.l-grid--3-col > *:nth-child(121) {
  -ms-grid-column: 1;
  -ms-grid-row: 81;
}

.l-grid--3-col > *:nth-child(122) {
  -ms-grid-column: 3;
  -ms-grid-row: 81;
}

.l-grid--3-col > *:nth-child(123) {
  -ms-grid-column: 5;
  -ms-grid-row: 81;
}

.l-grid--3-col > *:nth-child(124) {
  -ms-grid-column: 1;
  -ms-grid-row: 83;
}

.l-grid--3-col > *:nth-child(125) {
  -ms-grid-column: 3;
  -ms-grid-row: 83;
}

.l-grid--3-col > *:nth-child(126) {
  -ms-grid-column: 5;
  -ms-grid-row: 83;
}

.l-grid--3-col > *:nth-child(127) {
  -ms-grid-column: 1;
  -ms-grid-row: 85;
}

.l-grid--3-col > *:nth-child(128) {
  -ms-grid-column: 3;
  -ms-grid-row: 85;
}

.l-grid--3-col > *:nth-child(129) {
  -ms-grid-column: 5;
  -ms-grid-row: 85;
}

.l-grid--3-col > *:nth-child(130) {
  -ms-grid-column: 1;
  -ms-grid-row: 87;
}

.l-grid--3-col > *:nth-child(131) {
  -ms-grid-column: 3;
  -ms-grid-row: 87;
}

.l-grid--3-col > *:nth-child(132) {
  -ms-grid-column: 5;
  -ms-grid-row: 87;
}

.l-grid--3-col > *:nth-child(133) {
  -ms-grid-column: 1;
  -ms-grid-row: 89;
}

.l-grid--3-col > *:nth-child(134) {
  -ms-grid-column: 3;
  -ms-grid-row: 89;
}

.l-grid--3-col > *:nth-child(135) {
  -ms-grid-column: 5;
  -ms-grid-row: 89;
}

.l-grid--3-col > *:nth-child(136) {
  -ms-grid-column: 1;
  -ms-grid-row: 91;
}

.l-grid--3-col > *:nth-child(137) {
  -ms-grid-column: 3;
  -ms-grid-row: 91;
}

.l-grid--3-col > *:nth-child(138) {
  -ms-grid-column: 5;
  -ms-grid-row: 91;
}

.l-grid--3-col > *:nth-child(139) {
  -ms-grid-column: 1;
  -ms-grid-row: 93;
}

.l-grid--3-col > *:nth-child(140) {
  -ms-grid-column: 3;
  -ms-grid-row: 93;
}

.l-grid--3-col > *:nth-child(141) {
  -ms-grid-column: 5;
  -ms-grid-row: 93;
}

.l-grid--3-col > *:nth-child(142) {
  -ms-grid-column: 1;
  -ms-grid-row: 95;
}

.l-grid--3-col > *:nth-child(143) {
  -ms-grid-column: 3;
  -ms-grid-row: 95;
}

.l-grid--3-col > *:nth-child(144) {
  -ms-grid-column: 5;
  -ms-grid-row: 95;
}

.l-grid--3-col > *:nth-child(145) {
  -ms-grid-column: 1;
  -ms-grid-row: 97;
}

.l-grid--3-col > *:nth-child(146) {
  -ms-grid-column: 3;
  -ms-grid-row: 97;
}

.l-grid--3-col > *:nth-child(147) {
  -ms-grid-column: 5;
  -ms-grid-row: 97;
}

.l-grid--3-col > *:nth-child(148) {
  -ms-grid-column: 1;
  -ms-grid-row: 99;
}

.l-grid--3-col > *:nth-child(149) {
  -ms-grid-column: 3;
  -ms-grid-row: 99;
}

.l-grid--3-col > *:nth-child(150) {
  -ms-grid-column: 5;
  -ms-grid-row: 99;
}

.l-grid--3-col > *:nth-child(151) {
  -ms-grid-column: 1;
  -ms-grid-row: 101;
}

.l-grid--3-col > *:nth-child(152) {
  -ms-grid-column: 3;
  -ms-grid-row: 101;
}

.l-grid--3-col > *:nth-child(153) {
  -ms-grid-column: 5;
  -ms-grid-row: 101;
}

.l-grid--3-col > *:nth-child(154) {
  -ms-grid-column: 1;
  -ms-grid-row: 103;
}

.l-grid--3-col > *:nth-child(155) {
  -ms-grid-column: 3;
  -ms-grid-row: 103;
}

.l-grid--3-col > *:nth-child(156) {
  -ms-grid-column: 5;
  -ms-grid-row: 103;
}

.l-grid--3-col > *:nth-child(157) {
  -ms-grid-column: 1;
  -ms-grid-row: 105;
}

.l-grid--3-col > *:nth-child(158) {
  -ms-grid-column: 3;
  -ms-grid-row: 105;
}

.l-grid--3-col > *:nth-child(159) {
  -ms-grid-column: 5;
  -ms-grid-row: 105;
}

.l-grid--3-col > *:nth-child(160) {
  -ms-grid-column: 1;
  -ms-grid-row: 107;
}

.l-grid--3-col > *:nth-child(161) {
  -ms-grid-column: 3;
  -ms-grid-row: 107;
}

.l-grid--3-col > *:nth-child(162) {
  -ms-grid-column: 5;
  -ms-grid-row: 107;
}

.l-grid--3-col > *:nth-child(163) {
  -ms-grid-column: 1;
  -ms-grid-row: 109;
}

.l-grid--3-col > *:nth-child(164) {
  -ms-grid-column: 3;
  -ms-grid-row: 109;
}

.l-grid--3-col > *:nth-child(165) {
  -ms-grid-column: 5;
  -ms-grid-row: 109;
}

.l-grid--3-col > *:nth-child(166) {
  -ms-grid-column: 1;
  -ms-grid-row: 111;
}

.l-grid--3-col > *:nth-child(167) {
  -ms-grid-column: 3;
  -ms-grid-row: 111;
}

.l-grid--3-col > *:nth-child(168) {
  -ms-grid-column: 5;
  -ms-grid-row: 111;
}

.l-grid--3-col > *:nth-child(169) {
  -ms-grid-column: 1;
  -ms-grid-row: 113;
}

.l-grid--3-col > *:nth-child(170) {
  -ms-grid-column: 3;
  -ms-grid-row: 113;
}

.l-grid--3-col > *:nth-child(171) {
  -ms-grid-column: 5;
  -ms-grid-row: 113;
}

.l-grid--3-col > *:nth-child(172) {
  -ms-grid-column: 1;
  -ms-grid-row: 115;
}

.l-grid--3-col > *:nth-child(173) {
  -ms-grid-column: 3;
  -ms-grid-row: 115;
}

.l-grid--3-col > *:nth-child(174) {
  -ms-grid-column: 5;
  -ms-grid-row: 115;
}

.l-grid--3-col > *:nth-child(175) {
  -ms-grid-column: 1;
  -ms-grid-row: 117;
}

.l-grid--3-col > *:nth-child(176) {
  -ms-grid-column: 3;
  -ms-grid-row: 117;
}

.l-grid--3-col > *:nth-child(177) {
  -ms-grid-column: 5;
  -ms-grid-row: 117;
}

.l-grid--3-col > *:nth-child(178) {
  -ms-grid-column: 1;
  -ms-grid-row: 119;
}

.l-grid--3-col > *:nth-child(179) {
  -ms-grid-column: 3;
  -ms-grid-row: 119;
}

.l-grid--3-col > *:nth-child(180) {
  -ms-grid-column: 5;
  -ms-grid-row: 119;
}

.l-grid--3-col > *:nth-child(181) {
  -ms-grid-column: 1;
  -ms-grid-row: 121;
}

.l-grid--3-col > *:nth-child(182) {
  -ms-grid-column: 3;
  -ms-grid-row: 121;
}

.l-grid--3-col > *:nth-child(183) {
  -ms-grid-column: 5;
  -ms-grid-row: 121;
}

.l-grid--3-col > *:nth-child(184) {
  -ms-grid-column: 1;
  -ms-grid-row: 123;
}

.l-grid--3-col > *:nth-child(185) {
  -ms-grid-column: 3;
  -ms-grid-row: 123;
}

.l-grid--3-col > *:nth-child(186) {
  -ms-grid-column: 5;
  -ms-grid-row: 123;
}

.l-grid--3-col > *:nth-child(187) {
  -ms-grid-column: 1;
  -ms-grid-row: 125;
}

.l-grid--3-col > *:nth-child(188) {
  -ms-grid-column: 3;
  -ms-grid-row: 125;
}

.l-grid--3-col > *:nth-child(189) {
  -ms-grid-column: 5;
  -ms-grid-row: 125;
}

.l-grid--3-col > *:nth-child(190) {
  -ms-grid-column: 1;
  -ms-grid-row: 127;
}

.l-grid--3-col > *:nth-child(191) {
  -ms-grid-column: 3;
  -ms-grid-row: 127;
}

.l-grid--3-col > *:nth-child(192) {
  -ms-grid-column: 5;
  -ms-grid-row: 127;
}

.l-grid--3-col > *:nth-child(193) {
  -ms-grid-column: 1;
  -ms-grid-row: 129;
}

.l-grid--3-col > *:nth-child(194) {
  -ms-grid-column: 3;
  -ms-grid-row: 129;
}

.l-grid--3-col > *:nth-child(195) {
  -ms-grid-column: 5;
  -ms-grid-row: 129;
}

.l-grid--3-col > *:nth-child(196) {
  -ms-grid-column: 1;
  -ms-grid-row: 131;
}

.l-grid--3-col > *:nth-child(197) {
  -ms-grid-column: 3;
  -ms-grid-row: 131;
}

.l-grid--3-col > *:nth-child(198) {
  -ms-grid-column: 5;
  -ms-grid-row: 131;
}

.l-grid--3-col > *:nth-child(199) {
  -ms-grid-column: 1;
  -ms-grid-row: 133;
}

.l-grid--3-col > *:nth-child(200) {
  -ms-grid-column: 3;
  -ms-grid-row: 133;
}

.l-grid--4-col {
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
}

.l-grid--4-col > *:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.l-grid--4-col > *:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}

.l-grid--4-col > *:nth-child(3) {
  -ms-grid-column: 5;
  -ms-grid-row: 1;
}

.l-grid--4-col > *:nth-child(4) {
  -ms-grid-column: 7;
  -ms-grid-row: 1;
}

.l-grid--4-col > *:nth-child(5) {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}

.l-grid--4-col > *:nth-child(6) {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}

.l-grid--4-col > *:nth-child(7) {
  -ms-grid-column: 5;
  -ms-grid-row: 3;
}

.l-grid--4-col > *:nth-child(8) {
  -ms-grid-column: 7;
  -ms-grid-row: 3;
}

.l-grid--4-col > *:nth-child(9) {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
}

.l-grid--4-col > *:nth-child(10) {
  -ms-grid-column: 3;
  -ms-grid-row: 5;
}

.l-grid--4-col > *:nth-child(11) {
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}

.l-grid--4-col > *:nth-child(12) {
  -ms-grid-column: 7;
  -ms-grid-row: 5;
}

.l-grid--4-col > *:nth-child(13) {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
}

.l-grid--4-col > *:nth-child(14) {
  -ms-grid-column: 3;
  -ms-grid-row: 7;
}

.l-grid--4-col > *:nth-child(15) {
  -ms-grid-column: 5;
  -ms-grid-row: 7;
}

.l-grid--4-col > *:nth-child(16) {
  -ms-grid-column: 7;
  -ms-grid-row: 7;
}

.l-grid--4-col > *:nth-child(17) {
  -ms-grid-column: 1;
  -ms-grid-row: 9;
}

.l-grid--4-col > *:nth-child(18) {
  -ms-grid-column: 3;
  -ms-grid-row: 9;
}

.l-grid--4-col > *:nth-child(19) {
  -ms-grid-column: 5;
  -ms-grid-row: 9;
}

.l-grid--4-col > *:nth-child(20) {
  -ms-grid-column: 7;
  -ms-grid-row: 9;
}

.l-grid--4-col > *:nth-child(21) {
  -ms-grid-column: 1;
  -ms-grid-row: 11;
}

.l-grid--4-col > *:nth-child(22) {
  -ms-grid-column: 3;
  -ms-grid-row: 11;
}

.l-grid--4-col > *:nth-child(23) {
  -ms-grid-column: 5;
  -ms-grid-row: 11;
}

.l-grid--4-col > *:nth-child(24) {
  -ms-grid-column: 7;
  -ms-grid-row: 11;
}

.l-grid--4-col > *:nth-child(25) {
  -ms-grid-column: 1;
  -ms-grid-row: 13;
}

.l-grid--4-col > *:nth-child(26) {
  -ms-grid-column: 3;
  -ms-grid-row: 13;
}

.l-grid--4-col > *:nth-child(27) {
  -ms-grid-column: 5;
  -ms-grid-row: 13;
}

.l-grid--4-col > *:nth-child(28) {
  -ms-grid-column: 7;
  -ms-grid-row: 13;
}

.l-grid--4-col > *:nth-child(29) {
  -ms-grid-column: 1;
  -ms-grid-row: 15;
}

.l-grid--4-col > *:nth-child(30) {
  -ms-grid-column: 3;
  -ms-grid-row: 15;
}

.l-grid--4-col > *:nth-child(31) {
  -ms-grid-column: 5;
  -ms-grid-row: 15;
}

.l-grid--4-col > *:nth-child(32) {
  -ms-grid-column: 7;
  -ms-grid-row: 15;
}

.l-grid--4-col > *:nth-child(33) {
  -ms-grid-column: 1;
  -ms-grid-row: 17;
}

.l-grid--4-col > *:nth-child(34) {
  -ms-grid-column: 3;
  -ms-grid-row: 17;
}

.l-grid--4-col > *:nth-child(35) {
  -ms-grid-column: 5;
  -ms-grid-row: 17;
}

.l-grid--4-col > *:nth-child(36) {
  -ms-grid-column: 7;
  -ms-grid-row: 17;
}

.l-grid--4-col > *:nth-child(37) {
  -ms-grid-column: 1;
  -ms-grid-row: 19;
}

.l-grid--4-col > *:nth-child(38) {
  -ms-grid-column: 3;
  -ms-grid-row: 19;
}

.l-grid--4-col > *:nth-child(39) {
  -ms-grid-column: 5;
  -ms-grid-row: 19;
}

.l-grid--4-col > *:nth-child(40) {
  -ms-grid-column: 7;
  -ms-grid-row: 19;
}

.l-grid--4-col > *:nth-child(41) {
  -ms-grid-column: 1;
  -ms-grid-row: 21;
}

.l-grid--4-col > *:nth-child(42) {
  -ms-grid-column: 3;
  -ms-grid-row: 21;
}

.l-grid--4-col > *:nth-child(43) {
  -ms-grid-column: 5;
  -ms-grid-row: 21;
}

.l-grid--4-col > *:nth-child(44) {
  -ms-grid-column: 7;
  -ms-grid-row: 21;
}

.l-grid--4-col > *:nth-child(45) {
  -ms-grid-column: 1;
  -ms-grid-row: 23;
}

.l-grid--4-col > *:nth-child(46) {
  -ms-grid-column: 3;
  -ms-grid-row: 23;
}

.l-grid--4-col > *:nth-child(47) {
  -ms-grid-column: 5;
  -ms-grid-row: 23;
}

.l-grid--4-col > *:nth-child(48) {
  -ms-grid-column: 7;
  -ms-grid-row: 23;
}

.l-grid--4-col > *:nth-child(49) {
  -ms-grid-column: 1;
  -ms-grid-row: 25;
}

.l-grid--4-col > *:nth-child(50) {
  -ms-grid-column: 3;
  -ms-grid-row: 25;
}

.l-grid--4-col > *:nth-child(51) {
  -ms-grid-column: 5;
  -ms-grid-row: 25;
}

.l-grid--4-col > *:nth-child(52) {
  -ms-grid-column: 7;
  -ms-grid-row: 25;
}

.l-grid--4-col > *:nth-child(53) {
  -ms-grid-column: 1;
  -ms-grid-row: 27;
}

.l-grid--4-col > *:nth-child(54) {
  -ms-grid-column: 3;
  -ms-grid-row: 27;
}

.l-grid--4-col > *:nth-child(55) {
  -ms-grid-column: 5;
  -ms-grid-row: 27;
}

.l-grid--4-col > *:nth-child(56) {
  -ms-grid-column: 7;
  -ms-grid-row: 27;
}

.l-grid--4-col > *:nth-child(57) {
  -ms-grid-column: 1;
  -ms-grid-row: 29;
}

.l-grid--4-col > *:nth-child(58) {
  -ms-grid-column: 3;
  -ms-grid-row: 29;
}

.l-grid--4-col > *:nth-child(59) {
  -ms-grid-column: 5;
  -ms-grid-row: 29;
}

.l-grid--4-col > *:nth-child(60) {
  -ms-grid-column: 7;
  -ms-grid-row: 29;
}

.l-grid--4-col > *:nth-child(61) {
  -ms-grid-column: 1;
  -ms-grid-row: 31;
}

.l-grid--4-col > *:nth-child(62) {
  -ms-grid-column: 3;
  -ms-grid-row: 31;
}

.l-grid--4-col > *:nth-child(63) {
  -ms-grid-column: 5;
  -ms-grid-row: 31;
}

.l-grid--4-col > *:nth-child(64) {
  -ms-grid-column: 7;
  -ms-grid-row: 31;
}

.l-grid--4-col > *:nth-child(65) {
  -ms-grid-column: 1;
  -ms-grid-row: 33;
}

.l-grid--4-col > *:nth-child(66) {
  -ms-grid-column: 3;
  -ms-grid-row: 33;
}

.l-grid--4-col > *:nth-child(67) {
  -ms-grid-column: 5;
  -ms-grid-row: 33;
}

.l-grid--4-col > *:nth-child(68) {
  -ms-grid-column: 7;
  -ms-grid-row: 33;
}

.l-grid--4-col > *:nth-child(69) {
  -ms-grid-column: 1;
  -ms-grid-row: 35;
}

.l-grid--4-col > *:nth-child(70) {
  -ms-grid-column: 3;
  -ms-grid-row: 35;
}

.l-grid--4-col > *:nth-child(71) {
  -ms-grid-column: 5;
  -ms-grid-row: 35;
}

.l-grid--4-col > *:nth-child(72) {
  -ms-grid-column: 7;
  -ms-grid-row: 35;
}

.l-grid--4-col > *:nth-child(73) {
  -ms-grid-column: 1;
  -ms-grid-row: 37;
}

.l-grid--4-col > *:nth-child(74) {
  -ms-grid-column: 3;
  -ms-grid-row: 37;
}

.l-grid--4-col > *:nth-child(75) {
  -ms-grid-column: 5;
  -ms-grid-row: 37;
}

.l-grid--4-col > *:nth-child(76) {
  -ms-grid-column: 7;
  -ms-grid-row: 37;
}

.l-grid--4-col > *:nth-child(77) {
  -ms-grid-column: 1;
  -ms-grid-row: 39;
}

.l-grid--4-col > *:nth-child(78) {
  -ms-grid-column: 3;
  -ms-grid-row: 39;
}

.l-grid--4-col > *:nth-child(79) {
  -ms-grid-column: 5;
  -ms-grid-row: 39;
}

.l-grid--4-col > *:nth-child(80) {
  -ms-grid-column: 7;
  -ms-grid-row: 39;
}

.l-grid--4-col > *:nth-child(81) {
  -ms-grid-column: 1;
  -ms-grid-row: 41;
}

.l-grid--4-col > *:nth-child(82) {
  -ms-grid-column: 3;
  -ms-grid-row: 41;
}

.l-grid--4-col > *:nth-child(83) {
  -ms-grid-column: 5;
  -ms-grid-row: 41;
}

.l-grid--4-col > *:nth-child(84) {
  -ms-grid-column: 7;
  -ms-grid-row: 41;
}

.l-grid--4-col > *:nth-child(85) {
  -ms-grid-column: 1;
  -ms-grid-row: 43;
}

.l-grid--4-col > *:nth-child(86) {
  -ms-grid-column: 3;
  -ms-grid-row: 43;
}

.l-grid--4-col > *:nth-child(87) {
  -ms-grid-column: 5;
  -ms-grid-row: 43;
}

.l-grid--4-col > *:nth-child(88) {
  -ms-grid-column: 7;
  -ms-grid-row: 43;
}

.l-grid--4-col > *:nth-child(89) {
  -ms-grid-column: 1;
  -ms-grid-row: 45;
}

.l-grid--4-col > *:nth-child(90) {
  -ms-grid-column: 3;
  -ms-grid-row: 45;
}

.l-grid--4-col > *:nth-child(91) {
  -ms-grid-column: 5;
  -ms-grid-row: 45;
}

.l-grid--4-col > *:nth-child(92) {
  -ms-grid-column: 7;
  -ms-grid-row: 45;
}

.l-grid--4-col > *:nth-child(93) {
  -ms-grid-column: 1;
  -ms-grid-row: 47;
}

.l-grid--4-col > *:nth-child(94) {
  -ms-grid-column: 3;
  -ms-grid-row: 47;
}

.l-grid--4-col > *:nth-child(95) {
  -ms-grid-column: 5;
  -ms-grid-row: 47;
}

.l-grid--4-col > *:nth-child(96) {
  -ms-grid-column: 7;
  -ms-grid-row: 47;
}

.l-grid--4-col > *:nth-child(97) {
  -ms-grid-column: 1;
  -ms-grid-row: 49;
}

.l-grid--4-col > *:nth-child(98) {
  -ms-grid-column: 3;
  -ms-grid-row: 49;
}

.l-grid--4-col > *:nth-child(99) {
  -ms-grid-column: 5;
  -ms-grid-row: 49;
}

.l-grid--4-col > *:nth-child(100) {
  -ms-grid-column: 7;
  -ms-grid-row: 49;
}

.l-grid--4-col > *:nth-child(101) {
  -ms-grid-column: 1;
  -ms-grid-row: 51;
}

.l-grid--4-col > *:nth-child(102) {
  -ms-grid-column: 3;
  -ms-grid-row: 51;
}

.l-grid--4-col > *:nth-child(103) {
  -ms-grid-column: 5;
  -ms-grid-row: 51;
}

.l-grid--4-col > *:nth-child(104) {
  -ms-grid-column: 7;
  -ms-grid-row: 51;
}

.l-grid--4-col > *:nth-child(105) {
  -ms-grid-column: 1;
  -ms-grid-row: 53;
}

.l-grid--4-col > *:nth-child(106) {
  -ms-grid-column: 3;
  -ms-grid-row: 53;
}

.l-grid--4-col > *:nth-child(107) {
  -ms-grid-column: 5;
  -ms-grid-row: 53;
}

.l-grid--4-col > *:nth-child(108) {
  -ms-grid-column: 7;
  -ms-grid-row: 53;
}

.l-grid--4-col > *:nth-child(109) {
  -ms-grid-column: 1;
  -ms-grid-row: 55;
}

.l-grid--4-col > *:nth-child(110) {
  -ms-grid-column: 3;
  -ms-grid-row: 55;
}

.l-grid--4-col > *:nth-child(111) {
  -ms-grid-column: 5;
  -ms-grid-row: 55;
}

.l-grid--4-col > *:nth-child(112) {
  -ms-grid-column: 7;
  -ms-grid-row: 55;
}

.l-grid--4-col > *:nth-child(113) {
  -ms-grid-column: 1;
  -ms-grid-row: 57;
}

.l-grid--4-col > *:nth-child(114) {
  -ms-grid-column: 3;
  -ms-grid-row: 57;
}

.l-grid--4-col > *:nth-child(115) {
  -ms-grid-column: 5;
  -ms-grid-row: 57;
}

.l-grid--4-col > *:nth-child(116) {
  -ms-grid-column: 7;
  -ms-grid-row: 57;
}

.l-grid--4-col > *:nth-child(117) {
  -ms-grid-column: 1;
  -ms-grid-row: 59;
}

.l-grid--4-col > *:nth-child(118) {
  -ms-grid-column: 3;
  -ms-grid-row: 59;
}

.l-grid--4-col > *:nth-child(119) {
  -ms-grid-column: 5;
  -ms-grid-row: 59;
}

.l-grid--4-col > *:nth-child(120) {
  -ms-grid-column: 7;
  -ms-grid-row: 59;
}

.l-grid--4-col > *:nth-child(121) {
  -ms-grid-column: 1;
  -ms-grid-row: 61;
}

.l-grid--4-col > *:nth-child(122) {
  -ms-grid-column: 3;
  -ms-grid-row: 61;
}

.l-grid--4-col > *:nth-child(123) {
  -ms-grid-column: 5;
  -ms-grid-row: 61;
}

.l-grid--4-col > *:nth-child(124) {
  -ms-grid-column: 7;
  -ms-grid-row: 61;
}

.l-grid--4-col > *:nth-child(125) {
  -ms-grid-column: 1;
  -ms-grid-row: 63;
}

.l-grid--4-col > *:nth-child(126) {
  -ms-grid-column: 3;
  -ms-grid-row: 63;
}

.l-grid--4-col > *:nth-child(127) {
  -ms-grid-column: 5;
  -ms-grid-row: 63;
}

.l-grid--4-col > *:nth-child(128) {
  -ms-grid-column: 7;
  -ms-grid-row: 63;
}

.l-grid--4-col > *:nth-child(129) {
  -ms-grid-column: 1;
  -ms-grid-row: 65;
}

.l-grid--4-col > *:nth-child(130) {
  -ms-grid-column: 3;
  -ms-grid-row: 65;
}

.l-grid--4-col > *:nth-child(131) {
  -ms-grid-column: 5;
  -ms-grid-row: 65;
}

.l-grid--4-col > *:nth-child(132) {
  -ms-grid-column: 7;
  -ms-grid-row: 65;
}

.l-grid--4-col > *:nth-child(133) {
  -ms-grid-column: 1;
  -ms-grid-row: 67;
}

.l-grid--4-col > *:nth-child(134) {
  -ms-grid-column: 3;
  -ms-grid-row: 67;
}

.l-grid--4-col > *:nth-child(135) {
  -ms-grid-column: 5;
  -ms-grid-row: 67;
}

.l-grid--4-col > *:nth-child(136) {
  -ms-grid-column: 7;
  -ms-grid-row: 67;
}

.l-grid--4-col > *:nth-child(137) {
  -ms-grid-column: 1;
  -ms-grid-row: 69;
}

.l-grid--4-col > *:nth-child(138) {
  -ms-grid-column: 3;
  -ms-grid-row: 69;
}

.l-grid--4-col > *:nth-child(139) {
  -ms-grid-column: 5;
  -ms-grid-row: 69;
}

.l-grid--4-col > *:nth-child(140) {
  -ms-grid-column: 7;
  -ms-grid-row: 69;
}

.l-grid--4-col > *:nth-child(141) {
  -ms-grid-column: 1;
  -ms-grid-row: 71;
}

.l-grid--4-col > *:nth-child(142) {
  -ms-grid-column: 3;
  -ms-grid-row: 71;
}

.l-grid--4-col > *:nth-child(143) {
  -ms-grid-column: 5;
  -ms-grid-row: 71;
}

.l-grid--4-col > *:nth-child(144) {
  -ms-grid-column: 7;
  -ms-grid-row: 71;
}

.l-grid--4-col > *:nth-child(145) {
  -ms-grid-column: 1;
  -ms-grid-row: 73;
}

.l-grid--4-col > *:nth-child(146) {
  -ms-grid-column: 3;
  -ms-grid-row: 73;
}

.l-grid--4-col > *:nth-child(147) {
  -ms-grid-column: 5;
  -ms-grid-row: 73;
}

.l-grid--4-col > *:nth-child(148) {
  -ms-grid-column: 7;
  -ms-grid-row: 73;
}

.l-grid--4-col > *:nth-child(149) {
  -ms-grid-column: 1;
  -ms-grid-row: 75;
}

.l-grid--4-col > *:nth-child(150) {
  -ms-grid-column: 3;
  -ms-grid-row: 75;
}

.l-grid--4-col > *:nth-child(151) {
  -ms-grid-column: 5;
  -ms-grid-row: 75;
}

.l-grid--4-col > *:nth-child(152) {
  -ms-grid-column: 7;
  -ms-grid-row: 75;
}

.l-grid--4-col > *:nth-child(153) {
  -ms-grid-column: 1;
  -ms-grid-row: 77;
}

.l-grid--4-col > *:nth-child(154) {
  -ms-grid-column: 3;
  -ms-grid-row: 77;
}

.l-grid--4-col > *:nth-child(155) {
  -ms-grid-column: 5;
  -ms-grid-row: 77;
}

.l-grid--4-col > *:nth-child(156) {
  -ms-grid-column: 7;
  -ms-grid-row: 77;
}

.l-grid--4-col > *:nth-child(157) {
  -ms-grid-column: 1;
  -ms-grid-row: 79;
}

.l-grid--4-col > *:nth-child(158) {
  -ms-grid-column: 3;
  -ms-grid-row: 79;
}

.l-grid--4-col > *:nth-child(159) {
  -ms-grid-column: 5;
  -ms-grid-row: 79;
}

.l-grid--4-col > *:nth-child(160) {
  -ms-grid-column: 7;
  -ms-grid-row: 79;
}

.l-grid--4-col > *:nth-child(161) {
  -ms-grid-column: 1;
  -ms-grid-row: 81;
}

.l-grid--4-col > *:nth-child(162) {
  -ms-grid-column: 3;
  -ms-grid-row: 81;
}

.l-grid--4-col > *:nth-child(163) {
  -ms-grid-column: 5;
  -ms-grid-row: 81;
}

.l-grid--4-col > *:nth-child(164) {
  -ms-grid-column: 7;
  -ms-grid-row: 81;
}

.l-grid--4-col > *:nth-child(165) {
  -ms-grid-column: 1;
  -ms-grid-row: 83;
}

.l-grid--4-col > *:nth-child(166) {
  -ms-grid-column: 3;
  -ms-grid-row: 83;
}

.l-grid--4-col > *:nth-child(167) {
  -ms-grid-column: 5;
  -ms-grid-row: 83;
}

.l-grid--4-col > *:nth-child(168) {
  -ms-grid-column: 7;
  -ms-grid-row: 83;
}

.l-grid--4-col > *:nth-child(169) {
  -ms-grid-column: 1;
  -ms-grid-row: 85;
}

.l-grid--4-col > *:nth-child(170) {
  -ms-grid-column: 3;
  -ms-grid-row: 85;
}

.l-grid--4-col > *:nth-child(171) {
  -ms-grid-column: 5;
  -ms-grid-row: 85;
}

.l-grid--4-col > *:nth-child(172) {
  -ms-grid-column: 7;
  -ms-grid-row: 85;
}

.l-grid--4-col > *:nth-child(173) {
  -ms-grid-column: 1;
  -ms-grid-row: 87;
}

.l-grid--4-col > *:nth-child(174) {
  -ms-grid-column: 3;
  -ms-grid-row: 87;
}

.l-grid--4-col > *:nth-child(175) {
  -ms-grid-column: 5;
  -ms-grid-row: 87;
}

.l-grid--4-col > *:nth-child(176) {
  -ms-grid-column: 7;
  -ms-grid-row: 87;
}

.l-grid--4-col > *:nth-child(177) {
  -ms-grid-column: 1;
  -ms-grid-row: 89;
}

.l-grid--4-col > *:nth-child(178) {
  -ms-grid-column: 3;
  -ms-grid-row: 89;
}

.l-grid--4-col > *:nth-child(179) {
  -ms-grid-column: 5;
  -ms-grid-row: 89;
}

.l-grid--4-col > *:nth-child(180) {
  -ms-grid-column: 7;
  -ms-grid-row: 89;
}

.l-grid--4-col > *:nth-child(181) {
  -ms-grid-column: 1;
  -ms-grid-row: 91;
}

.l-grid--4-col > *:nth-child(182) {
  -ms-grid-column: 3;
  -ms-grid-row: 91;
}

.l-grid--4-col > *:nth-child(183) {
  -ms-grid-column: 5;
  -ms-grid-row: 91;
}

.l-grid--4-col > *:nth-child(184) {
  -ms-grid-column: 7;
  -ms-grid-row: 91;
}

.l-grid--4-col > *:nth-child(185) {
  -ms-grid-column: 1;
  -ms-grid-row: 93;
}

.l-grid--4-col > *:nth-child(186) {
  -ms-grid-column: 3;
  -ms-grid-row: 93;
}

.l-grid--4-col > *:nth-child(187) {
  -ms-grid-column: 5;
  -ms-grid-row: 93;
}

.l-grid--4-col > *:nth-child(188) {
  -ms-grid-column: 7;
  -ms-grid-row: 93;
}

.l-grid--4-col > *:nth-child(189) {
  -ms-grid-column: 1;
  -ms-grid-row: 95;
}

.l-grid--4-col > *:nth-child(190) {
  -ms-grid-column: 3;
  -ms-grid-row: 95;
}

.l-grid--4-col > *:nth-child(191) {
  -ms-grid-column: 5;
  -ms-grid-row: 95;
}

.l-grid--4-col > *:nth-child(192) {
  -ms-grid-column: 7;
  -ms-grid-row: 95;
}

.l-grid--4-col > *:nth-child(193) {
  -ms-grid-column: 1;
  -ms-grid-row: 97;
}

.l-grid--4-col > *:nth-child(194) {
  -ms-grid-column: 3;
  -ms-grid-row: 97;
}

.l-grid--4-col > *:nth-child(195) {
  -ms-grid-column: 5;
  -ms-grid-row: 97;
}

.l-grid--4-col > *:nth-child(196) {
  -ms-grid-column: 7;
  -ms-grid-row: 97;
}

.l-grid--4-col > *:nth-child(197) {
  -ms-grid-column: 1;
  -ms-grid-row: 99;
}

.l-grid--4-col > *:nth-child(198) {
  -ms-grid-column: 3;
  -ms-grid-row: 99;
}

.l-grid--4-col > *:nth-child(199) {
  -ms-grid-column: 5;
  -ms-grid-row: 99;
}

.l-grid--4-col > *:nth-child(200) {
  -ms-grid-column: 7;
  -ms-grid-row: 99;
}

/*
Utilities are helper classes that can override the values specified elsewhere. This means !important is allowed and
actually encouraged, see http://csswizardry.com/2016/05/the-importance-of-important/
*/
/*
These classes are used to space items vertically and consistently. Use them to to space out core blocks of content.
*/
.u-mb-none {
  margin-bottom: 0 !important;
}

.u-mb-auto {
  margin-bottom: auto !important;
}

.u-mb-1 {
  margin-bottom: 1px !important;
}

.u-mb-2 {
  margin-bottom: 2px !important;
}

.u-mb-3 {
  margin-bottom: 3px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-mb-6 {
  margin-bottom: 6px !important;
}

.u-mb-7 {
  margin-bottom: 7px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-mb-9 {
  margin-bottom: 9px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-mb-90 {
  margin-bottom: 90px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-mb-110 {
  margin-bottom: 110px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-mb-130 {
  margin-bottom: 130px !important;
}

.u-mb-140 {
  margin-bottom: 140px !important;
}

.u-mb-150 {
  margin-bottom: 150px !important;
}

.u-mb-160 {
  margin-bottom: 160px !important;
}

.u-mb-170 {
  margin-bottom: 170px !important;
}

.u-mb-180 {
  margin-bottom: 180px !important;
}

.u-mb-190 {
  margin-bottom: 190px !important;
}

.u-mb-200 {
  margin-bottom: 200px !important;
}

.u-mt-none {
  margin-bottom: 0 !important;
}

.u-mt-auto {
  margin-top: auto !important;
}

.u-mt-1 {
  margin-top: 1px !important;
}

.u-mt-2 {
  margin-top: 2px !important;
}

.u-mt-3 {
  margin-top: 3px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-6 {
  margin-top: 6px !important;
}

.u-mt-7 {
  margin-top: 7px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mt-9 {
  margin-top: 9px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-45 {
  margin-top: 45px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mt-90 {
  margin-top: 90px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mt-110 {
  margin-top: 110px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

.u-mt-130 {
  margin-top: 130px !important;
}

.u-mt-140 {
  margin-top: 140px !important;
}

.u-mt-150 {
  margin-top: 150px !important;
}

.u-mt-160 {
  margin-top: 160px !important;
}

.u-mt-170 {
  margin-top: 170px !important;
}

.u-mt-180 {
  margin-top: 180px !important;
}

.u-mt-190 {
  margin-top: 190px !important;
}

.u-mt-200 {
  margin-top: 200px !important;
}

.u-mr-auto {
  margin-right: auto;
}

.u-mr-1 {
  margin-right: 1px !important;
}

.u-mr-2 {
  margin-right: 2px !important;
}

.u-mr-3 {
  margin-right: 3px !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-6 {
  margin-right: 6px !important;
}

.u-mr-7 {
  margin-right: 7px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-mr-9 {
  margin-right: 9px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-12 {
  margin-right: 12px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-mr-110 {
  margin-right: 110px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-mr-130 {
  margin-right: 130px !important;
}

.u-mr-140 {
  margin-right: 140px !important;
}

.u-mr-150 {
  margin-right: 150px !important;
}

.u-mr-160 {
  margin-right: 160px !important;
}

.u-mr-170 {
  margin-right: 170px !important;
}

.u-mr-180 {
  margin-right: 180px !important;
}

.u-mr-190 {
  margin-right: 190px !important;
}

.u-mr-200 {
  margin-right: 200px !important;
}

.u-ml-auto {
  margin-left: auto;
}

.u-ml-1 {
  margin-left: 1px !important;
}

.u-ml-2 {
  margin-left: 2px !important;
}

.u-ml-3 {
  margin-left: 3px !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-6 {
  margin-left: 6px !important;
}

.u-ml-7 {
  margin-left: 7px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-ml-9 {
  margin-left: 9px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-12 {
  margin-left: 12px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-ml-110 {
  margin-left: 110px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

.u-ml-130 {
  margin-left: 130px !important;
}

.u-ml-140 {
  margin-left: 140px !important;
}

.u-ml-150 {
  margin-left: 150px !important;
}

.u-ml-160 {
  margin-left: 160px !important;
}

.u-ml-170 {
  margin-left: 170px !important;
}

.u-ml-180 {
  margin-left: 180px !important;
}

.u-ml-190 {
  margin-left: 190px !important;
}

.u-ml-200 {
  margin-left: 200px !important;
}

.u-pb-1 {
  padding-bottom: 1px !important;
}

.u-pb-2 {
  padding-bottom: 2px !important;
}

.u-pb-3 {
  padding-bottom: 3px !important;
}

.u-pb-4 {
  padding-bottom: 4px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-6 {
  padding-bottom: 6px !important;
}

.u-pb-7 {
  padding-bottom: 7px !important;
}

.u-pb-8 {
  padding-bottom: 8px !important;
}

.u-pb-9 {
  padding-bottom: 9px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-12 {
  padding-bottom: 12px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pb-110 {
  padding-bottom: 110px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pb-130 {
  padding-bottom: 130px !important;
}

.u-pb-140 {
  padding-bottom: 140px !important;
}

.u-pb-150 {
  padding-bottom: 150px !important;
}

.u-pb-160 {
  padding-bottom: 160px !important;
}

.u-pb-170 {
  padding-bottom: 170px !important;
}

.u-pb-180 {
  padding-bottom: 180px !important;
}

.u-pb-190 {
  padding-bottom: 190px !important;
}

.u-pb-200 {
  padding-bottom: 200px !important;
}

.u-pt-1 {
  padding-top: 1px !important;
}

.u-pt-2 {
  padding-top: 2px !important;
}

.u-pt-3 {
  padding-top: 3px !important;
}

.u-pt-4 {
  padding-top: 4px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-6 {
  padding-top: 6px !important;
}

.u-pt-7 {
  padding-top: 7px !important;
}

.u-pt-8 {
  padding-top: 8px !important;
}

.u-pt-9 {
  padding-top: 9px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-12 {
  padding-top: 12px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pt-110 {
  padding-top: 110px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pt-130 {
  padding-top: 130px !important;
}

.u-pt-140 {
  padding-top: 140px !important;
}

.u-pt-150 {
  padding-top: 150px !important;
}

.u-pt-160 {
  padding-top: 160px !important;
}

.u-pt-170 {
  padding-top: 170px !important;
}

.u-pt-180 {
  padding-top: 180px !important;
}

.u-pt-190 {
  padding-top: 190px !important;
}

.u-pt-200 {
  padding-top: 200px !important;
}

/*
Spans are used to fix the width of elements on the website. We give spans their maximum width - that used for desktop,
then a percentage width. By setting this less then 100% smaller screens will keep a little space on each side that
scales are the device does.
*/
.u-w {
  width: 100%;
  /*
	Centre an element on the page
	*/
  /*
	Make box flush to edges on smaller screens
	*/
}

.u-w--centred {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-w-narrow {
  width: 94%;
  max-width: 900px !important;
}

.u-w-medium {
  width: 94%;
  max-width: 1000px !important;
}

.u-w-nav {
  width: 94%;
  max-width: 1030px !important;
}

.u-w-wide {
  width: 94%;
  max-width: 1200px !important;
}

@media all and (max-width: 600px) {
  .u-w--m-flush {
    width: 100%;
  }
}

/*

Takes all the colours in the $colours map and turns them into classes for the foreground and background

Example;
$colours: (
	body-text: #222
);

becomes

.bgc-body-text {
	background-color :#222;
}

.fgc-body-text {
	color: #222;
}

Colours are defined in settings.scss

*/
.bgc-body-text {
  background-color: #222;
}

.bgc-white {
  background-color: #fff;
}

.bgc-dark-blue {
  background-color: #092737;
}

.bgc-peacock {
  background-color: #259a9f;
}

.bgc-off-white {
  background-color: #f5f5f5;
}

.bgc-light-grey {
  background-color: #c1c0c0;
}

.bgc-mid-grey {
  background-color: #7c7b7b;
}

.bgc-sea-grey {
  background-color: #717f8c;
}

.bgc-invalid {
  background-color: #c00;
}

.fgc-body-text {
  color: #222;
}

.fgc-white {
  color: #fff;
}

.fgc-dark-blue {
  color: #092737;
}

.fgc-peacock {
  color: #259a9f;
}

.fgc-off-white {
  color: #f5f5f5;
}

.fgc-light-grey {
  color: #c1c0c0;
}

.fgc-mid-grey {
  color: #7c7b7b;
}

.fgc-sea-grey {
  color: #717f8c;
}

.fgc-invalid {
  color: #c00;
}

.img-fade {
  opacity: .3;
}

.u-hidden {
  display: none;
}

/*
Specify all the typographic styles that are going to be reused.
*/
html {
  color: #222;
  font-family: "semplicitapro", Arial, sans-serif;
  font-size: 14pt;
  font-weight: 400;
  letter-spacing: .05ch;
}

@media all and (min-width: 600px) {
  html {
    font-size: 13pt;
  }
}

.t {
  /*
	Used to keep words together. This is a sentence, keep <span class="t--widows">these words together</span>
	*/
}

.t-1, .cms-t-1 {
  margin-bottom: .2em;
  font-size: 24pt;
  line-height: 1.2;
}

.t-2, .cms-t-2 {
  margin-bottom: .2em;
  font-size: 17pt;
  font-weight: 600;
  line-height: 1.2;
}

.t-3, .cms-t-3 {
  font-size: 14pt;
  line-height: 1.1;
}

.t-small {
  margin-bottom: .3em;
  font-size: 10pt;
  line-height: 1.2;
  text-transform: uppercase;
}

.t--regular {
  font-weight: 400;
}

.t--bold {
  font-weight: 600;
}

.t--underline {
  margin-bottom: .4em;
  padding-bottom: .2em;
  border-bottom: solid 2px currentColor;
}

.t--widows {
  white-space: nowrap;
}

/*
Default styles to add to various tags
*/
b,
strong {
  font-weight: 600;
}

.button {
  display: inline-block;
  padding: 12px 26px;
  background-color: transparent;
  border: solid 1px #259a9f;
  color: inherit;
  font-family: inherit;
  font-size: 12pt;
  line-height: 1;
  cursor: pointer;
  transition: all .2s linear;
}

.button:link, .button:visited {
  color: #7c7b7b;
}

.button:hover, .button:active {
  background-color: rgba(9, 39, 55, 0.1);
}

.signup-button {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 15px 18px;
  min-width: 280px;
  background-color: #092737;
  border: solid 2px #259a9f;
  color: #fff;
  font-size: 12pt;
}

.signup-button:link, .signup-button:visited {
  color: #fff;
}

.signup-button:hover .signup-button__arrow {
  fill: #fff;
}

.signup-button--small {
  height: 50px;
}

.signup-button__label {
  margin-right: 6px;
}

@media all and (min-width: 780px) {
  .signup-button__label {
    display: block;
    width: 244px;
  }
}

.signup-button__icon {
  height: 17px;
}

@media all and (min-width: 780px) {
  .signup-button__icon {
    height: 50px;
  }
}

.signup-button__icon--small {
  height: 30px;
}

.signup-button__arrow {
  fill: #259a9f;
  transition: all .2s ease-in-out;
}

.control {
  display: block;
  /*
	as we cover the default button with a box we need to wrap the <select> with an element so we can use it’s height
	for the pseudo element
	 */
}

@media all and (min-width: 550px) {
  .control {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: flex;
  }
}

.control:not(:last-child) {
  margin-bottom: 20px;
}

@media all and (min-width: 550px) {
  .control:not(:last-child) {
    margin-bottom: 40px;
  }
}

.control:hover .control__control {
  border: solid 1px #259a9f;
}

.control__select {
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
}

.control__select:hover::after {
  background-image: url(../../img/icon-select--hover.svg);
}

.control__select::after {
  content: '';
  display: block;
  bottom: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 30px;
  background-color: #fff;
  background-image: url(../../img/icon-select.svg);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  pointer-events: none;
}

.control__name {
  flex-shrink: 0;
  display: block;
  margin-bottom: 10px;
  width: 180px;
  cursor: pointer;
}

.control__control {
  padding: 7px 9px;
  width: 100%;
  border: solid 1px #bbb;
  color: #555;
  font-family: system, sans-serif;
  transition: border .1s linear;
}

.control__control:focus {
  border: solid 1px #259a9f;
}

.control__control--textarea {
  height: 150px;
}

.control__error {
  display: block;
  margin-bottom: 10px;
  color: #c00;
  font-size: .8em;
  line-height: 1.2;
}

/*
These are rules that don’t need classes as they’re based on the HTML display
*/
input:required:invalid, select:required:invalid, textarea:required:invalid {
  box-shadow: none;
  background-image: url(../../img/icon-required.svg);
  background-position: calc(100% - 7px) 7px;
  background-repeat: no-repeat;
}

input:focus:invalid, select:focus:invalid, textarea:focus:invalid {
  border-color: #c00 !important;
}

.pagination {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  margin-bottom: 30px;
  font-weight: 600;
}

.pagination__item {
  padding: 0 10px;
}

.pagination__item--disabled {
  opacity: .5;
}

.pagination__item:hover, .pagination__item:active, .pagination__item--active {
  color: #222;
}

.pagination__item--first::after {
  content: '...';
}

.pagination__item--last::before {
  content: '...';
}

th {
  font-weight: 600;
}

.table {
  margin-bottom: 30px;
}

.table th {
  padding: 15px 10px;
}

.table td {
  padding: 10px;
}

.table p {
  line-height: 1.2;
}

.table p:not(:last-child) {
  margin-bottom: .2em;
}

.media-block {
  display: -webkit-box;
  display: flex;
}

.media-block--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.media-block__content {
  display: -webkit-box;
  display: flex;
}

.media-block__content--vertical {
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.content {
  min-height: 600px;
}

.highlight {
  color: #7c7b7b;
  font-size: 16pt;
  line-height: 1.25;
}

@media all and (min-width: 780px) {
  .highlight {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media all and (min-width: 840px) {
  .highlight {
    font-size: 18pt;
  }
}

.highlight__body {
  margin-bottom: 20px;
}

@media all and (min-width: 780px) {
  .highlight__body {
    margin-right: 60px;
  }
}

@media all and (min-width: 750px) {
  .three-columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

.three-columns__column {
  display: block;
}

@media all and (max-width: 749px) {
  .three-columns__column {
    margin-bottom: 25px;
  }
}

@media all and (min-width: 750px) {
  .three-columns__column {
    width: calc(33.333% - 16.666px);
  }
}

.header {
  height: 84px;
  padding: 25px 0;
  position: fixed;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  text-align: center;
  transition: all .2s ease-in-out;
}

@media all and (min-width: 990px) {
  .header {
    height: 134px;
    padding: 59px 0 40px;
  }
}

@media all and (min-width: 1030px) {
  .header {
    height: 137px;
  }
}

.header--scrolled {
  height: 84px;
  padding: 25px 0;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}

.header__logo {
  height: 100%;
}

/*
Common
*/
.nav {
  text-transform: uppercase;
}

.nav__home {
  display: inline-block;
}

.nav__item:link, .nav__item:visited {
  color: #092737;
}

.nav__item:hover, .nav__item:active, .nav__item--active {
  color: #259a9f;
}

.nav__item--active {
  color: #259a9f;
}

.nav__item--active:link, .nav__item--active:visited {
  color: #259a9f;
}

/*
Mobile
*/
@media all and (max-width: 989px) {
  .nav__home {
    height: 30px;
  }
  .nav__items {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100vh;
    left: 0;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 99;
    background-color: #fff;
    font-size: 17pt;
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
    transition: all .4s ease-in-out;
  }
  .nav__items--open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .nav__item {
    display: block;
    margin: 1.5vh 0;
    padding: 5px;
  }
}

/*
Desktop
*/
@media all and (min-width: 990px) {
  .nav {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    font-size: 12pt;
  }
  .nav__home {
    height: 100%;
  }
  .nav__items {
    margin-bottom: 5px;
  }
  .nav__item {
    padding: 15px 6px;
  }
}

@media all and (min-width: 990px) and (min-width: 1030px) {
  .nav__item {
    padding: 15px 10px;
  }
}

@media all and (min-width: 990px) {
  .nav__item:last-of-type {
    padding-right: 0;
  }
  .nav__item--home {
    display: none;
  }
}

.fixed-header-pusher {
  height: 84px;
}

@media all and (min-width: 990px) {
  .fixed-header-pusher {
    height: 135px;
  }
}

@media all and (min-width: 1030px) {
  .fixed-header-pusher {
    height: 138px;
  }
}

.nav-toggle {
  position: absolute;
  right: 4%;
  top: 30px;
  z-index: 100;
}

/*
As the burger is injects with JS let’s animate it in, each bar is staggered.
We’ll also animate the hover
*/
.burger {
  cursor: pointer;
  /*
	Animate the lengths of the burder on hover
	*/
  /*
	turn it into a cross when open
	*/
}

.burger line {
  stroke-dasharray: 30;
  transition: all .2s ease-out;
  -webkit-animation: .2s linear showBurger backwards;
  animation: .2s linear showBurger backwards;
}

.burger line:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.burger line:nth-child(3) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.burger--closed:hover line {
  stroke-dasharray: 22;
  stroke-dashoffset: 0;
}

.burger--closed:hover line:nth-child(2) {
  stroke-dasharray: 20;
  stroke-dashoffset: 0;
}

.burger--closed:hover line:nth-child(3) {
  stroke-dasharray: 25;
  stroke-dashoffset: 0;
}

.burger--open line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 2px 6px;
  transform-origin: 2px 6px;
  stroke-dasharray: 27;
}

.burger--open line:nth-child(2) {
  stroke-dashoffset: 30;
}

.burger--open line:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 3px 17px;
  transform-origin: 3px 17px;
  stroke-dasharray: 27;
}

@-webkit-keyframes showBurger {
  from {
    stroke-dashoffset: 30;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes showBurger {
  from {
    stroke-dashoffset: 30;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.footer {
  padding: 35px 0;
  color: #fff;
  font-size: 12pt;
  line-height: 1.4;
}

@media all and (min-width: 680px) {
  .footer {
    -webkit-box-align: last baseline;
    align-items: last baseline;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media all and (min-width: 580px) {
  .footer__links {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

.footer__link {
  margin-left: 2ch;
}

@media all and (max-width: 580px) {
  .footer__link {
    margin-left: 0;
    width: 100%;
  }
}

.footer__registered {
  width: 100%;
}

.footer__bwi {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.footer__bwi:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.footer p {
  margin-bottom: .3em;
}

.hero {
  position: relative;
  height: 280px;
  background-color: #092737;
  background-image: url(../../img/logo-lines.svg);
  background-repeat: no-repeat;
  background-position: 55% -70px;
  background-size: auto 158%;
  color: #fff;
  font-size: 20pt;
}

.hero--tall {
  height: 400px;
  background-color: #092737;
  background-image: url(../../img/logo-lines.svg);
  background-repeat: no-repeat;
  background-position: 80% -100px;
  background-size: auto 158%;
}

@media all and (max-width: 600px) {
  .hero--tall {
    height: 100vh;
    background-position: 80% 93%;
    background-size: auto 125%;
  }
}

@media all and (min-width: 900px) {
  .hero--tall {
    background-position: 72% -100px;
  }
}

@media all and (min-width: 1200px) {
  .hero--tall {
    background-position: 55% -100px;
  }
}

.hero--image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 158%, cover;
}

@media all and (min-width: 940px) {
  .hero--image {
    background-position: center, 55% -100px;
  }
}

.hero--image-1 {
  background-image: url(../../img/logo-lines.svg), url(../../img/hero-1.jpg);
}

.hero--image-2 {
  background-image: url(../../img/logo-lines.svg), url(../../img/hero-2.jpg);
}

.hero--image-3 {
  background-image: url(../../img/logo-lines.svg), url(../../img/hero-3.jpg);
}

.hero__content {
  left: 120px;
  position: absolute;
  top: 150px;
  width: 250px;
}

@media all and (max-width: 600px) {
  .hero__content {
    bottom: 25%;
    left: 20%;
    top: auto;
    width: 60%;
  }
}

@media all and (min-width: 870px) {
  .hero__content {
    width: 380px;
  }
}

.hero__button:link, .hero__button:visited {
  color: #fff;
}

.hero__button:hover, .hero__button:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.hero__small {
  font-size: 12pt;
}

.home-service__header {
  padding: 30px;
  background-color: #092737;
  color: #fff;
  text-align: center;
}

@media all and (min-width: 750px) {
  .home-service__header {
    padding: 9% 6.5%;
  }
}

.home-service__image {
  max-height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media all and (max-width: 749px) {
  .home-service__image {
    height: 60vh;
  }
}

.home-recent-news {
  color: #c1c0c0;
  font-size: 30pt;
}

.people {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 40px 0;
}

.person {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  background-color: #092737;
  color: #fff;
}

@media all and (min-width: 500px) {
  .person {
    width: calc(50% - 10px);
  }
}

@media all and (min-width: 700px) {
  .person {
    width: calc(33.333% - 14px);
  }
}

@media all and (min-width: 900px) {
  .person {
    width: calc(25% - 16px);
  }
}

.person__image {
  /* temp stuff */
  -o-object-position: top;
  object-position: top;
  margin-bottom: 10px;
  opacity: .9;
  transition: all .2s linear;
}

.person__image:hover {
  opacity: .8;
}

.person__details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 10px 14px 16px;
  font-size: .8em;
}

.person__details--grid {
  height: 110px;
}

.person__name {
  margin-bottom: .3em;
  font-size: 1.2em;
}

.person__position {
  margin-bottom: 1em;
  color: #259a9f;
  font-weight: 600;
  line-height: 1.1;
}

.person__email {
  color: #259a9f;
}

.person__phone {
  margin-top: .5em;
  color: #259a9f;
}

.person__blank {
  background-color: transparent !important;
}

@media all and (min-width: 700px) {
  .person-bio {
    display: -webkit-box;
    display: flex;
  }
}

.person-bio__details {
  align-self: flex-start;
  flex-shrink: 0;
  margin-bottom: 20px;
  margin-right: 30px;
  width: 300px;
}

.news__author {
  color: #259a9f;
}

.news__date {
  color: #c1c0c0;
}

.p-map {
  height: 65vh;
  max-height: 380px;
}

@media all and (min-width: 730px) {
  .p-contact {
    display: -webkit-box;
    display: flex;
  }
}

@media all and (min-width: 730px) {
  .p-contact__address {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-width: 320px;
  }
}

.p-contact__address-item {
  width: 50%;
}

@media all and (min-width: 730px) {
  .p-contact__form {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media all and (max-width: 729px) {
  .p-contact__fields {
    margin-bottom: 40px;
  }
}

@media all and (min-width: 730px) {
  .p-contact__fields {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 40px;
  }
}

/*
This is where we break a few rules. All HTML coming from the CMS should be wrapped in the .cms-content class. This is
used to sandbox the styles from the rest of the website. We target children of the class for styling.
*/
.cms-content {
  line-height: 1.6;
}

.cms-content p:not(:last-child), .cms-content ol:not(:last-child), .cms-content ul:not(:last-child) {
  margin-bottom: .7em;
}

.cms-content a:link, .cms-content a:visited {
  color: #259a9f;
}

.cms-content ul {
  margin-left: 1.5em;
  color: #717f8c;
  list-style-type: none;
}

.cms-content ul:not(:last-child) {
  padding: .6em 0;
}

.cms-content ul li {
  margin-bottom: .4em;
}

.cms-content > ul {
  list-style-type: circle;
}

.cms-content blockquote {
  margin: 1em auto;
  width: 85%;
  color: #259a9f;
  font-size: 2em;
  line-height: 1.2;
}

.cms-content blockquote p {
  margin-bottom: 0 !important;
}

.cms-t-1 {
  font-weight: 600;
}

.cms-t-3 {
  margin-top: 1.3em;
  font-weight: 600;
}

.cms-column-list {
  width: 75%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.cms-cite {
  color: #7c7b7b;
  font-size: 12pt;
  font-style: normal;
}

/*# sourceMappingURL=app.css.map */