@charset "UTF-8";
/* ========================================================= Variables ===*/
:root {
  --fontSize: 12px;
  --lineHeight: calc(var(--fontSize)*1.5);
  --baseline: calc(var(--lineHeight)/2);
  --blockSpacingTop: 0px;
  --blockSpacingBottom: calc(var(--lineHeight)*1);
  --hrThickness: 2px;
  --h1-size: 2.8rem;
  --h2-size: 2.2rem;
  --h3-size: 1.4rem;
  --h4-size: 1.1rem;
  --columnGap: calc(var(--lineHeight)*2);
  --rowGap: calc(var(--lineHeight)*2);
  --displayScale: 1;
  --pixel: 1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  :root {
    --displayScale: 2;
    --pixel: 0.5px ;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5), only screen and (min-resolution: 2.5dppx) {
  :root {
    --displayScale: 3;
    --pixel: 0.34px ;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3.5), only screen and (min-device-pixel-ratio: 3.5), only screen and (min-resolution: 3.5dppx) {
  :root {
    --displayScale: 4;
    --pixel: 0.25px ;
  }
}
/* ---------
-- Colors --
--------- */
/* ========================================================= H5BP ===*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font: inherit;
  line-height: inherit;
}

img, svg {
  height: auto;
  max-width: 100%;
}

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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  font-size: 100%;
  line-height: 1.4;
}

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

::-moz-selection {
  background: #ffffa9;
  color: #54545e;
  text-shadow: none;
}

::selection {
  background: #ffffa9;
  color: #54545e;
  text-shadow: none;
}

a {
  color: #101131;
  text-decoration: underline;
  -webkit-transition: color 0.25s ease-in, background 0.25s ease-in, opacity 0.25s ease-in;
  -moz-transition: color 0.25s ease-in, background 0.25s ease-in, opacity 0.25s ease-in;
  -ms-transition: color 0.25s ease-in, background 0.25s ease-in, opacity 0.25s ease-in;
  -o-transition: color 0.25s ease-in, background 0.25s ease-in, opacity 0.25s ease-in;
  transition: color 0.25s ease-in, background 0.25s ease-in, opacity 0.25s ease-in;
}

a:hover {
  color: #0057AD;
}

a:focus {
  outline: thin dotted;
}

a:active {
  color: #1fbc9a;
}

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

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

b, strong {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #D5D7D7;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #333;
  font-style: normal;
  font-weight: normal;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

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

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

table button, table input {
  *overflow: auto;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

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

td {
  vertical-align: top;
}

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

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

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

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

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* ========================================================= Print ===*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/* ========================================================= Fontface ===*/
@font-face {
  font-family: "Effra Light";
  src: url(../fonts/effra/effra-light/effra-light.eot);
  src: url(../fonts/effra/effra-light/effra-light.eot?#iefix) format("embedded-opentype"), url(../fonts/effra/effra-light/effra-light.woff) format("woff"), url(../fonts/effra/effra-light/effra-light.ttf) format("truetype"), url(../fonts/effra/effra-light/effra-light.svg#1942_report1942_report) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Effra Regular";
  src: url(../fonts/effra/effra-regular/effra-regular.eot);
  src: url(../fonts/effra/effra-regular/effra-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/effra/effra-regular/effra-regular.woff) format("woff"), url(../fonts/effra/effra-regular/effra-regular.ttf) format("truetype"), url(../fonts/effra/effra-regular/effra-regular.svg#1942_report1942_report) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Effra Medium";
  src: url(../fonts/effra/effra-medium/effra-medium.eot);
  src: url(../fonts/effra/effra-medium/effra-medium.eot?#iefix) format("embedded-opentype"), url(../fonts/effra/effra-medium/effra-medium.woff) format("woff"), url(../fonts/effra/effra-medium/effra-medium.ttf) format("truetype"), url(../fonts/effra/effra-medium/effra-medium.svg#1942_report1942_report) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Effra Heavy";
  src: url(../fonts/effra/effra-heavy/effra-heavy.eot);
  src: url(../fonts/effra/effra-heavy/effra-heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/effra/effra-heavy/effra-heavy.woff) format("woff"), url(../fonts/effra/effra-heavy/effra-heavy.ttf) format("truetype"), url(../fonts/effra/effra-heavy/effra-heavy.svg#1942_report1942_report) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../fonts/proximanova/proximanova-regular-webfont.eot);
  src: url(../fonts/proximanova/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/proximanova-regular-webfont.woff) format("woff"), url(../fonts/proximanova/proximanova-regular-webfont.ttf) format("truetype"), url(../fonts/proximanova/proximanova-regular-webfont.svg#proxima_nova_rgregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNovaLight";
  src: url(../fonts/proximanova/proximanova-light-webfont.eot);
  src: url(../fonts/proximanova/proximanova-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/proximanova-light-webfont.woff) format("woff"), url(../fonts/proximanova/proximanova-light-webfont.ttf) format("truetype"), url(../fonts/proximanova/proximanova-light-webfont.svg#proxima_nova_ltregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNovaBold";
  src: url(../fonts/proximanova/proximanova-bold-webfont.eot);
  src: url(../fonts/proximanova/proximanova-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/proximanova/proximanova-bold-webfont.woff) format("woff"), url(../fonts/proximanova/proximanova-bold-webfont.ttf) format("truetype"), url(../fonts/proximanova/proximanova-bold-webfont.svg#proxima_nova_rgbold) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SuperiorTitleBold";
  src: url(../fonts/superiortitle/SuperiorTitle-Bold.eot);
  src: url(../fonts/superiortitle/SuperiorTitle-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/superiortitle/SuperiorTitle-Bold.woff) format("woff"), url(../fonts/superiortitle/SuperiorTitle-Bold.svg#font) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SuperiorTitleRegular";
  src: url(../fonts/superiortitle/SuperiorTitle-Regular.eot);
  src: url(../fonts/superiortitle/SuperiorTitle-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/superiortitle/SuperiorTitle-Regular.woff) format("woff"), url(../fonts/superiortitle/SuperiorTitle-Regular.svg#font) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NoeDisplayItalic";
  src: url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.eot);
  src: url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.woff2) format("woff2"), url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.woff) format("woff"), url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.ttf) format("truetype"), url(../fonts/NoeDisplay/NoeDisplay-RegularItalic.svg#NoeDisplay-RegularItalic) format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "NoeDisplayBoldItalic";
  src: url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.eot);
  src: url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.woff2) format("woff2"), url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.woff) format("woff"), url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.ttf) format("truetype"), url(../fonts/NoeDisplay/NoeDisplay-BoldItalic.svg#NoeDisplay-BoldItalic) format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "NoeDisplayBold";
  src: url(../fonts/NoeDisplay/NoeDisplay-Bold.eot);
  src: url(../fonts/NoeDisplay/NoeDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/NoeDisplay/NoeDisplay-Bold.woff2) format("woff2"), url(../fonts/NoeDisplay/NoeDisplay-Bold.woff) format("woff"), url(../fonts/NoeDisplay/NoeDisplay-Bold.ttf) format("truetype"), url(../fonts/NoeDisplay/NoeDisplay-Bold.svg#NoeDisplay-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "NoeDisplay";
  src: url(../fonts/NoeDisplay/NoeDisplay-Regular.eot);
  src: url(../fonts/NoeDisplay/NoeDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/NoeDisplay/NoeDisplay-Regular.woff2) format("woff2"), url(../fonts/NoeDisplay/NoeDisplay-Regular.woff) format("woff"), url(../fonts/NoeDisplay/NoeDisplay-Regular.ttf) format("truetype"), url(../fonts/NoeDisplay/NoeDisplay-Regular.svg#NoeDisplay-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NoeDisplayMedium";
  src: url(../fonts/NoeDisplay/NoeDisplay-Medium.eot);
  src: url(../fonts/NoeDisplay/NoeDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/NoeDisplay/NoeDisplay-Medium.woff2) format("woff2"), url(../fonts/NoeDisplay/NoeDisplay-Medium.woff) format("woff"), url(../fonts/NoeDisplay/NoeDisplay-Medium.ttf) format("truetype"), url(../fonts/NoeDisplay/NoeDisplay-Medium.svg#NoeDisplay-Medium) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Northwell";
  src: url(../fonts/northwell/Northwell.eot);
  src: url(../fonts/northwell/Northwell.eot?#iefix) format("embedded-opentype"), url(../fonts/northwell/Northwell.woff) format("woff"), url(../fonts/northwell/Northwell.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NorthwellSwash";
  src: url(../fonts/northwell/Northwell-Swash.eot);
  src: url(../fonts/northwell/Northwell-Swash.eot?#iefix) format("embedded-opentype"), url(../fonts/northwell/Northwell-Swash.woff) format("woff"), url(../fonts/northwell/Northwell-Swash.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NorthwellAlt";
  src: url(../fonts/northwell/Northwell-Alt.eot);
  src: url(../fonts/northwell/Northwell-Alt.eot?#iefix) format("embedded-opentype"), url(../fonts/northwell/Northwell-Alt.woff) format("woff"), url(../fonts/northwell/Northwell-Alt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-standard.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSStandard";
  src: url(../images/ss-standard/ss-standard.eot);
  src: url(../images/ss-standard/ss-standard.eot?#iefix) format("embedded-opentype"), url(../images/ss-standard/ss-standard.woff) format("woff"), url(../images/ss-standard/ss-standard.ttf) format("truetype"), url(../images/ss-standard/ss-standard.svg#SSStandard) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^=ss-] {
  -ms-zoom: 1;
}

.ss-icon, .ss-icon.ss-standard,
[class^=ss-]:before, [class*=" ss-"]:before,
[class^=ss-].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^=ss-].right:after, [class*=" ss-"].right:after,
[class^=ss-].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^=ss-].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: "";
}

.ss-cursor:before, .ss-cursor.right:after {
  content: "\e001";
}

.ss-crosshair:before, .ss-crosshair.right:after {
  content: "⌖";
}

.ss-search:before, .ss-search.right:after {
  content: "🔎";
}

.ss-zoomin:before, .ss-zoomin.right:after {
  content: "\e002";
}

.ss-zoomout:before, .ss-zoomout.right:after {
  content: "\e003";
}

.ss-view:before, .ss-view.right:after {
  content: "👀";
}

.ss-attach:before, .ss-attach.right:after {
  content: "📎";
}

.ss-link:before, .ss-link.right:after {
  content: "🔗";
}

.ss-move:before, .ss-move.right:after {
  content: "\e070";
}

.ss-write:before, .ss-write.right:after {
  content: "✎";
}

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: "\e071";
}

.ss-erase:before, .ss-erase.right:after {
  content: "✐";
}

.ss-compose:before, .ss-compose.right:after {
  content: "📝";
}

.ss-lock:before, .ss-lock.right:after {
  content: "🔒";
}

.ss-unlock:before, .ss-unlock.right:after {
  content: "🔓";
}

.ss-key:before, .ss-key.right:after {
  content: "🔑";
}

.ss-backspace:before, .ss-backspace.right:after {
  content: "⌫";
}

.ss-ban:before, .ss-ban.right:after {
  content: "🚫";
}

.ss-trash:before, .ss-trash.right:after {
  content: "\e0d0";
}

.ss-target:before, .ss-target.right:after {
  content: "◎";
}

.ss-tag:before, .ss-tag.right:after {
  content: "\e100";
}

.ss-bookmark:before, .ss-bookmark.right:after {
  content: "🔖";
}

.ss-flag:before, .ss-flag.right:after {
  content: "⚑";
}

.ss-like:before, .ss-like.right:after {
  content: "👍";
}

.ss-dislike:before, .ss-dislike.right:after {
  content: "👎";
}

.ss-heart:before, .ss-heart.right:after {
  content: "♥";
}

.ss-halfheart:before, .ss-halfheart.right:after {
  content: "\e1a0";
}

.ss-star:before, .ss-star.right:after {
  content: "⋆";
}

.ss-halfstar:before, .ss-halfstar.right:after {
  content: "\e1a1";
}

.ss-sample:before, .ss-sample.right:after {
  content: "\e200";
}

.ss-crop:before, .ss-crop.right:after {
  content: "\e201";
}

.ss-layers:before, .ss-layers.right:after {
  content: "\e202";
}

.ss-fill:before, .ss-fill.right:after {
  content: "\e240";
}

.ss-stroke:before, .ss-stroke.right:after {
  content: "\e241";
}

.ss-phone:before, .ss-phone.right:after {
  content: "📞";
}

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: "\e300";
}

.ss-rss:before, .ss-rss.right:after {
  content: "\e310";
}

.ss-facetime:before, .ss-facetime.right:after {
  content: "\e320";
}

.ss-reply:before, .ss-reply.right:after {
  content: "↩";
}

.ss-send:before, .ss-send.right:after {
  content: "\e350";
}

.ss-mail:before, .ss-mail.right:after {
  content: "✉";
}

.ss-inbox:before, .ss-inbox.right:after {
  content: "📥";
}

.ss-chat:before, .ss-chat.right:after {
  content: "💬";
}

.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: "\e399";
}

.ss-ellipsis:before, .ss-ellipsis.right:after {
  content: "…";
}

.ss-user:before, .ss-user.right:after {
  content: "👤";
}

.ss-femaleuser:before, .ss-femaleuser.right:after {
  content: "👧";
}

.ss-users:before, .ss-users.right:after {
  content: "👥";
}

.ss-cart:before, .ss-cart.right:after {
  content: "\e500";
}

.ss-creditcard:before, .ss-creditcard.right:after {
  content: "💳";
}

.ss-dollarsign:before, .ss-dollarsign.right:after {
  content: "💲";
}

.ss-barchart:before, .ss-barchart.right:after {
  content: "📊";
}

.ss-piechart:before, .ss-piechart.right:after {
  content: "\e570";
}

.ss-box:before, .ss-box.right:after {
  content: "📦";
}

.ss-home:before, .ss-home.right:after {
  content: "⌂";
}

.ss-buildings:before, .ss-buildings.right:after {
  content: "🏢";
}

.ss-warehouse:before, .ss-warehouse.right:after {
  content: "\e602";
}

.ss-globe:before, .ss-globe.right:after {
  content: "🌎";
}

.ss-navigate:before, .ss-navigate.right:after {
  content: "\e670";
}

.ss-compass:before, .ss-compass.right:after {
  content: "\e671";
}

.ss-signpost:before, .ss-signpost.right:after {
  content: "\e672";
}

.ss-map:before, .ss-map.right:after {
  content: "\e673";
}

.ss-location:before, .ss-location.right:after {
  content: "\e6d0";
}

.ss-pin:before, .ss-pin.right:after {
  content: "📍";
}

.ss-database:before, .ss-database.right:after {
  content: "\e7a0";
}

.ss-hdd:before, .ss-hdd.right:after {
  content: "\e7b0";
}

.ss-music:before, .ss-music.right:after {
  content: "♫";
}

.ss-mic:before, .ss-mic.right:after {
  content: "🎤";
}

.ss-volume:before, .ss-volume.right:after {
  content: "🔈";
}

.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: "🔉";
}

.ss-highvolume:before, .ss-highvolume.right:after {
  content: "🔊";
}

.ss-airplay:before, .ss-airplay.right:after {
  content: "\e800";
}

.ss-camera:before, .ss-camera.right:after {
  content: "📷";
}

.ss-picture:before, .ss-picture.right:after {
  content: "🌄";
}

.ss-video:before, .ss-video.right:after {
  content: "📹";
}

.ss-play:before, .ss-play.right:after {
  content: "▶";
}

.ss-pause:before, .ss-pause.right:after {
  content: "\e8a0";
}

.ss-stop:before, .ss-stop.right:after {
  content: "■";
}

.ss-record:before, .ss-record.right:after {
  content: "●";
}

.ss-rewind:before, .ss-rewind.right:after {
  content: "⏪";
}

.ss-fastforward:before, .ss-fastforward.right:after {
  content: "⏩";
}

.ss-skipback:before, .ss-skipback.right:after {
  content: "⏮";
}

.ss-skipforward:before, .ss-skipforward.right:after {
  content: "⏭";
}

.ss-eject:before, .ss-eject.right:after {
  content: "⏏";
}

.ss-repeat:before, .ss-repeat.right:after {
  content: "🔁";
}

.ss-replay:before, .ss-replay.right:after {
  content: "↺";
}

.ss-shuffle:before, .ss-shuffle.right:after {
  content: "🔀";
}

.ss-book:before, .ss-book.right:after {
  content: "📕";
}

.ss-openbook:before, .ss-openbook.right:after {
  content: "📖";
}

.ss-notebook:before, .ss-notebook.right:after {
  content: "📓";
}

.ss-newspaper:before, .ss-newspaper.right:after {
  content: "📰";
}

.ss-grid:before, .ss-grid.right:after {
  content: "\e9a0";
}

.ss-rows:before, .ss-rows.right:after {
  content: "\e9a1";
}

.ss-columns:before, .ss-columns.right:after {
  content: "\e9a2";
}

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: "\e9a3";
}

.ss-filter:before, .ss-filter.right:after {
  content: "\e9b0";
}

.ss-desktop:before, .ss-desktop.right:after {
  content: "💻";
}

.ss-laptop:before, .ss-laptop.right:after {
  content: "\ea00";
}

.ss-tablet:before, .ss-tablet.right:after {
  content: "\ea01";
}

.ss-cell:before, .ss-cell.right:after {
  content: "📱";
}

.ss-battery:before, .ss-battery.right:after {
  content: "🔋";
}

.ss-highbattery:before, .ss-highbattery.right:after {
  content: "\ea10";
}

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: "\ea11";
}

.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: "\ea12";
}

.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: "\ea13";
}

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: "💡";
}

.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: "\eb00";
}

.ss-download:before, .ss-download.right:after {
  content: "\eb01";
}

.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: "\eb40";
}

.ss-upload:before, .ss-upload.right:after {
  content: "\eb41";
}

.ss-fork:before, .ss-fork.right:after {
  content: "\eb80";
}

.ss-merge:before, .ss-merge.right:after {
  content: "\eb81";
}

.ss-transfer:before, .ss-transfer.right:after {
  content: "⇆";
}

.ss-refresh:before, .ss-refresh.right:after {
  content: "↻";
}

.ss-sync:before, .ss-sync.right:after {
  content: "\eb82";
}

.ss-loading:before, .ss-loading.right:after {
  content: "\eb83";
}

.ss-wifi:before, .ss-wifi.right:after {
  content: "\eb84";
}

.ss-connection:before, .ss-connection.right:after {
  content: "\eb85";
}

.ss-file:before, .ss-file.right:after {
  content: "📄";
}

.ss-folder:before, .ss-folder.right:after {
  content: "📁";
}

.ss-quote:before, .ss-quote.right:after {
  content: "“";
}

.ss-text:before, .ss-text.right:after {
  content: "\ed00";
}

.ss-font:before, .ss-font.right:after {
  content: "\ed01";
}

.ss-print:before, .ss-print.right:after {
  content: "⎙";
}

.ss-fax:before, .ss-fax.right:after {
  content: "📠";
}

.ss-list:before, .ss-list.right:after {
  content: "\ed50";
}

.ss-layout:before, .ss-layout.right:after {
  content: "\eda0";
}

.ss-action:before, .ss-action.right:after {
  content: "\ee00";
}

.ss-redirect:before, .ss-redirect.right:after {
  content: "↪";
}

.ss-expand:before, .ss-expand.right:after {
  content: "⤢";
}

.ss-contract:before, .ss-contract.right:after {
  content: "\ee01";
}

.ss-help:before, .ss-help.right:after {
  content: "❓";
}

.ss-info:before, .ss-info.right:after {
  content: "ℹ";
}

.ss-alert:before, .ss-alert.right:after {
  content: "⚠";
}

.ss-caution:before, .ss-caution.right:after {
  content: "⛔";
}

.ss-logout:before, .ss-logout.right:after {
  content: "\ee02";
}

.ss-plus:before, .ss-plus.right:after {
  content: "+";
}

.ss-hyphen:before, .ss-hyphen.right:after {
  content: "-";
}

.ss-check:before, .ss-check.right:after {
  content: "✓";
}

.ss-delete:before, .ss-delete.right:after {
  content: "␡";
}

.ss-settings:before, .ss-settings.right:after {
  content: "⚙";
}

.ss-dashboard:before, .ss-dashboard.right:after {
  content: "\f000";
}

.ss-notifications:before, .ss-notifications.right:after {
  content: "🔔";
}

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: "🔕";
}

.ss-clock:before, .ss-clock.right:after {
  content: "⏲";
}

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: "⏱";
}

.ss-calendar:before, .ss-calendar.right:after {
  content: "📅";
}

.ss-addcalendar:before, .ss-addcalendar.right:after {
  content: "\f070";
}

.ss-removecalendar:before, .ss-removecalendar.right:after {
  content: "\f071";
}

.ss-checkcalendar:before, .ss-checkcalendar.right:after {
  content: "\f072";
}

.ss-deletecalendar:before, .ss-deletecalendar.right:after {
  content: "\f073";
}

.ss-briefcase:before, .ss-briefcase.right:after {
  content: "💼";
}

.ss-cloud:before, .ss-cloud.right:after {
  content: "☁";
}

.ss-droplet:before, .ss-droplet.right:after {
  content: "💧";
}

.ss-flask:before, .ss-flask.right:after {
  content: "\f4c0";
}

.ss-up:before, .ss-up.right:after {
  content: "⬆";
}

.ss-upright:before, .ss-upright.right:after {
  content: "⬈";
}

.ss-right:before, .ss-right.right:after {
  content: "➡";
}

.ss-downright:before, .ss-downright.right:after {
  content: "⬊";
}

.ss-down:before, .ss-down.right:after {
  content: "⬇";
}

.ss-downleft:before, .ss-downleft.right:after {
  content: "⬋";
}

.ss-left:before, .ss-left.right:after {
  content: "⬅";
}

.ss-upleft:before, .ss-upleft.right:after {
  content: "⬉";
}

.ss-navigateup:before, .ss-navigateup.right:after {
  content: "\f500";
}

.ss-navigateright:before, .ss-navigateright.right:after {
  content: "▻";
}

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: "\f501";
}

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: "◅";
}

.ss-directup:before, .ss-directup.right:after {
  content: "▴";
}

.ss-directright:before, .ss-directright.right:after {
  content: "▹";
}

.ss-dropdown:before, .ss-dropdown.right:after {
  content: "▾";
}

.ss-directleft:before, .ss-directleft.right:after {
  content: "◃";
}

.ss-retweet:before, .ss-retweet.right:after {
  content: "\f600";
}

/* Legacy classes */
.ss-volumelow:before, .ss-volumelow.right:after {
  content: "🔉";
}

.ss-volumehigh:before, .ss-volumehigh.right:after {
  content: "🔊";
}

.ss-batteryhigh:before, .ss-batteryhigh.right:after {
  content: "\ea10";
}

.ss-batterymedium:before, .ss-batterymedium.right:after {
  content: "\ea11";
}

.ss-batterylow:before, .ss-batterylow.right:after {
  content: "\ea12";
}

.ss-batteryempty:before, .ss-batteryempty.right:after {
  content: "\ea13";
}

.ss-clouddownload:before, .ss-clouddownload.right:after {
  content: "\eb00";
}

.ss-cloudupload:before, .ss-cloudupload.right:after {
  content: "\eb40";
}

.ss-calendaradd:before, .ss-calendaradd.right:after {
  content: "\f070";
}

.ss-calendarremove:before, .ss-calendarremove.right:after {
  content: "\f071";
}

.ss-calendarcheck:before, .ss-calendarcheck.right:after {
  content: "\f072";
}

.ss-calendardelete:before, .ss-calendardelete.right:after {
  content: "\f073";
}

/*
* Symbolset
* www.symbolset.com
* Copyright © 2013 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-circle.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocialCircle";
  src: url(../images/ss-social-circle/ss-social-circle.eot);
  src: url(../images/ss-social-circle/ss-social-circle.eot?#iefix) format("embedded-opentype"), url(../images/ss-social-circle/ss-social-circle.woff) format("woff"), url(../images/ss-social-circle/ss-social-circle.ttf) format("truetype"), url(../images/ss-social-circle/ss-social-circle.svg#SSSocialCircle) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^=ss-] {
  -ms-zoom: 1;
}

.ss-icon, .ss-icon.ss-social-circle,
[class^=ss-]:before, [class*=" ss-"]:before,
[class^=ss-].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^=ss-].right:after, [class*=" ss-"].right:after,
[class^=ss-].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-family: "SSSocialCircle";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^=ss-].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: "";
}

.ss-facebook:before, .ss-facebook.right:after {
  content: "\f610";
}

.ss-twitter:before, .ss-twitter.right:after {
  content: "\f611";
}

.ss-linkedin:before, .ss-linkedin.right:after {
  content: "\f612";
}

.ss-googleplus:before, .ss-googleplus.right:after {
  content: "\f613";
}

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: "\f614";
}

.ss-zerply:before, .ss-zerply.right:after {
  content: "\f615";
}

.ss-reddit:before, .ss-reddit.right:after {
  content: "\f616";
}

.ss-steam:before, .ss-steam.right:after {
  content: "\f617";
}

.ss-tumblr:before, .ss-tumblr.right:after {
  content: "\f620";
}

.ss-wordpress:before, .ss-wordpress.right:after {
  content: "\f621";
}

.ss-blogger:before, .ss-blogger.right:after {
  content: "\f622";
}

.ss-posterous:before, .ss-posterous.right:after {
  content: "\f623";
}

.ss-quora:before, .ss-quora.right:after {
  content: "\f624";
}

.ss-youtube:before, .ss-youtube.right:after {
  content: "\f630";
}

.ss-vimeo:before, .ss-vimeo.right:after {
  content: "\f631";
}

.ss-vine:before, .ss-vine.right:after {
  content: "\f633";
}

.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: "\f632";
}

.ss-flickr:before, .ss-flickr.right:after {
  content: "\f640";
}

.ss-instagram:before, .ss-instagram.right:after {
  content: "\f641";
}

.ss-500px:before, .ss-500px.right:after {
  content: "\f642";
}

.ss-etsy:before, .ss-etsy.right:after {
  content: "\f682";
}

.ss-pinterest:before, .ss-pinterest.right:after {
  content: "\f650";
}

.ss-svpply:before, .ss-svpply.right:after {
  content: "\f651";
}

.ss-readmill:before, .ss-readmill.right:after {
  content: "\f652";
}

.ss-dropbox:before, .ss-dropbox.right:after {
  content: "\f653";
}

.ss-pinboard:before, .ss-pinboard.right:after {
  content: "\f654";
}

.ss-delicious:before, .ss-delicious.right:after {
  content: "\f655";
}

.ss-dribbble:before, .ss-dribbble.right:after {
  content: "\f660";
}

.ss-behance:before, .ss-behance.right:after {
  content: "\f661";
}

.ss-github:before, .ss-github.right:after {
  content: "\f670";
}

.ss-octocat:before, .ss-octocat.right:after {
  content: "\f671";
}

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: "\f672";
}

.ss-paypal:before, .ss-paypal.right:after {
  content: "\f680";
}

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: "\f681";
}

.ss-foursquare:before, .ss-foursquare.right:after {
  content: "\f690";
}

.ss-yelp:before, .ss-yelp.right:after {
  content: "\f691";
}

.ss-skype:before, .ss-skype.right:after {
  content: "\f6a0";
}

.ss-rdio:before, .ss-rdio.right:after {
  content: "\f6b0";
}

.ss-spotify:before, .ss-spotify.right:after {
  content: "\f6b1";
}

.ss-lastfm:before, .ss-lastfm.right:after {
  content: "\f6b2";
}

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: "\f6b3";
}

.ss-link:before, .ss-link.right:after {
  content: "🔗";
}

.ss-phone:before, .ss-phone.right:after {
  content: "📞";
}

.ss-mail:before, .ss-mail.right:after {
  content: "✉";
}

.ss-like:before, .ss-like.right:after {
  content: "👍";
}

.ss-rss:before, .ss-rss.right:after {
  content: "\e310";
}

.ss-share:before, .ss-share.right:after {
  content: "\f601";
}

.ss-apple:before, .ss-apple.right:after {
  content: "\f8ff";
}

.ss-microsoft:before, .ss-microsoft.right:after {
  content: "\f6f1";
}

.ss-windows:before, .ss-windows.right:after {
  content: "\f6f2";
}

.ss-android:before, .ss-android.right:after {
  content: "\f6f3";
}

.ss-blackberry:before, .ss-blackberry.right:after {
  content: "\f6f4";
}

/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: "\f642";
}

/*
* Symbolset
* www.symbolset.com
* Copyright © 2013 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-regular.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocialRegular";
  src: url(../images/ss-social-regular/ss-social-regular.eot);
  src: url(../images/ss-social-regular/ss-social-regular.eot?#iefix) format("embedded-opentype"), url(../images/ss-social-regular/ss-social-regular.woff) format("woff"), url(../images/ss-social-regular/ss-social-regular.ttf) format("truetype"), url(../images/ss-social-regular/ss-social-regular.svg#SSSocialRegular) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^=ss-] {
  -ms-zoom: 1;
}

.ss-icon, .ss-icon.ss-social-regular,
[class^=ss-]:before, [class*=" ss-"]:before,
[class^=ss-].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before,
[class^=ss-].right:after, [class*=" ss-"].right:after,
[class^=ss-].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after {
  font-family: "SSSocialRegular";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^=ss-].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: "";
}

.ss-facebook:before, .ss-facebook.right:after {
  content: "\f610";
}

.ss-twitter:before, .ss-twitter.right:after {
  content: "\f611";
}

.ss-linkedin:before, .ss-linkedin.right:after {
  content: "\f612";
}

.ss-googleplus:before, .ss-googleplus.right:after {
  content: "\f613";
}

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: "\f614";
}

.ss-zerply:before, .ss-zerply.right:after {
  content: "\f615";
}

.ss-reddit:before, .ss-reddit.right:after {
  content: "\f616";
}

.ss-steam:before, .ss-steam.right:after {
  content: "\f617";
}

.ss-tumblr:before, .ss-tumblr.right:after {
  content: "\f620";
}

.ss-wordpress:before, .ss-wordpress.right:after {
  content: "\f621";
}

.ss-blogger:before, .ss-blogger.right:after {
  content: "\f622";
}

.ss-posterous:before, .ss-posterous.right:after {
  content: "\f623";
}

.ss-quora:before, .ss-quora.right:after {
  content: "\f624";
}

.ss-youtube:before, .ss-youtube.right:after {
  content: "\f630";
}

.ss-vimeo:before, .ss-vimeo.right:after {
  content: "\f631";
}

.ss-vine:before, .ss-vine.right:after {
  content: "\f633";
}

.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: "\f632";
}

.ss-flickr:before, .ss-flickr.right:after {
  content: "\f640";
}

.ss-instagram:before, .ss-instagram.right:after {
  content: "\f641";
}

.ss-500px:before, .ss-500px.right:after {
  content: "\f642";
}

.ss-etsy:before, .ss-etsy.right:after {
  content: "\f682";
}

.ss-pinterest:before, .ss-pinterest.right:after {
  content: "\f650";
}

.ss-svpply:before, .ss-svpply.right:after {
  content: "\f651";
}

.ss-readmill:before, .ss-readmill.right:after {
  content: "\f652";
}

.ss-dropbox:before, .ss-dropbox.right:after {
  content: "\f653";
}

.ss-pinboard:before, .ss-pinboard.right:after {
  content: "\f654";
}

.ss-delicious:before, .ss-delicious.right:after {
  content: "\f655";
}

.ss-dribbble:before, .ss-dribbble.right:after {
  content: "\f660";
}

.ss-behance:before, .ss-behance.right:after {
  content: "\f661";
}

.ss-github:before, .ss-github.right:after {
  content: "\f670";
}

.ss-octocat:before, .ss-octocat.right:after {
  content: "\f671";
}

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: "\f672";
}

.ss-paypal:before, .ss-paypal.right:after {
  content: "\f680";
}

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: "\f681";
}

.ss-foursquare:before, .ss-foursquare.right:after {
  content: "\f690";
}

.ss-yelp:before, .ss-yelp.right:after {
  content: "\f691";
}

.ss-skype:before, .ss-skype.right:after {
  content: "\f6a0";
}

.ss-rdio:before, .ss-rdio.right:after {
  content: "\f6b0";
}

.ss-spotify:before, .ss-spotify.right:after {
  content: "\f6b1";
}

.ss-lastfm:before, .ss-lastfm.right:after {
  content: "\f6b2";
}

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: "\f6b3";
}

.ss-link:before, .ss-link.right:after {
  content: "🔗";
}

.ss-phone:before, .ss-phone.right:after {
  content: "📞";
}

.ss-mail:before, .ss-mail.right:after {
  content: "✉";
}

.ss-like:before, .ss-like.right:after {
  content: "👍";
}

.ss-rss:before, .ss-rss.right:after {
  content: "\e310";
}

.ss-share:before, .ss-share.right:after {
  content: "\f601";
}

.ss-apple:before, .ss-apple.right:after {
  content: "\f8ff";
}

.ss-microsoft:before, .ss-microsoft.right:after {
  content: "\f6f1";
}

.ss-windows:before, .ss-windows.right:after {
  content: "\f6f2";
}

.ss-android:before, .ss-android.right:after {
  content: "\f6f3";
}

.ss-blackberry:before, .ss-blackberry.right:after {
  content: "\f6f4";
}

/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: "\f642";
}

/* ========================================================= Grid ===*/
/* Raster v6 (rsms.me/raster) */
grid {
  display: grid;
  --grid-tc: repeat(4, 1fr);
  grid-template-columns: var(--grid-tc);
  --grid-cs: 1;
  --grid-ce: -1 ;
}

grid > c {
  display: block;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

grid[columns="1"] {
  --grid-tc: repeat(1, 1fr);
}

grid[columns="2"] {
  --grid-tc: repeat(2, 1fr);
}

grid[columns="3"] {
  --grid-tc: repeat(3, 1fr);
}

grid[columns="4"] {
  --grid-tc: repeat(4, 1fr);
}

grid[columns="5"] {
  --grid-tc: repeat(5, 1fr);
}

grid[columns="6"] {
  --grid-tc: repeat(6, 1fr);
}

grid[columns="7"] {
  --grid-tc: repeat(7, 1fr);
}

grid[columns="8"] {
  --grid-tc: repeat(8, 1fr);
}

grid[columns="9"] {
  --grid-tc: repeat(9, 1fr);
}

grid[columns="10"] {
  --grid-tc: repeat(10, 1fr);
}

grid[columns="11"] {
  --grid-tc: repeat(11, 1fr);
}

grid[columns="12"] {
  --grid-tc: repeat(12, 1fr);
}

grid[columns="13"] {
  --grid-tc: repeat(13, 1fr);
}

grid[columns="14"] {
  --grid-tc: repeat(14, 1fr);
}

grid[columns="15"] {
  --grid-tc: repeat(15, 1fr);
}

grid[columns="16"] {
  --grid-tc: repeat(16, 1fr);
}

grid[columns="17"] {
  --grid-tc: repeat(17, 1fr);
}

grid[columns="18"] {
  --grid-tc: repeat(18, 1fr);
}

grid[columns="19"] {
  --grid-tc: repeat(19, 1fr);
}

grid[columns="20"] {
  --grid-tc: repeat(20, 1fr);
}

grid[columns="21"] {
  --grid-tc: repeat(21, 1fr);
}

grid[columns="22"] {
  --grid-tc: repeat(22, 1fr);
}

grid[columns="23"] {
  --grid-tc: repeat(23, 1fr);
}

grid[columns="24"] {
  --grid-tc: repeat(24, 1fr);
}

grid[columns="25"] {
  --grid-tc: repeat(25, 1fr);
}

grid[columns="26"] {
  --grid-tc: repeat(26, 1fr);
}

grid[columns="27"] {
  --grid-tc: repeat(27, 1fr);
}

grid[columns="28"] {
  --grid-tc: repeat(28, 1fr);
}

grid[columns="29"] {
  --grid-tc: repeat(29, 1fr);
}

grid[columns="30"] {
  --grid-tc: repeat(30, 1fr);
}

grid > c[span^="1"] {
  --grid-cs: 1;
}

grid > c[span^="2"] {
  --grid-cs: 2;
}

grid > c[span^="3"] {
  --grid-cs: 3;
}

grid > c[span^="4"] {
  --grid-cs: 4;
}

grid > c[span^="5"] {
  --grid-cs: 5;
}

grid > c[span^="6"] {
  --grid-cs: 6;
}

grid > c[span^="7"] {
  --grid-cs: 7;
}

grid > c[span^="8"] {
  --grid-cs: 8;
}

grid > c[span^="9"] {
  --grid-cs: 9;
}

grid > c[span^="10"] {
  --grid-cs: 10;
}

grid > c[span^="11"] {
  --grid-cs: 11;
}

grid > c[span^="12"] {
  --grid-cs: 12;
}

grid > c[span^="13"] {
  --grid-cs: 13;
}

grid > c[span^="14"] {
  --grid-cs: 14;
}

grid > c[span^="15"] {
  --grid-cs: 15;
}

grid > c[span^="16"] {
  --grid-cs: 16;
}

grid > c[span^="17"] {
  --grid-cs: 17;
}

grid > c[span^="18"] {
  --grid-cs: 18;
}

grid > c[span^="19"] {
  --grid-cs: 19;
}

grid > c[span^="20"] {
  --grid-cs: 20;
}

grid > c[span^="21"] {
  --grid-cs: 21;
}

grid > c[span^="22"] {
  --grid-cs: 22;
}

grid > c[span^="23"] {
  --grid-cs: 23;
}

grid > c[span^="24"] {
  --grid-cs: 24;
}

grid > c[span^="25"] {
  --grid-cs: 25;
}

grid > c[span^="26"] {
  --grid-cs: 26;
}

grid > c[span^="27"] {
  --grid-cs: 27;
}

grid > c[span^="28"] {
  --grid-cs: 28;
}

grid > c[span^="29"] {
  --grid-cs: 29;
}

grid > c[span^="30"] {
  --grid-cs: 30;
}

grid > c[span$="+1"], grid > c[span="1"] {
  --grid-ce: 1;
}

grid > c[span$="+2"], grid > c[span$="-1"], grid > c[span="2"] {
  --grid-ce: 2;
}

grid > c[span$="+3"], grid > c[span$="-2"], grid > c[span="3"] {
  --grid-ce: 3;
}

grid > c[span$="+4"], grid > c[span$="-3"], grid > c[span="4"] {
  --grid-ce: 4;
}

grid > c[span$="+5"], grid > c[span$="-4"], grid > c[span="5"] {
  --grid-ce: 5;
}

grid > c[span$="+6"], grid > c[span$="-5"], grid > c[span="6"] {
  --grid-ce: 6;
}

grid > c[span$="+7"], grid > c[span$="-6"], grid > c[span="7"] {
  --grid-ce: 7;
}

grid > c[span$="+8"], grid > c[span$="-7"], grid > c[span="8"] {
  --grid-ce: 8;
}

grid > c[span$="+9"], grid > c[span$="-8"], grid > c[span="9"] {
  --grid-ce: 9;
}

grid > c[span$="+10"], grid > c[span$="-9"], grid > c[span="10"] {
  --grid-ce: 10;
}

grid > c[span$="+11"], grid > c[span$="-10"], grid > c[span="11"] {
  --grid-ce: 11;
}

grid > c[span$="+12"], grid > c[span$="-11"], grid > c[span="12"] {
  --grid-ce: 12;
}

grid > c[span$="+13"], grid > c[span$="-12"], grid > c[span="13"] {
  --grid-ce: 13;
}

grid > c[span$="+14"], grid > c[span$="-13"], grid > c[span="14"] {
  --grid-ce: 14;
}

grid > c[span$="+15"], grid > c[span$="-14"], grid > c[span="15"] {
  --grid-ce: 15;
}

grid > c[span$="+16"], grid > c[span$="-15"], grid > c[span="16"] {
  --grid-ce: 16;
}

grid > c[span$="+17"], grid > c[span$="-16"], grid > c[span="17"] {
  --grid-ce: 17;
}

grid > c[span$="+18"], grid > c[span$="-17"], grid > c[span="18"] {
  --grid-ce: 18;
}

grid > c[span$="+19"], grid > c[span$="-18"], grid > c[span="19"] {
  --grid-ce: 19;
}

grid > c[span$="+20"], grid > c[span$="-19"], grid > c[span="20"] {
  --grid-ce: 20;
}

grid > c[span$="+21"], grid > c[span$="-20"], grid > c[span="21"] {
  --grid-ce: 21;
}

grid > c[span$="+22"], grid > c[span$="-21"], grid > c[span="22"] {
  --grid-ce: 22;
}

grid > c[span$="+23"], grid > c[span$="-22"], grid > c[span="23"] {
  --grid-ce: 23;
}

grid > c[span$="+24"], grid > c[span$="-23"], grid > c[span="24"] {
  --grid-ce: 24;
}

grid > c[span$="+25"], grid > c[span$="-24"], grid > c[span="25"] {
  --grid-ce: 25;
}

grid > c[span$="+26"], grid > c[span$="-25"], grid > c[span="26"] {
  --grid-ce: 26;
}

grid > c[span$="+27"], grid > c[span$="-26"], grid > c[span="27"] {
  --grid-ce: 27;
}

grid > c[span$="+28"], grid > c[span$="-27"], grid > c[span="28"] {
  --grid-ce: 28;
}

grid > c[span$="+29"], grid > c[span$="-28"], grid > c[span="29"] {
  --grid-ce: 29;
}

grid > c[span$="+30"], grid > c[span$="-29"], grid > c[span="30"] {
  --grid-ce: 30;
}

grid > c[span$="-30"] {
  --grid-ce: 31;
}

grid > c[span] {
  grid-column-end: span var(--grid-ce);
}

grid > c[span*="+"],
grid > c[span*="-"],
grid > c[span*=".."] {
  grid-column-start: var(--grid-cs);
}

grid > c[span*="-"],
grid > c[span*=".."] {
  grid-column-end: var(--grid-ce);
}

grid > c[span=row] {
  grid-column: 1/-1;
}

/* ========================================================= Small ===*/
@media only screen and (max-width: 600px) {
  grid[columns-s="1"] {
    --grid-tc: repeat(1, 1fr);
  }
  grid[columns-s="2"] {
    --grid-tc: repeat(2, 1fr);
  }
  grid[columns-s="3"] {
    --grid-tc: repeat(3, 1fr);
  }
  grid[columns-s="4"] {
    --grid-tc: repeat(4, 1fr);
  }
  grid[columns-s="5"] {
    --grid-tc: repeat(5, 1fr);
  }
  grid[columns-s="6"] {
    --grid-tc: repeat(6, 1fr);
  }
  grid[columns-s="7"] {
    --grid-tc: repeat(7, 1fr);
  }
  grid[columns-s="8"] {
    --grid-tc: repeat(8, 1fr);
  }
  grid[columns-s="9"] {
    --grid-tc: repeat(9, 1fr);
  }
  grid[columns-s="10"] {
    --grid-tc: repeat(10, 1fr);
  }
  grid[columns-s="11"] {
    --grid-tc: repeat(11, 1fr);
  }
  grid[columns-s="12"] {
    --grid-tc: repeat(12, 1fr);
  }
  grid[columns-s="13"] {
    --grid-tc: repeat(13, 1fr);
  }
  grid[columns-s="14"] {
    --grid-tc: repeat(14, 1fr);
  }
  grid[columns-s="15"] {
    --grid-tc: repeat(15, 1fr);
  }
  grid[columns-s="16"] {
    --grid-tc: repeat(16, 1fr);
  }
  grid[columns-s="17"] {
    --grid-tc: repeat(17, 1fr);
  }
  grid[columns-s="18"] {
    --grid-tc: repeat(18, 1fr);
  }
  grid[columns-s="19"] {
    --grid-tc: repeat(19, 1fr);
  }
  grid[columns-s="20"] {
    --grid-tc: repeat(20, 1fr);
  }
  grid[columns-s="21"] {
    --grid-tc: repeat(21, 1fr);
  }
  grid[columns-s="22"] {
    --grid-tc: repeat(22, 1fr);
  }
  grid[columns-s="23"] {
    --grid-tc: repeat(23, 1fr);
  }
  grid[columns-s="24"] {
    --grid-tc: repeat(24, 1fr);
  }
  grid[columns-s="25"] {
    --grid-tc: repeat(25, 1fr);
  }
  grid[columns-s="26"] {
    --grid-tc: repeat(26, 1fr);
  }
  grid[columns-s="27"] {
    --grid-tc: repeat(27, 1fr);
  }
  grid[columns-s="28"] {
    --grid-tc: repeat(28, 1fr);
  }
  grid[columns-s="29"] {
    --grid-tc: repeat(29, 1fr);
  }
  grid[columns-s="30"] {
    --grid-tc: repeat(30, 1fr);
  }
  grid > c[span-s^="1"] {
    --grid-cs: 1;
  }
  grid > c[span-s^="2"] {
    --grid-cs: 2;
  }
  grid > c[span-s^="3"] {
    --grid-cs: 3;
  }
  grid > c[span-s^="4"] {
    --grid-cs: 4;
  }
  grid > c[span-s^="5"] {
    --grid-cs: 5;
  }
  grid > c[span-s^="6"] {
    --grid-cs: 6;
  }
  grid > c[span-s^="7"] {
    --grid-cs: 7;
  }
  grid > c[span-s^="8"] {
    --grid-cs: 8;
  }
  grid > c[span-s^="9"] {
    --grid-cs: 9;
  }
  grid > c[span-s^="10"] {
    --grid-cs: 10;
  }
  grid > c[span-s^="11"] {
    --grid-cs: 11;
  }
  grid > c[span-s^="12"] {
    --grid-cs: 12;
  }
  grid > c[span-s^="13"] {
    --grid-cs: 13;
  }
  grid > c[span-s^="14"] {
    --grid-cs: 14;
  }
  grid > c[span-s^="15"] {
    --grid-cs: 15;
  }
  grid > c[span-s^="16"] {
    --grid-cs: 16;
  }
  grid > c[span-s^="17"] {
    --grid-cs: 17;
  }
  grid > c[span-s^="18"] {
    --grid-cs: 18;
  }
  grid > c[span-s^="19"] {
    --grid-cs: 19;
  }
  grid > c[span-s^="20"] {
    --grid-cs: 20;
  }
  grid > c[span-s^="21"] {
    --grid-cs: 21;
  }
  grid > c[span-s^="22"] {
    --grid-cs: 22;
  }
  grid > c[span-s^="23"] {
    --grid-cs: 23;
  }
  grid > c[span-s^="24"] {
    --grid-cs: 24;
  }
  grid > c[span-s^="25"] {
    --grid-cs: 25;
  }
  grid > c[span-s^="26"] {
    --grid-cs: 26;
  }
  grid > c[span-s^="27"] {
    --grid-cs: 27;
  }
  grid > c[span-s^="28"] {
    --grid-cs: 28;
  }
  grid > c[span-s^="29"] {
    --grid-cs: 29;
  }
  grid > c[span-s^="30"] {
    --grid-cs: 30;
  }
  grid > c[span-s$="+1"], grid > c[span-s="1"] {
    --grid-ce: 1;
  }
  grid > c[span-s$="+2"], grid > c[span-s$="-1"], grid > c[span-s="2"] {
    --grid-ce: 2;
  }
  grid > c[span-s$="+3"], grid > c[span-s$="-2"], grid > c[span-s="3"] {
    --grid-ce: 3;
  }
  grid > c[span-s$="+4"], grid > c[span-s$="-3"], grid > c[span-s="4"] {
    --grid-ce: 4;
  }
  grid > c[span-s$="+5"], grid > c[span-s$="-4"], grid > c[span-s="5"] {
    --grid-ce: 5;
  }
  grid > c[span-s$="+6"], grid > c[span-s$="-5"], grid > c[span-s="6"] {
    --grid-ce: 6;
  }
  grid > c[span-s$="+7"], grid > c[span-s$="-6"], grid > c[span-s="7"] {
    --grid-ce: 7;
  }
  grid > c[span-s$="+8"], grid > c[span-s$="-7"], grid > c[span-s="8"] {
    --grid-ce: 8;
  }
  grid > c[span-s$="+9"], grid > c[span-s$="-8"], grid > c[span-s="9"] {
    --grid-ce: 9;
  }
  grid > c[span-s$="+10"], grid > c[span-s$="-9"], grid > c[span-s="10"] {
    --grid-ce: 10;
  }
  grid > c[span-s$="+11"], grid > c[span-s$="-10"], grid > c[span-s="11"] {
    --grid-ce: 11;
  }
  grid > c[span-s$="+12"], grid > c[span-s$="-11"], grid > c[span-s="12"] {
    --grid-ce: 12;
  }
  grid > c[span-s$="+13"], grid > c[span-s$="-12"], grid > c[span-s="13"] {
    --grid-ce: 13;
  }
  grid > c[span-s$="+14"], grid > c[span-s$="-13"], grid > c[span-s="14"] {
    --grid-ce: 14;
  }
  grid > c[span-s$="+15"], grid > c[span-s$="-14"], grid > c[span-s="15"] {
    --grid-ce: 15;
  }
  grid > c[span-s$="+16"], grid > c[span-s$="-15"], grid > c[span-s="16"] {
    --grid-ce: 16;
  }
  grid > c[span-s$="+17"], grid > c[span-s$="-16"], grid > c[span-s="17"] {
    --grid-ce: 17;
  }
  grid > c[span-s$="+18"], grid > c[span-s$="-17"], grid > c[span-s="18"] {
    --grid-ce: 18;
  }
  grid > c[span-s$="+19"], grid > c[span-s$="-18"], grid > c[span-s="19"] {
    --grid-ce: 19;
  }
  grid > c[span-s$="+20"], grid > c[span-s$="-19"], grid > c[span-s="20"] {
    --grid-ce: 20;
  }
  grid > c[span-s$="+21"], grid > c[span-s$="-20"], grid > c[span-s="21"] {
    --grid-ce: 21;
  }
  grid > c[span-s$="+22"], grid > c[span-s$="-21"], grid > c[span-s="22"] {
    --grid-ce: 22;
  }
  grid > c[span-s$="+23"], grid > c[span-s$="-22"], grid > c[span-s="23"] {
    --grid-ce: 23;
  }
  grid > c[span-s$="+24"], grid > c[span-s$="-23"], grid > c[span-s="24"] {
    --grid-ce: 24;
  }
  grid > c[span-s$="+25"], grid > c[span-s$="-24"], grid > c[span-s="25"] {
    --grid-ce: 25;
  }
  grid > c[span-s$="+26"], grid > c[span-s$="-25"], grid > c[span-s="26"] {
    --grid-ce: 26;
  }
  grid > c[span-s$="+27"], grid > c[span-s$="-26"], grid > c[span-s="27"] {
    --grid-ce: 27;
  }
  grid > c[span-s$="+28"], grid > c[span-s$="-27"], grid > c[span-s="28"] {
    --grid-ce: 28;
  }
  grid > c[span-s$="+29"], grid > c[span-s$="-28"], grid > c[span-s="29"] {
    --grid-ce: 29;
  }
  grid > c[span-s$="+30"], grid > c[span-s$="-29"], grid > c[span-s="30"] {
    --grid-ce: 30;
  }
  grid > c[span-s$="-30"] {
    --grid-ce: 31;
  }
  grid > c[span-s] {
    grid-column-end: span var(--grid-ce);
  }
  grid > c[span-s*="+"],
  grid > c[span-s*="-"],
  grid > c[span-s*=".."] {
    grid-column-start: var(--grid-cs);
  }
  grid > c[span-s*="-"],
  grid > c[span-s*=".."] {
    grid-column-end: var(--grid-ce);
  }
  grid > c[span-s=row] {
    grid-column: 1/-1;
  }
}
/* ========================================================= Large ===*/
@media only screen and (min-width: 1599px) {
  grid[columns-l="1"] {
    --grid-tc: repeat(1, 1fr);
  }
  grid[columns-l="2"] {
    --grid-tc: repeat(2, 1fr);
  }
  grid[columns-l="3"] {
    --grid-tc: repeat(3, 1fr);
  }
  grid[columns-l="4"] {
    --grid-tc: repeat(4, 1fr);
  }
  grid[columns-l="5"] {
    --grid-tc: repeat(5, 1fr);
  }
  grid[columns-l="6"] {
    --grid-tc: repeat(6, 1fr);
  }
  grid[columns-l="7"] {
    --grid-tc: repeat(7, 1fr);
  }
  grid[columns-l="8"] {
    --grid-tc: repeat(8, 1fr);
  }
  grid[columns-l="9"] {
    --grid-tc: repeat(9, 1fr);
  }
  grid[columns-l="10"] {
    --grid-tc: repeat(10, 1fr);
  }
  grid[columns-l="11"] {
    --grid-tc: repeat(11, 1fr);
  }
  grid[columns-l="12"] {
    --grid-tc: repeat(12, 1fr);
  }
  grid[columns-l="13"] {
    --grid-tc: repeat(13, 1fr);
  }
  grid[columns-l="14"] {
    --grid-tc: repeat(14, 1fr);
  }
  grid[columns-l="15"] {
    --grid-tc: repeat(15, 1fr);
  }
  grid[columns-l="16"] {
    --grid-tc: repeat(16, 1fr);
  }
  grid[columns-l="17"] {
    --grid-tc: repeat(17, 1fr);
  }
  grid[columns-l="18"] {
    --grid-tc: repeat(18, 1fr);
  }
  grid[columns-l="19"] {
    --grid-tc: repeat(19, 1fr);
  }
  grid[columns-l="20"] {
    --grid-tc: repeat(20, 1fr);
  }
  grid[columns-l="21"] {
    --grid-tc: repeat(21, 1fr);
  }
  grid[columns-l="22"] {
    --grid-tc: repeat(22, 1fr);
  }
  grid[columns-l="23"] {
    --grid-tc: repeat(23, 1fr);
  }
  grid[columns-l="24"] {
    --grid-tc: repeat(24, 1fr);
  }
  grid[columns-l="25"] {
    --grid-tc: repeat(25, 1fr);
  }
  grid[columns-l="26"] {
    --grid-tc: repeat(26, 1fr);
  }
  grid[columns-l="27"] {
    --grid-tc: repeat(27, 1fr);
  }
  grid[columns-l="28"] {
    --grid-tc: repeat(28, 1fr);
  }
  grid[columns-l="29"] {
    --grid-tc: repeat(29, 1fr);
  }
  grid[columns-l="30"] {
    --grid-tc: repeat(30, 1fr);
  }
  grid > c[span-l^="1"] {
    --grid-cs: 1;
  }
  grid > c[span-l^="2"] {
    --grid-cs: 2;
  }
  grid > c[span-l^="3"] {
    --grid-cs: 3;
  }
  grid > c[span-l^="4"] {
    --grid-cs: 4;
  }
  grid > c[span-l^="5"] {
    --grid-cs: 5;
  }
  grid > c[span-l^="6"] {
    --grid-cs: 6;
  }
  grid > c[span-l^="7"] {
    --grid-cs: 7;
  }
  grid > c[span-l^="8"] {
    --grid-cs: 8;
  }
  grid > c[span-l^="9"] {
    --grid-cs: 9;
  }
  grid > c[span-l^="10"] {
    --grid-cs: 10;
  }
  grid > c[span-l^="11"] {
    --grid-cs: 11;
  }
  grid > c[span-l^="12"] {
    --grid-cs: 12;
  }
  grid > c[span-l^="13"] {
    --grid-cs: 13;
  }
  grid > c[span-l^="14"] {
    --grid-cs: 14;
  }
  grid > c[span-l^="15"] {
    --grid-cs: 15;
  }
  grid > c[span-l^="16"] {
    --grid-cs: 16;
  }
  grid > c[span-l^="17"] {
    --grid-cs: 17;
  }
  grid > c[span-l^="18"] {
    --grid-cs: 18;
  }
  grid > c[span-l^="19"] {
    --grid-cs: 19;
  }
  grid > c[span-l^="20"] {
    --grid-cs: 20;
  }
  grid > c[span-l^="21"] {
    --grid-cs: 21;
  }
  grid > c[span-l^="22"] {
    --grid-cs: 22;
  }
  grid > c[span-l^="23"] {
    --grid-cs: 23;
  }
  grid > c[span-l^="24"] {
    --grid-cs: 24;
  }
  grid > c[span-l^="25"] {
    --grid-cs: 25;
  }
  grid > c[span-l^="26"] {
    --grid-cs: 26;
  }
  grid > c[span-l^="27"] {
    --grid-cs: 27;
  }
  grid > c[span-l^="28"] {
    --grid-cs: 28;
  }
  grid > c[span-l^="29"] {
    --grid-cs: 29;
  }
  grid > c[span-l^="30"] {
    --grid-cs: 30;
  }
  grid > c[span-l$="+1"], grid > c[span-l="1"] {
    --grid-ce: 1;
  }
  grid > c[span-l$="+2"], grid > c[span-l$="-1"], grid > c[span-l="2"] {
    --grid-ce: 2;
  }
  grid > c[span-l$="+3"], grid > c[span-l$="-2"], grid > c[span-l="3"] {
    --grid-ce: 3;
  }
  grid > c[span-l$="+4"], grid > c[span-l$="-3"], grid > c[span-l="4"] {
    --grid-ce: 4;
  }
  grid > c[span-l$="+5"], grid > c[span-l$="-4"], grid > c[span-l="5"] {
    --grid-ce: 5;
  }
  grid > c[span-l$="+6"], grid > c[span-l$="-5"], grid > c[span-l="6"] {
    --grid-ce: 6;
  }
  grid > c[span-l$="+7"], grid > c[span-l$="-6"], grid > c[span-l="7"] {
    --grid-ce: 7;
  }
  grid > c[span-l$="+8"], grid > c[span-l$="-7"], grid > c[span-l="8"] {
    --grid-ce: 8;
  }
  grid > c[span-l$="+9"], grid > c[span-l$="-8"], grid > c[span-l="9"] {
    --grid-ce: 9;
  }
  grid > c[span-l$="+10"], grid > c[span-l$="-9"], grid > c[span-l="10"] {
    --grid-ce: 10;
  }
  grid > c[span-l$="+11"], grid > c[span-l$="-10"], grid > c[span-l="11"] {
    --grid-ce: 11;
  }
  grid > c[span-l$="+12"], grid > c[span-l$="-11"], grid > c[span-l="12"] {
    --grid-ce: 12;
  }
  grid > c[span-l$="+13"], grid > c[span-l$="-12"], grid > c[span-l="13"] {
    --grid-ce: 13;
  }
  grid > c[span-l$="+14"], grid > c[span-l$="-13"], grid > c[span-l="14"] {
    --grid-ce: 14;
  }
  grid > c[span-l$="+15"], grid > c[span-l$="-14"], grid > c[span-l="15"] {
    --grid-ce: 15;
  }
  grid > c[span-l$="+16"], grid > c[span-l$="-15"], grid > c[span-l="16"] {
    --grid-ce: 16;
  }
  grid > c[span-l$="+17"], grid > c[span-l$="-16"], grid > c[span-l="17"] {
    --grid-ce: 17;
  }
  grid > c[span-l$="+18"], grid > c[span-l$="-17"], grid > c[span-l="18"] {
    --grid-ce: 18;
  }
  grid > c[span-l$="+19"], grid > c[span-l$="-18"], grid > c[span-l="19"] {
    --grid-ce: 19;
  }
  grid > c[span-l$="+20"], grid > c[span-l$="-19"], grid > c[span-l="20"] {
    --grid-ce: 20;
  }
  grid > c[span-l$="+21"], grid > c[span-l$="-20"], grid > c[span-l="21"] {
    --grid-ce: 21;
  }
  grid > c[span-l$="+22"], grid > c[span-l$="-21"], grid > c[span-l="22"] {
    --grid-ce: 22;
  }
  grid > c[span-l$="+23"], grid > c[span-l$="-22"], grid > c[span-l="23"] {
    --grid-ce: 23;
  }
  grid > c[span-l$="+24"], grid > c[span-l$="-23"], grid > c[span-l="24"] {
    --grid-ce: 24;
  }
  grid > c[span-l$="+25"], grid > c[span-l$="-24"], grid > c[span-l="25"] {
    --grid-ce: 25;
  }
  grid > c[span-l$="+26"], grid > c[span-l$="-25"], grid > c[span-l="26"] {
    --grid-ce: 26;
  }
  grid > c[span-l$="+27"], grid > c[span-l$="-26"], grid > c[span-l="27"] {
    --grid-ce: 27;
  }
  grid > c[span-l$="+28"], grid > c[span-l$="-27"], grid > c[span-l="28"] {
    --grid-ce: 28;
  }
  grid > c[span-l$="+29"], grid > c[span-l$="-28"], grid > c[span-l="29"] {
    --grid-ce: 29;
  }
  grid > c[span-l$="+30"], grid > c[span-l$="-29"], grid > c[span-l="30"] {
    --grid-ce: 30;
  }
  grid > c[span-l$="-30"] {
    --grid-ce: 31;
  }
  grid > c[span-l] {
    grid-column-end: span var(--grid-ce);
  }
  grid > c[span-l*="+"],
  grid > c[span-l*="-"],
  grid > c[span-l*=".."] {
    grid-column-start: var(--grid-cs);
  }
  grid > c[span-l*="-"],
  grid > c[span-l*=".."] {
    grid-column-end: var(--grid-ce);
  }
  grid > c[span-l=row] {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 600px) {
  body {
    padding: var(--lineHeight);
    padding-bottom: calc(var(--lineHeight) * 2);
  }
}
[flow-cols-l],
[flow-cols-s],
[flow-cols] {
  -webkit-column-gap: var(--columnGap);
  column-gap: var(--columnGap);
  -webkit-column-fill: balance;
  column-fill: balance;
}

[flow-cols="1"] {
  -webkit-column-count: 1;
  column-count: 1;
}

[flow-cols="2"] {
  -webkit-column-count: 2;
  column-count: 2;
}

[flow-cols="3"] {
  -webkit-column-count: 3;
  column-count: 3;
}

[flow-cols="4"] {
  -webkit-column-count: 4;
  column-count: 4;
}

[flow-cols="5"] {
  -webkit-column-count: 5;
  column-count: 5;
}

[flow-cols="6"] {
  -webkit-column-count: 6;
  column-count: 6;
}

[flow-cols="7"] {
  -webkit-column-count: 7;
  column-count: 7;
}

[flow-cols="8"] {
  -webkit-column-count: 8;
  column-count: 8;
}

[flow-cols="9"] {
  -webkit-column-count: 9;
  column-count: 9;
}

[flow-cols="10"] {
  -webkit-column-count: 10;
  column-count: 10;
}

[flow-cols="11"] {
  -webkit-column-count: 11;
  column-count: 11;
}

[flow-cols="12"] {
  -webkit-column-count: 12;
  column-count: 12;
}

@media only screen and (max-width: 600px) {
  [flow-cols-s="1"] {
    -webkit-column-count: 1;
    column-count: 1;
  }
  [flow-cols-s="2"] {
    -webkit-column-count: 2;
    column-count: 2;
  }
  [flow-cols-s="3"] {
    -webkit-column-count: 3;
    column-count: 3;
  }
  [flow-cols-s="4"] {
    -webkit-column-count: 4;
    column-count: 4;
  }
  [flow-cols-s="5"] {
    -webkit-column-count: 5;
    column-count: 5;
  }
  [flow-cols-s="6"] {
    -webkit-column-count: 6;
    column-count: 6;
  }
  [flow-cols-s="7"] {
    -webkit-column-count: 7;
    column-count: 7;
  }
  [flow-cols-s="8"] {
    -webkit-column-count: 8;
    column-count: 8;
  }
  [flow-cols-s="9"] {
    -webkit-column-count: 9;
    column-count: 9;
  }
  [flow-cols-s="10"] {
    -webkit-column-count: 10;
    column-count: 10;
  }
  [flow-cols-s="11"] {
    -webkit-column-count: 11;
    column-count: 11;
  }
  [flow-cols-s="12"] {
    -webkit-column-count: 12;
    column-count: 12;
  }
}
@media only screen and (min-width: 1599px) {
  [flow-cols-l="1"] {
    -webkit-column-count: 1;
    column-count: 1;
  }
  [flow-cols-l="2"] {
    -webkit-column-count: 2;
    column-count: 2;
  }
  [flow-cols-l="3"] {
    -webkit-column-count: 3;
    column-count: 3;
  }
  [flow-cols-l="4"] {
    -webkit-column-count: 4;
    column-count: 4;
  }
  [flow-cols-l="5"] {
    -webkit-column-count: 5;
    column-count: 5;
  }
  [flow-cols-l="6"] {
    -webkit-column-count: 6;
    column-count: 6;
  }
  [flow-cols-l="7"] {
    -webkit-column-count: 7;
    column-count: 7;
  }
  [flow-cols-l="8"] {
    -webkit-column-count: 8;
    column-count: 8;
  }
  [flow-cols-l="9"] {
    -webkit-column-count: 9;
    column-count: 9;
  }
  [flow-cols-l="10"] {
    -webkit-column-count: 10;
    column-count: 10;
  }
  [flow-cols-l="11"] {
    -webkit-column-count: 11;
    column-count: 11;
  }
  [flow-cols-l="12"] {
    -webkit-column-count: 12;
    column-count: 12;
  }
}
grid > c > img,
grid > c > p > img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
}

grid {
  grid-column-gap: var(--columnGap);
  grid-row-gap: var(--rowGap);
}

grid.compact {
  grid-row-gap: 0;
}

@media only screen and (max-width: 600px) {
  .only-large-window {
    display: none;
  }
}
@media only screen and (min-width: 601px) {
  .only-small-window {
    display: none;
  }
}
/* ========================================================= Typography ===*/
h1, h2, h3, h4 {
  color: #101131;
  font-family: "NoeDisplayBold", sans-serif;
  margin: 1.414em 0 0.5em;
  font-weight: normal;
  line-height: 1.2;
}

h1 {
  font-size: 50px;
  margin: 0 0 30px;
}

h2 {
  font-size: 37px;
  font-weight: 400;
  margin: 0 0 10px;
  padding: 0;
}

h3 {
  font-weight: 400;
  font-size: 28px;
  margin: 0 0 5px;
  margin: 1em 0 0.4em;
  margin: 0 0 0.4em;
}

h4 {
  font-family: "ProximaNovaBold";
  font-weight: 400;
  font-size: 21px;
  margin: 5px 0;
}

p {
  color: #57586E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 1.3em;
}

strong {
  font-family: "ProximaNovaBold";
}

small, .font_small {
  font-size: 0.707em;
}

ul, ol {
  margin: 0 0 1.5em;
}

li {
  color: #57586E;
  font-family: "ProximaNova", sans-serif;
  font-size: 1.2em;
  line-height: 1.5;
  font-size: 16px;
}

dl {
  color: #57586E;
  font-family: "ProximaNova", sans-serif;
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 10px;
}

dt {
  font-weight: bold;
}

dd {
  color: #57586E;
  font-size: 1em;
  margin: 0 0 10px 10px;
}

/* ========================================================= Animation ===*/
/* Thanks @_dte for making my life easy! (http://daneden.me/animate/) */
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -moz-transform: translateY(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(10px);
  }
  80% {
    -moz-transform: translateY(-5px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes bounce {
  0% {
    opacity: 0;
    -moz-transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -moz-transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -moz-transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
/* ========================================================= Site Banner ===*/
.site-banner {
  background-color: #101131;
  text-align: center;
  padding: 10px 20px;
}
.site-banner p {
  color: rgba(255, 255, 255, 0.75);
  font-family: "Effra Medium", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
}

/* ========================================================= Utility ===*/
.sep {
  margin: 100px 0;
}

.btn {
  background-color: #ff5e60;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNovaBold", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 35px 10px;
  text-transform: uppercase;
  text-shadow: none;
  text-decoration: none;
}
.btn:hover {
  background-color: rgb(255, 68.5, 70.8167701863);
  color: #fff;
}
.btn i {
  margin-right: 5px;
  vertical-align: middle;
}

.btn-outline {
  background: none;
  border: 1px solid #2979FF;
  box-shadow: none;
  color: #1FBC9A;
}
.btn-outline:hover {
  color: #fff;
}

.btn-ghost {
  background: none;
  border: none;
  box-shadow: none;
  color: #2979FF;
  padding: 0;
}
.btn-ghost:hover {
  background: none;
  color: #2979FF;
}

.eyebrow {
  color: #57586E;
  display: block;
  font-family: "Effra Medium", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.spine {
  transform: rotate(-90deg) translate3d(0px, 0px, 0px);
  position: absolute;
  display: block;
  margin-left: -15%;
  margin-top: 10%;
  letter-spacing: 6px;
  font-size: 12px;
}

.last {
  margin-bottom: 0;
}

hr {
  background: none repeat scroll 0 0 #C8C9CC;
  border: medium none;
  box-shadow: 0 1px 0 #F7F6F5;
  clear: both;
  height: 1px;
  margin: 30px 0;
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 0 0 20px;
}
figure img {
  height: auto;
  margin: 0 0 10px;
  max-width: 100%;
}
figure figcaption {
  font-family: "ProximaNova", sans-serif;
}
figure figcaption strong {
  font-family: "ProximaNova", sans-serif;
  color: #57586E;
  font-weight: 400;
  display: block;
  font-size: 12px;
  margin: 0;
}
figure figcaption span {
  color: #101131;
  font-size: 18px;
}

.sarcasm {
  display: inline-block;
  -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(15deg, 0deg);
  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(15deg, 0deg);
  -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(15deg, 0deg);
  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(15deg, 0deg);
  transform: scale(1) rotate(0deg) translate(0px, 0px) skew(15deg, 0deg);
}

mark {
  background-color: #fdffb6;
  box-shadow: #fdffb6 0 0 5px;
  padding: 2px;
}

.fluid-width-video-wrapper {
  margin: 0 0 18px;
}

.note {
  font-size: 14px;
  color: #aaa;
}

form label {
  font-weight: 600;
}

form input[type=text], form input[type=email] {
  background-color: #feffe3;
  background: none;
  border: none;
  font-size: 18px;
  padding: 10px 0;
  border-bottom: 2px solid #101131;
  border-radius: 3px 3px 0 0;
  width: 100%;
  margin: 0 0 40px;
}

/* ========================================================= Blockquote ===*/
blockquote {
  margin: 3em 0 2.5em;
  text-align: center;
}

blockquote p {
  font-family: Georgia, serif;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 31px;
  -moz-hyphens: none !important;
  text-align: center !important;
}

blockquote small {
  display: block;
  color: #A9A9A9;
  font-size: 20px;
}

.chip {
  border-radius: 3px;
  display: inline-block;
  font-family: "Effra Medium", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0 0 15px;
  padding: 8px 16px;
  text-transform: uppercase;
}
.chip a {
  text-decoration: none;
}

.callout {
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0 0 15px;
  padding: 18px 16px;
}
.callout a {
  text-decoration: none;
}

.available {
  background-color: #BEFFC1;
  color: #098A37;
}
.available a {
  color: #098A37;
}

.unavailable {
  background-color: #FC9999;
  color: #754747;
}
.unavailable a {
  color: #754747;
}

.info {
  background-color: #FCEC99;
  color: #7A734A;
}
.info a {
  color: #7A734A;
}

/* ========================================================= Thumbnail ===*/
.thumbnail img {
  margin: 0 0 10px;
}
.thumbnail .caption {
  color: #808087;
  display: block;
  line-height: 1;
  text-align: center;
}
.thumbnail strong {
  display: block;
  line-height: 1;
}
.thumbnail span {
  color: #808087;
  font-size: 14px;
}

.highlight {
  background: #ffffff;
}

.highlight .c {
  color: #999988;
  font-style: italic;
} /* Comment */
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
} /* Error */
.highlight .k {
  font-weight: bold;
} /* Keyword */
.highlight .o {
  font-weight: bold;
} /* Operator */
.highlight .cm {
  color: #999988;
  font-style: italic;
} /* Comment.Multiline */
.highlight .cp {
  color: #999999;
  font-weight: bold;
} /* Comment.Preproc */
.highlight .c1 {
  color: #999988;
  font-style: italic;
} /* Comment.Single */
.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic;
} /* Comment.Special */
.highlight .gd {
  color: #000000;
  background-color: #ffdddd;
} /* Generic.Deleted */
.highlight .gd .x {
  color: #000000;
  background-color: #ffaaaa;
} /* Generic.Deleted.Specific */
.highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.highlight .gr {
  color: #aa0000;
} /* Generic.Error */
.highlight .gh {
  color: #999999;
} /* Generic.Heading */
.highlight .gi {
  color: #000000;
  background-color: #ddffdd;
} /* Generic.Inserted */
.highlight .gi .x {
  color: #000000;
  background-color: #aaffaa;
} /* Generic.Inserted.Specific */
.highlight .go {
  color: #888888;
} /* Generic.Output */
.highlight .gp {
  color: #555555;
} /* Generic.Prompt */
.highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.highlight .gu {
  color: #aaaaaa;
} /* Generic.Subheading */
.highlight .gt {
  color: #aa0000;
} /* Generic.Traceback */
.highlight .kc {
  font-weight: bold;
} /* Keyword.Constant */
.highlight .kd {
  font-weight: bold;
} /* Keyword.Declaration */
.highlight .kp {
  font-weight: bold;
} /* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold;
} /* Keyword.Reserved */
.highlight .kt {
  color: #445588;
  font-weight: bold;
} /* Keyword.Type */
.highlight .m {
  color: #009999;
} /* Literal.Number */
.highlight .s {
  color: #d14;
} /* Literal.String */
.highlight .na {
  color: #008080;
} /* Name.Attribute */
.highlight .nb {
  color: #0086B3;
} /* Name.Builtin */
.highlight .nc {
  color: #445588;
  font-weight: bold;
} /* Name.Class */
.highlight .no {
  color: #008080;
} /* Name.Constant */
.highlight .ni {
  color: #800080;
} /* Name.Entity */
.highlight .ne {
  color: #990000;
  font-weight: bold;
} /* Name.Exception */
.highlight .nf {
  color: #990000;
  font-weight: bold;
} /* Name.Function */
.highlight .nn {
  color: #555555;
} /* Name.Namespace */
.highlight .nt {
  color: #000080;
} /* Name.Tag */
.highlight .nv {
  color: #008080;
} /* Name.Variable */
.highlight .ow {
  font-weight: bold;
} /* Operator.Word */
.highlight .w {
  color: #bbbbbb;
} /* Text.Whitespace */
.highlight .mf {
  color: #009999;
} /* Literal.Number.Float */
.highlight .mh {
  color: #009999;
} /* Literal.Number.Hex */
.highlight .mi {
  color: #009999;
} /* Literal.Number.Integer */
.highlight .mo {
  color: #009999;
} /* Literal.Number.Oct */
.highlight .sb {
  color: #d14;
} /* Literal.String.Backtick */
.highlight .sc {
  color: #d14;
} /* Literal.String.Char */
.highlight .sd {
  color: #d14;
} /* Literal.String.Doc */
.highlight .s2 {
  color: #d14;
} /* Literal.String.Double */
.highlight .se {
  color: #d14;
} /* Literal.String.Escape */
.highlight .sh {
  color: #d14;
} /* Literal.String.Heredoc */
.highlight .si {
  color: #d14;
} /* Literal.String.Interpol */
.highlight .sx {
  color: #d14;
} /* Literal.String.Other */
.highlight .sr {
  color: #009926;
} /* Literal.String.Regex */
.highlight .s1 {
  color: #d14;
} /* Literal.String.Single */
.highlight .ss {
  color: #990073;
} /* Literal.String.Symbol */
.highlight .bp {
  color: #999999;
} /* Name.Builtin.Pseudo */
.highlight .vc {
  color: #008080;
} /* Name.Variable.Class */
.highlight .vg {
  color: #008080;
} /* Name.Variable.Global */
.highlight .vi {
  color: #008080;
} /* Name.Variable.Instance */
.highlight .il {
  color: #009999;
} /* Literal.Number.Integer.Long */
.highlight pre {
  background-color: #eee;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: Consolas, Monaco, Andale Mono, Courier New, monospace;
  text-shadow: none;
}

/* ========================================================= Header ===*/
html {
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  letter-spacing: -0.01em;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html, body {
  background: #fff;
  color: #57586E;
  font-family: "ProximaNova", sans-serif;
  font-weight: 400;
  width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  padding: 0 2%;
}

header {
  margin: 10px 0 32px;
}
header h1 {
  display: inline-block;
  line-height: 0;
  margin: 0;
  vertical-align: middle;
}
header h1 a {
  display: inline-block;
  padding: 20px;
  width: 56px;
}
header h1 a:active {
  outline: none;
}
header .logo img {
  display: inline-block;
}
header .menu {
  color: #ddd;
  font-size: 1.414em;
  float: right;
  padding: 38px 20px 20px;
}
header img {
  border-radius: 0;
  max-height: 50px;
}

/* -------------
-- Navigation --
------------- */
nav {
  background: none;
  display: inline-block;
  float: right;
  text-align: right;
  width: inherit;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border: none;
  display: inline-block;
  padding: 0;
}
nav ul li a {
  color: #101131;
  display: block;
  padding: 4px 10px 4px;
  margin: 0 5px;
  font-family: "ProximaNova", sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  font-size: 12px;
  margin: 0 5px;
  text-align: center;
  text-transform: uppercase;
}
nav ul li a:hover {
  color: #fff;
  border-bottom: 1px solid #1D1D1F;
}
nav ul li a.current {
  border-bottom: 1px solid #1D1D1F;
  color: #1D1D1F;
}

.notification {
  background-color: #FC9999;
  padding: 10px 0;
}
.notification p {
  color: #754747;
  margin: 0;
  text-align: center;
}

/* ========================================================= Intro ===*/
#intro {
  background-color: #2e2e30;
  padding: 50px 10px 80px;
}
#intro h1 {
  color: #FFFFFF;
  display: inline;
  font-family: "Effra Light", sans-serif;
  letter-spacing: 4px;
  margin: 0;
  word-spacing: 10px;
  text-transform: uppercase;
}

/* ========================================================= Page ===*/
.page {
  margin: 100px 0 60px;
  position: relative;
  z-index: 5;
}
.page .title {
  font-size: 83px;
  margin: 0 0 30px;
}
.page .eyebrow {
  margin: 0;
}

.intro {
  font-size: 21px;
}

/* ========================================================= Home ===*/
#home .welcome {
  padding: 30px 0 30px;
}
#home .welcome h1 {
  margin: 10px 0 10px;
}
#home .welcome p {
  font-family: "ProximaNova", sans-serif;
  font-size: 28px;
  line-height: 1.2;
}
#home .latest span {
  background-color: #F1F3F2;
  border-radius: 5px;
  display: block;
  padding: 20px;
  margin: 0 0 30px;
}
#home .latest a {
  text-decoration: none;
}
#home .book {
  background-color: #F1F3F2;
  margin: 90px 0 0;
  padding: 30px;
}
#home .book .copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
#home .book .copy h2 {
  font-size: 40px;
  margin: 10px 0 0;
}
#home .book .copy p {
  font-size: 21px;
  line-height: 1.3;
}
#home .book .copy .soon {
  color: #F95B5B;
  font-family: "NorthwellAlt";
  font-size: 60px;
  text-align: right;
  line-height: 0.5;
  margin: 0;
}
#home .follow h3 {
  display: inline-block;
}
#home .follow p {
  display: inline-block;
  float: right;
  font-size: 14px;
  margin: 0;
}
#home .follow p img {
  margin: 0 0 0 5px;
}
#home .follow p a {
  color: #57586E;
  text-decoration: none;
}
#home .availability {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
}
#home .availability li {
  border-bottom: 1px dashed #ccc;
  padding: 5px;
}
#home .availability li:nth-child(odd) {
  background: #f1f1f1;
}
#home .availability li.booked strong {
  color: #e67e22;
}
#home .availability li.available strong {
  color: #3498db;
}
#home .availability li.past {
  opacity: 0.3;
}
#home .availability li span {
  color: #aaa;
}
#home .availability li strong {
  float: right;
}
#home .featuredg a {
  color: #1FBC9A;
}
#home .featuredg a img {
  margin: 0 0 15px;
}
#home .featuredg a p {
  margin: 0;
  text-align: center;
  font-size: 12px;
}
#home .featuredg a p strong {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
}

/* ========================================================= Page ===*/
.page .hero span {
  display: block;
  position: relative;
}
.page .hero span:before {
  border-radius: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.page .hero img {
  border-radius: 0 !important; /* I am a lazy hack, I know :( */
  display: block;
  margin: 0;
  width: 100%;
}

/* ========================================================= About ===*/
#about img {
  border-radius: 5px;
  display: block;
}
#about .top {
  margin-bottom: 40px;
}

.brands {
  margin: 60px 0 0;
}
.brands img {
  border: none;
  display: block;
  vertical-align: middle;
  border-radius: 4px;
  margin: 0 auto;
  padding: 0;
}

.experience {
  margin: 80px 0 0;
}
.experience .stat {
  text-align: center;
}
.experience .stat strong {
  font-size: 60px;
  text-align: left;
  margin: 0 20px 0 0;
  line-height: 1;
  color: #101131;
}
.experience .stat span {
  display: inline-block;
  text-align: left;
  font-size: 20px;
  line-height: 1.2;
}

.skills {
  list-style: none;
  padding: 0;
}
.skills i {
  font-size: 16px;
  vertical-align: middle;
}

.achievements h3 {
  margin-bottom: 30px;
}

/* ========================================================= Resume ===*/
.resume figure {
  margin: 0;
}

.resume figure img {
  margin: 0 0 20px;
}

.resume .g3 p {
  margin: 0;
}

.resume .position {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}

.resume .position span {
  color: #999;
  float: right;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.resume .company {
  font-size: 18px;
  margin: 0;
}

.resume ul {
  margin: 0 0 30px 30px;
  padding: 0;
}

.resume li {
  color: #666;
  font-size: 15px;
  margin: 0;
}

.resume .btn {
  display: block;
  margin: 40px auto 15px;
  text-align: center;
  max-width: 235px;
}

/* ========================================================= Articles ===*/
#article-list {
  margin: 0;
  padding: 0;
}
#article-list li {
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 0 #fff;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 2em 0 0;
}
#article-list li:last-child {
  border-bottom: none;
  box-shadow: none;
  margin: 0;
}
#article-list li .byline {
  color: #b8b8b8;
  text-transform: uppercase;
}
#article-list li img {
  border-radius: 3px;
  float: right;
  margin: -1.5em 0px -1.5em;
}
#article-list li h2 {
  font-size: 28px;
  line-height: 1;
}
#article-list li p {
  margin: 0;
}
/* ========================================================= Process ===*/
#process .step img {
  display: block;
  margin: 0 auto 20px;
  height: 70px;
}
#process .step span {
  border-top: 1px solid #ccc;
  color: #999;
  text-align: center;
  width: 50px;
  display: block;
  margin: 0 auto;
}

/* ========================================================= Article ===*/
article .byline {
  color: #b8b8b8;
  font-size: 16px;
  font-family: "ProximaNovaLight";
  margin: 0 0 10px;
  padding: 60px 0 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
}
article h1 {
  font-family: "SuperiorTitleBold";
  font-size: 50px;
  margin: 0 0 15px;
  padding: 0 20px;
  text-align: center;
  text-transform: capitalize;
}
article .tag_list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
article .tag_list li {
  display: inline-block;
  color: #b8b8b8;
  font-size: 16px;
  font-family: "ProximaNovaLight";
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
article .tag_list li a {
  display: inline-block;
  color: #b8b8b8;
  padding: 0 5px;
  letter-spacing: 5px;
}
article .hero {
  margin: 0 -8em 40px -8em;
}
article .content {
  margin: 0 auto;
  max-width: 700px;
}
article h2 {
  font-size: 37px;
  line-height: 1.2;
}
article h2 a {
  color: #313F42;
}
article h2 a:hover {
  color: #313F42;
}
article p {
  color: #344347;
  -moz-hyphens: auto;
  hyphens: auto;
}
article img {
  border-radius: 3px;
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto 20px;
}

article.video .hero {
  margin: 0;
}

object {
  display: block;
  margin: 0 0 20px;
}

/* ========================================================= Work ===*/
.work img {
  border-radius: 5px;
}
.work figure a {
  text-decoration: none;
}

.work-history h3 {
  display: inline-block;
  font-size: 28px;
  margin: 0 0 10px;
}
.work-history h4 {
  display: inline-block;
  font-size: 21px;
}
.work-history h5 {
  margin: 0 0 10px;
}
.work-history .chip {
  float: right;
  font-size: 12px;
}
.work-history .detail {
  font-size: 12px;
  margin: 0 0 10px;
}
.work-history .detail strong {
  color: #101131;
  display: block;
  font-family: "Effra Medium", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.products h2 {
  display: inline-block;
}
.products .chip {
  float: right;
}

.controls {
  margin: 0 0 40px;
  padding: 10px 0;
}
.controls span {
  font-family: "Effra Heavy";
  font-size: 16px;
  margin: 0 20px 0 0;
}
.controls label {
  margin: 0 0.4em 0 0;
  text-transform: uppercase;
}
.controls button {
  background-color: #F6F6F4;
  font-family: "Effra Medium";
  display: inline-block;
  padding: 8px 10px 4px;
  border-radius: 50px;
  font-size: 12px;
  margin: 0 5px;
  border: 0;
  color: #1D1D1F;
  cursor: pointer;
  color: #666;
  padding: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.controls button:hover {
  color: #1D1D1F;
}
.controls button.mixitup-control-active {
  color: #fff;
  background-color: #ff5e60;
}
.controls button:focus {
  outline: 0 none;
}
.controls button + label {
  margin-left: 1em;
}

.card hr {
  margin: 60px 0;
}

.logos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1% 1% 0;
}
.logos .logo {
  margin: 0 0 4%;
}

/* ========================================================= Project ===*/
#project p, #project li {
  font-size: 18px;
}
#project .details {
  margin: 60px 0 120px;
}
#project .details strong {
  color: #101131;
  display: block;
  font-family: "Effra Medium", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.credit {
  list-style: none;
  margin: 0;
  padding: 0;
}
.credit li {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 6px 0;
}
.credit li strong {
  width: 40%;
}
.credit li strong a {
  color: #333;
}
.credit li span {
  float: right;
  text-align: left;
  width: 60%;
}

/* ========================================================= Press ===*/
#press-coverage {
  background-color: #F7F7F7;
  border: 1px solid #C2C2C0;
  border-radius: 3px 3px 3px 3px;
  list-style: none outside none;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
}
#press-coverage li {
  border-bottom: 1px solid #C2C2C0;
  margin: 0;
  padding: 10px;
}
#press-coverage li:last-child {
  border: medium none;
}
#press-coverage li a {
  color: #5F707D;
  display: block;
}
#press-coverage li img {
  border-radius: 0;
  display: inline-block;
  left: 10px;
  margin: 0 20px 0 0;
  min-height: 50px;
  position: absolute;
  vertical-align: bottom;
  width: 180px;
}
#press-coverage li p {
  color: #5F707D;
  display: inline-block;
  margin: 5px 24px 1px 200px;
}
#press-coverage li p small {
  color: #C9C9C7;
  display: block;
  margin: -6px 0 0;
}
#press-coverage li i {
  position: absolute;
  right: 10px;
  margin: 17px 0 0;
}

/* ========================================================= Testimonials ===*/
.testimonial {
  margin: 0 0 2em;
  overflow: hidden;
}
.testimonial .quote {
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 0 1em;
  padding: 1em 1em 0;
}
.testimonial img {
  border: 3px solid #CCCCCC;
  float: left;
  margin: 0 1em 0 0;
  padding: 3px;
  width: 80px;
}
.testimonial .bio p {
  float: left;
  margin: 1em 0 0;
}
.testimonial .bio p span {
  display: block;
}

/* ========================================================= Partners ===*/
/* ========================================================= Footer ===*/
.cta {
  margin: 0 0 120px;
  text-align: center;
}
.cta .eyebrow {
  margin: 0 0 2px;
}
.cta h2 {
  margin: 0 0 10px;
}
.cta p {
  margin: 0 0 2em;
}
.cta .btn {
  text-transform: lowercase;
}

footer {
  border-top: 1px solid #D5D7D7;
  padding: 20px 0;
}
footer p {
  color: #D5D7D7;
  font-size: 12px;
  margin: 0;
}
footer .made {
  text-align: right;
}

/* ========================================================= Respond ===*/
@media all and (min-width: 41em) {
  body {
    font-size: 1.125em;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  header {
    padding: 3% 0 0;
  }
  header h1 {
    color: #333;
  }
  header h1 a {
    color: #333;
    padding: 0;
  }
  header h1 a:hover {
    color: #fff;
  }
  header .menu {
    display: none;
  }
  header.simple {
    padding: 20px 0;
  }
  #home .welcome {
    padding: 100px 0 0;
  }
  /* -------------
  -- Navigation --
  ------------- */
  nav {
    background: none;
    display: inline-block;
    float: right;
    text-align: right;
    width: inherit;
  }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  nav ul li {
    border: none;
    display: inline-block;
    padding: 0;
  }
  nav ul li a {
    color: #333;
    display: block;
    font-size: 14px;
    padding: 8px 10px 4px;
    margin: 0 5px 0;
    text-align: center;
    text-transform: uppercase;
  }
  nav ul li a:hover {
    color: #333;
  }
  #partners .col-3 {
    min-height: 315px;
  }
  .logo {
    flex: 0 1 calc(50% - 1em);
  }
}
@media all and (min-width: 960px) {
  header h1 {
    display: inline;
  }
  .logo {
    flex: 0 1 33%;
  }
  /*pre{
    width: 920px;
    margin-left:-160px;
  }*/
}