/*============================================================================
  Colors
==============================================================================*/
/*================ Text ================*/
/*============================================================================
  Backgrounds
==============================================================================*/
/*================ Forms ================*/
/*================ Icon colours ================*/
/*================ Nav colors ================*/
/*============================================================================
  Font Weights
==============================================================================*/
/*============================================================================
  Font Families
==============================================================================*/
/*============================================================================
  Headings
==============================================================================*/
/*============================================================================
  Global Components - vars that are handy across the site
==============================================================================*/
/*================ Z Index ================*/
/*================ Nav ================*/
/*================ Forms ================*/
/*================ Borders ================*/
/*================ Shopify logo ================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*============================================================================
-Background colours
-==============================================================================*/
/*============================================================================
Borders
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Breakpoints - Set in em to cover browser font-size adjustments
==============================================================================*/
/*============================================================================
  Sensible Defaults
==============================================================================*/
*,
*::before,
*::after {
  box-sizing: border-box; }

main {
  background-color: #fff; }

p,
ul,
ol {
  margin: 0;
  padding: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

/*============================================================================
  Generic Helpers
==============================================================================*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

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

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

/*============================================================================
  Animation Helpers
  Force block on elements in transition, useful for transitions ending in display: none
  Used with preparetransition.js
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

/*============================================================================
  Focus Helper
  used only if using JS a11y-helpers to silently move focus on page
==============================================================================*/
.js-focus-hidden:focus {
  outline: none; }

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

#PageContainer {
  overflow: hidden;
  width: 100%; }

main,
.footer--main,
.footer-bottom,
.page-width {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  main:after,
  .footer--main:after,
  .footer-bottom:after,
  .page-width:after {
    content: "";
    display: table;
    clear: both; }

main {
  display: block; }

main,
.marketing-nav-wrapper,
.footer--main,
.footer-bottom {
  max-width: 1440px; }

.page-width {
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (min-width: 61.875em) {
    .page-width {
      width: 990px; } }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    .page-width {
      width: 750px; } }

@media screen and (min-width: 61.875em) {
  .page-width--fluid {
    width: 100%;
    max-width: 1230px; } }

@font-face {
  font-family: "Brandon";
  src: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--light.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--light.woff") format("woff");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Brandon";
  src: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--regular.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--regular.woff") format("woff");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Brandon";
  src: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--medium.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--medium.woff") format("woff");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Brandon";
  src: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--bold.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--bold.woff") format("woff");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Brandon";
  src: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--black.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://cdn.shopify.com/shopify-marketing_assets/static/Brandon--black.woff") format("woff");
  font-style: normal;
  font-weight: 900; }
/*============================================================================
  Typography defaults
==============================================================================*/
/*================ Default ================*/
body {
  margin: 0;
  padding: 0;
  background: #ced3d3;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  line-height: 1.5;
  color: #767676;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 61.8125em) {
    body {
      font-size: 0.875em; } }

ul,
ol {
  list-style: none; }

cite {
  font-style: normal; }

/*================ Headers ================*/
h1,
h2,
h3,
h4,
h5 {
  margin-top: 0; }

h1,
.heading--1 {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
          font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
  display: block;
  margin-bottom: 0.57143em;
  color: #30373b;
  font-size: 2.625em;
  line-height: 1.33;
  font-weight: 500; }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    h1,
    .heading--1 {
      font-size: 2.57143em; } }
  @media screen and (max-width: 46.8125em) {
    h1,
    .heading--1 {
      font-size: 1.71429em; } }

h2,
.heading--2 {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
          font-variant-ligatures: common-ligatures, contextual, discretionary-ligatures;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
  display: block;
  margin-bottom: 0.66667em;
  color: #30373b;
  font-size: 1.5em;
  line-height: 1.38;
  font-weight: 500; }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    h2,
    .heading--2 {
      font-size: 1.5em; } }
  @media screen and (max-width: 46.8125em) {
    h2,
    .heading--2 {
      font-size: 1.28571em; } }

h3,
.heading--3,
.marketing-markdown h2 {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  display: block;
  font-size: 1.5em;
  margin-bottom: 0.66667em;
  color: #30373b;
  line-height: 1.38;
  font-weight: 300; }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    h3,
    .heading--3,
    .marketing-markdown h2 {
      font-size: 1.5em; } }
  @media screen and (max-width: 46.8125em) {
    h3,
    .heading--3,
    .marketing-markdown h2 {
      font-size: 1.28571em; } }

h4,
.heading--4,
.marketing-markdown h3 {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-bottom: 0.55556em;
  color: #30373b;
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 500; }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    h4,
    .heading--4,
    .marketing-markdown h3 {
      font-size: 1.14286em; } }
  @media screen and (max-width: 46.8125em) {
    h4,
    .heading--4,
    .marketing-markdown h3 {
      font-size: 1.14286em; } }

h5,
.heading--5 {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-bottom: 0.46154em;
  color: #30373b;
  font-size: 0.8125em;
  line-height: 1.38;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.2em; }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    h5,
    .heading--5 {
      font-size: 0.92857em; } }
  @media screen and (max-width: 46.8125em) {
    h5,
    .heading--5 {
      font-size: 0.92857em; } }

a {
  text-decoration: none;
  cursor: pointer;
  color: #767676; }

/*============================================================================
  Body Copy
==============================================================================*/
.txt--minor {
  font-size: 0.875em;
  line-height: 1.42857em; }

.txt--major {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  font-size: 1.1875em; }

.body-link, main p > a, .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button) {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #7ab55c; }
  .body-link:hover, main p > a:hover, .marketing-markdown a:hover:not(.marketing-button):not(.marketing-nav__button), .body-link:focus, main p > a:focus, .marketing-markdown a:focus:not(.marketing-button):not(.marketing-nav__button) {
    background-position: 0 0; }

main p,
main ul,
main ol {
  margin-bottom: 0.9375em;
  line-height: 1.5em;
  font-size: 1em; }

.marketing-quote {
  margin: 30px 0; }

.marketing-quote__content {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  margin: 0;
  padding: 0.66667em 0 0.66667em 30px;
  font-size: 1.5em;
  color: #000;
  border-left: solid 2px #ced3d3; }

.marketing-quote__footer {
  text-align: right; }

.heading-container, .page-header {
  text-align: center; }

.section-intro {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0;
  padding: 2.25em 0; }
  .section-intro:after {
    content: "";
    display: table;
    clear: both; }

/*============================================================================
  Lowlight Typography
==============================================================================*/
.lowlight__heading {
  color: #fff !important; }

.lowlight__quote {
  border-color: #a9a9a9; }

/*============================================================================
  Lists
==============================================================================*/
.numbered-list {
  list-style: decimal;
  list-style-position: outside;
  margin-left: 2.5em; }
  .numbered-list li {
    margin-bottom: 0.5em; }

/*============================================================================
  Marketing Grid
==============================================================================*/
/*================ Grid Container ================*/
.grid-container {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .grid-container:after {
    content: "";
    display: table;
    clear: both; }

@media screen and (min-width: 61.875em) {
  .grid-12 {
    width: 1410px; }

  .grid-push-12 {
    margin-left: 1440px; }

  .grid-11 {
    width: 1290px;
    margin-right: 30px; }

  .grid-push-11 {
    margin-left: 1320px; }

  .grid-10 {
    width: 1170px;
    margin-right: 30px; }

  .grid-push-10 {
    margin-left: 1200px; }

  .grid-9 {
    width: 1050px;
    margin-right: 30px; }

  .grid-push-9 {
    margin-left: 1080px; }

  .grid-8 {
    width: 930px;
    margin-right: 30px; }

  .grid-push-8 {
    margin-left: 960px; }

  .grid-7 {
    width: 810px;
    margin-right: 30px; }

  .grid-push-7 {
    margin-left: 840px; }

  .grid-6 {
    width: 690px;
    margin-right: 30px; }

  .grid-push-6 {
    margin-left: 720px; }

  .grid-5 {
    width: 570px;
    margin-right: 30px; }

  .grid-push-5 {
    margin-left: 600px; }

  .grid-4 {
    width: 450px;
    margin-right: 30px; }

  .grid-push-4 {
    margin-left: 480px; }

  .grid-3 {
    width: 330px;
    margin-right: 30px; }

  .grid-push-3 {
    margin-left: 360px; }

  .grid-2 {
    width: 210px;
    margin-right: 30px; }

  .grid-push-2 {
    margin-left: 240px; }

  .grid-1 {
    width: 90px;
    margin-right: 30px; }

  .grid-push-1 {
    margin-left: 120px; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .grid-12 {
    width: 1050px; }

  .grid-push-12 {
    margin-left: 1080px; }

  .grid-11 {
    width: 960px;
    margin-right: 30px; }

  .grid-push-11 {
    margin-left: 990px; }

  .grid-10 {
    width: 870px;
    margin-right: 30px; }

  .grid-push-10 {
    margin-left: 900px; }

  .grid-9 {
    width: 780px;
    margin-right: 30px; }

  .grid-push-9 {
    margin-left: 810px; }

  .grid-8 {
    width: 690px;
    margin-right: 30px; }

  .grid-push-8 {
    margin-left: 720px; }

  .grid-7 {
    width: 600px;
    margin-right: 30px; }

  .grid-push-7 {
    margin-left: 630px; }

  .grid-6 {
    width: 510px;
    margin-right: 30px; }

  .grid-push-6 {
    margin-left: 540px; }

  .grid-5 {
    width: 420px;
    margin-right: 30px; }

  .grid-push-5 {
    margin-left: 450px; }

  .grid-4 {
    width: 330px;
    margin-right: 30px; }

  .grid-push-4 {
    margin-left: 360px; }

  .grid-3 {
    width: 240px;
    margin-right: 30px; }

  .grid-push-3 {
    margin-left: 270px; }

  .grid-2 {
    width: 150px;
    margin-right: 30px; }

  .grid-push-2 {
    margin-left: 180px; }

  .grid-1 {
    width: 60px;
    margin-right: 30px; }

  .grid-push-1 {
    margin-left: 90px; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .grid--tablet-12 {
    width: 1050px; }

  .grid--tablet-push-12 {
    margin-left: 1080px; }

  .grid--tablet-11 {
    width: 960px;
    margin-right: 30px; }

  .grid--tablet-push-11 {
    margin-left: 990px; }

  .grid--tablet-10 {
    width: 870px;
    margin-right: 30px; }

  .grid--tablet-push-10 {
    margin-left: 900px; }

  .grid--tablet-9 {
    width: 780px;
    margin-right: 30px; }

  .grid--tablet-push-9 {
    margin-left: 810px; }

  .grid--tablet-8 {
    width: 690px;
    margin-right: 30px; }

  .grid--tablet-push-8 {
    margin-left: 720px; }

  .grid--tablet-7 {
    width: 600px;
    margin-right: 30px; }

  .grid--tablet-push-7 {
    margin-left: 630px; }

  .grid--tablet-6 {
    width: 510px;
    margin-right: 30px; }

  .grid--tablet-push-6 {
    margin-left: 540px; }

  .grid--tablet-5 {
    width: 420px;
    margin-right: 30px; }

  .grid--tablet-push-5 {
    margin-left: 450px; }

  .grid--tablet-4 {
    width: 330px;
    margin-right: 30px; }

  .grid--tablet-push-4 {
    margin-left: 360px; }

  .grid--tablet-3 {
    width: 240px;
    margin-right: 30px; }

  .grid--tablet-push-3 {
    margin-left: 270px; }

  .grid--tablet-2 {
    width: 150px;
    margin-right: 30px; }

  .grid--tablet-push-2 {
    margin-left: 180px; }

  .grid--tablet-1 {
    width: 60px;
    margin-right: 30px; }

  .grid--tablet-push-1 {
    margin-left: 90px; } }
/*================ Grid Item ================*/
.grid-item {
  float: left;
  position: relative;
  /*================ Grid Wrapper Helpers ================*/
  /*================ Mobile Grid ================*/ }
  @media screen and (min-width: 46.875em) {
    .grid-container--halves .grid-item:nth-child(2n) {
      margin-right: 0; }
    .grid-container--halves .grid-item:nth-child(2n+1) {
      clear: left; }
    .grid-container--thirds .grid-item:nth-child(3n) {
      margin-right: 0; }
    .grid-container--thirds .grid-item:nth-child(3n+1) {
      clear: left; }
    .grid-container--quarters .grid-item:nth-child(4n) {
      margin-right: 0; }
    .grid-container--quarters .grid-item:nth-child(4n+1) {
      clear: left; }
    .grid-container--eights .grid-item:nth-child(8n) {
      margin-right: 0; }
    .grid-container--eights .grid-item:nth-child(8n+1) {
      clear: left; } }
  @media screen and (max-width: 46.8125em) {
    .grid-item {
      float: none; }
      .grid-item.grid--mobile {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 46.66667%;
        float: left; }
        .grid-item.grid--mobile:last-child {
          margin-right: 0; }
        .grid-item.grid--mobile:nth-child(2n) {
          margin-right: 0; }
        .grid-item.grid--mobile:nth-child(2n+1) {
          clear: left; }
      .grid-item.grid--mobile.grid--last + .grid-item {
        clear: none; } }

/*================ Grid Row Clearing ================*/
.grid--last {
  margin-right: 0 !important; }
  .grid--last + .grid-item {
    clear: both; }

/*================ Fluid Grid ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--fluid__third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    .grid-item--fluid__third:last-child {
      margin-right: 0; }

  .grid-item--fluid__two-thirds {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    .grid-item--fluid__two-thirds:last-child {
      margin-right: 0; }

  .grid-item--fluid__half {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%; }
    .grid-item--fluid__half:last-child {
      margin-right: 0; } }
/*================ Extended Grid ================*/
@media screen and (min-width: 61.875em) {
  .grid-container--wide {
    width: 1440px;
    padding-left: 255px;
    padding-right: 255px;
    margin-left: -255px; }

  .grid-item--wide.grid-8, .grid-8.grid--wide-right,
  .grid-8.grid--wide-left {
    width: 1185px; }
  .grid-item--wide.grid-7, .grid-7.grid--wide-right,
  .grid-7.grid--wide-left {
    width: 1065px; }
  .grid-item--wide.grid-6, .grid-6.grid--wide-right,
  .grid-6.grid--wide-left {
    width: 945px; }
  .grid-item--wide.grid-5, .grid-5.grid--wide-right,
  .grid-5.grid--wide-left {
    width: 825px; }
  .grid-item--wide.grid-4, .grid-4.grid--wide-right,
  .grid-4.grid--wide-left {
    width: 705px; }
  .grid-item--wide.grid-3, .grid-3.grid--wide-right,
  .grid-3.grid--wide-left {
    width: 585px; }
  .grid-item--wide.grid-2, .grid-2.grid--wide-right,
  .grid-2.grid--wide-left {
    width: 465px; }
  .grid-item--wide.grid-1, .grid-1.grid--wide-right,
  .grid-1.grid--wide-left {
    width: 345px; }

  .grid--wide-left {
    margin-left: -255px; }

  .grid--wide-right {
    margin-right: -255px; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .grid--wide-right {
    margin-right: 0; } }
/*================ Flush Grid ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--flush-half {
    width: 50%; }

  .grid-item--flush-third {
    width: 33.33333%; }

  .grid-item--flush-quarter {
    width: 25%; } }
/*================ Bordered Grid ================*/
.grid-item--bordered {
  border-bottom: 1px solid #e5e5e5; }
  @media screen and (max-width: 46.8125em) {
    .grid-item--bordered:last-child {
      border-bottom: 0; } }
  @media screen and (min-width: 46.875em) {
    .grid-item--bordered {
      border-right: 1px solid #e5e5e5; }
      .grid-container--thirds .grid-item--bordered:nth-child(3n) {
        border-right: 0; }
      .grid-container--thirds .grid-item--bordered:nth-last-child(-n+3) {
        border-bottom: 0; }
      .grid-container--quarters .grid-item--bordered:nth-child(4n) {
        border-right: 0; }
      .grid-container--quarters .grid-item--bordered:nth-last-child(-n+4) {
        border-bottom: 0; }
      .grid-container--halves .grid-item--bordered:nth-child(2n) {
        border-right: 0; }
      .grid-container--halves .grid-item--bordered:nth-last-child(-n+2) {
        border-bottom: 0; } }

/*================ Grid items with bottom margin ================*/
@media screen and (min-width: 46.875em) {
  .grid-item--margin-bottom {
    margin-bottom: 1.875em; } }

/*================ Building Blocks ================*/
/*============================================================================
  Buttons
  * reset button elements
  * in-page links that aren't actually anchors should use these
  * then use %button as needed
==============================================================================*/
button {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

.marketing-button, .marketing-nav__button {
  background-image: none;
  background-color: #7ab55c;
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  -webkit-transition-property: background-color border-color color;
  transition-property: background-color border-color color;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  padding: 0.77778em 1.66667em;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  font-size: 1.125em;
  text-align: center; }
  .marketing-button:hover, .marketing-nav__button:hover {
    background-color: #6aa74c; }
  .marketing-button:active, .marketing-nav__button:active, .marketing-button:focus, .marketing-nav__button:focus {
    background-color: #619945; }
  .marketing-button:hover, .marketing-nav__button:hover, .marketing-button:focus, .marketing-nav__button:focus {
    color: #fff;
    text-decoration: none; }
  @media screen and (min-width: 46.875em) {
    .marketing-button + .marketing-button, .marketing-nav__button + .marketing-button, .marketing-button + .marketing-nav__button, .marketing-nav__button + .marketing-nav__button {
      margin-left: 15px; } }
  .marketing-button[disabled], [disabled].marketing-nav__button, .marketing-form--is-loading .marketing-button, .marketing-form--is-loading .marketing-nav__button {
    background-color: #a9a9a9;
    cursor: not-allowed; }
    .marketing-button[disabled]:hover, [disabled].marketing-nav__button:hover, .marketing-form--is-loading .marketing-button:hover, .marketing-form--is-loading .marketing-nav__button:hover {
      background-color: #9a9a9a; }
    .marketing-button[disabled]:active, [disabled].marketing-nav__button:active, .marketing-button[disabled]:focus, [disabled].marketing-nav__button:focus, .marketing-form--is-loading .marketing-button:active, .marketing-form--is-loading .marketing-nav__button:active, .marketing-form--is-loading .marketing-button:focus, .marketing-form--is-loading .marketing-nav__button:focus {
      background-color: #909090; }
    button.marketing-button[disabled], button[disabled].marketing-nav__button, .marketing-form--is-loading .marketing-button, .marketing-form--is-loading .marketing-nav__button {
      position: relative;
      color: #a9a9a9; }
      button.marketing-button[disabled]:hover, button[disabled].marketing-nav__button:hover, button.marketing-button[disabled]:focus, button[disabled].marketing-nav__button:focus, .marketing-form--is-loading .marketing-button:hover, .marketing-form--is-loading .marketing-nav__button:hover, .marketing-form--is-loading .marketing-button:focus, .marketing-form--is-loading .marketing-nav__button:focus {
        color: #9a9a9a; }
      button.marketing-button[disabled]::after, button[disabled].marketing-nav__button::after, .marketing-form--is-loading .marketing-button::after, .marketing-form--is-loading .marketing-nav__button::after {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
        border-radius: 50%;
        border: 3px solid #fff;
        border-top-color: transparent;
        -webkit-animation: spin 1s infinite linear;
                animation: spin 1s infinite linear;
        left: 50%; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.marketing-button--lowlight {
  background-color: #30373b; }
  .marketing-button--lowlight:hover {
    background-color: #22272a; }
  .marketing-button--lowlight:active, .marketing-button--lowlight:focus {
    background-color: #191d1f; }

.marketing-button--light {
  background-color: #fff; }
  .marketing-button--light:hover {
    background-color: #f0f0f0; }
  .marketing-button--light:active, .marketing-button--light:focus {
    background-color: #e6e6e6; }
  .marketing-button--light, .marketing-button--light:hover, .marketing-button--light:focus {
    color: #000; }

.marketing-button--small, .marketing-nav__button {
  padding: 0.5625em 1.875em;
  font-size: 1em;
  height: auto; }

.marketing-button--block {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.marketing-button--reset {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.marketing-button--pill {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  border-radius: 1.875em; }

/*============================================================================
  Form elements
==============================================================================*/
@media screen and (min-width: 46.875em) {
  .marketing-form--inline {
    text-align: center; } }
.marketing-form--inline .marketing-input-wrapper {
  text-align: left; }
  @media screen and (min-width: 46.875em) {
    .marketing-form--inline .marketing-input-wrapper {
      margin-bottom: 0; } }

@media screen and (min-width: 46.875em) {
  .marketing-form--inline--with-labels .marketing-form__button {
    margin-top: 1.4375em; } }

.marketing-form--inline__heading {
  text-align: center; }

.marketing-form--lowlight .marketing-label,
.marketing-form--lowlight .marketing-radio-label,
.marketing-form--lowlight .marketing-checkbox-label {
  color: #fff; }

/*============================================================================
  Form inputs
==============================================================================*/
.marketing-input-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .marketing-input-wrapper .marketing-select-wrapper,
  .marketing-input-wrapper .marketing-input,
  .marketing-input-wrapper .marketing-textarea {
    margin-bottom: 0; }
  .marketing-input-wrapper.js-is-hidden {
    display: none; }

.marketing-input,
.marketing-textarea,
.marketing-select-wrapper > select {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  height: 3em;
  width: 100%;
  margin: 0 0 15px;
  padding: 0.77778em 0.88889em;
  color: #30373b;
  font-size: 1.125em;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border-color 150ms;
  transition: border-color 150ms;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .marketing-block--lowlight .marketing-input, .marketing-form--lowlight .marketing-input, .page-block--lowlight .marketing-input, .marketing-block--lowlight
  .marketing-textarea, .marketing-form--lowlight
  .marketing-textarea, .page-block--lowlight
  .marketing-textarea, .marketing-block--lowlight
  .marketing-select-wrapper > select, .marketing-form--lowlight
  .marketing-select-wrapper > select, .page-block--lowlight
  .marketing-select-wrapper > select {
    border-color: transparent; }
  .marketing-input:focus, .marketing-input.focus,
  .marketing-textarea:focus,
  .marketing-textarea.focus,
  .marketing-select-wrapper > select:focus,
  .marketing-select-wrapper > select.focus {
    color: #000;
    border: 1px solid #00baff !important; }
    .marketing-input:focus + .marketing-form__messages .error + .suggest, .marketing-input.focus + .marketing-form__messages .error + .suggest,
    .marketing-textarea:focus + .marketing-form__messages .error + .suggest,
    .marketing-textarea.focus + .marketing-form__messages .error + .suggest,
    .marketing-select-wrapper > select:focus + .marketing-form__messages .error + .suggest,
    .marketing-select-wrapper > select.focus + .marketing-form__messages .error + .suggest {
      display: none; }
    .marketing-input:focus + .marketing-form__messages .error + .is-visible, .marketing-input.focus + .marketing-form__messages .error + .is-visible,
    .marketing-textarea:focus + .marketing-form__messages .error + .is-visible,
    .marketing-textarea.focus + .marketing-form__messages .error + .is-visible,
    .marketing-select-wrapper > select:focus + .marketing-form__messages .error + .is-visible,
    .marketing-select-wrapper > select.focus + .marketing-form__messages .error + .is-visible {
      display: block; }
  .marketing-input[disabled],
  .marketing-textarea[disabled],
  .marketing-select-wrapper > select[disabled] {
    background-color: #e5e5e5; }

.marketing-input::-webkit-input-placeholder,
.marketing-textarea::-webkit-input-placeholder {
  color: #767676; }
.marketing-input::-moz-placeholder,
.marketing-textarea::-moz-placeholder {
  color: #767676; }
.marketing-input:-moz-placeholder,
.marketing-textarea:-moz-placeholder {
  color: #767676; }
.marketing-input:-ms-input-placeholder,
.marketing-textarea:-ms-input-placeholder {
  color: #767676; }

.marketing-input--error, .marketing-block--lowlight .marketing-input--error, .marketing-form--lowlight .marketing-input--error, .page-block--lowlight .marketing-input--error {
  border: 2px solid #c23628; }

.marketing-textarea {
  height: auto;
  min-height: 3em; }

.marketing-select-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .marketing-select-wrapper > select {
    margin: 0;
    padding-right: 2em; }
    .marketing-select-wrapper > select::-ms-expand {
      display: none; }
  .marketing-select-wrapper:before {
    pointer-events: none;
    content: '';
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 1em;
    width: 1em;
    margin-bottom: -0.5625em;
    display: block;
    position: absolute;
    bottom: 50%;
    right: 0.75em;
    z-index: 2; }

:-moz-any(.marketing-select-wrapper):after {
  position: absolute;
  right: 0.0625em;
  top: 0.0625em;
  height: 2.875em;
  width: 2em;
  background-color: #fff;
  font-size: 1.125em;
  pointer-events: none;
  z-index: 1;
  content: '';
  border-radius: 3px; }

.marketing-label {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-bottom: 0.61538em;
  font-size: 0.8125em;
  text-transform: uppercase; }

.marketing-form__button {
  height: 3em; }

/*================ Off-screen labels with placeholder ================*/
.marketing-label--hidden {
  display: inline; }
  .no-placeholder .marketing-label--hidden {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    position: absolute;
    left: 0;
    top: -20px; }

.marketing-input-wrapper--inline-button {
  position: relative;
  margin-bottom: 0; }
  .marketing-input-wrapper--inline-button > .marketing-button, .marketing-input-wrapper--inline-button > .marketing-nav__button {
    position: absolute;
    right: 0;
    top: 0; }

/*============================================================================
  Inline messaging and errors
==============================================================================*/
.marketing-form__messages {
  font-size: 0.8125em;
  font-weight: 500; }
  .marketing-form__messages .error,
  .marketing-form__messages .success,
  .marketing-form__messages .suggest {
    display: block;
    padding: 0.61538em 0 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
  .marketing-form__messages .error {
    color: #c23628; }
    .marketing-form__messages .error a {
      color: #c23628;
      border-bottom: 1px solid #c23628; }
  .marketing-form__messages .success {
    display: none;
    color: #7ab55c; }
    .marketing-form__messages .success a {
      color: #7ab55c;
      border-bottom: 1px solid #7ab55c; }
    .marketing-form__messages .success.is-visible, .marketing-form--has-success .marketing-form__messages .success {
      display: block; }
  .marketing-form__messages .suggest {
    display: none;
    color: #949494; }
    .marketing-block--lowlight .marketing-form__messages .suggest, .marketing-form--lowlight .marketing-form__messages .suggest, .page-block--lowlight .marketing-form__messages .suggest {
      color: #fff; }
    .marketing-form__messages .suggest.is-visible {
      display: block; }

.marketing-form__ajax-success {
  display: none; }
  .marketing-form__ajax-success.js-is-visible {
    display: block; }

/*============================================================================
  Checkboxes and radio buttons
==============================================================================*/
.marketing-checkbox, .marketing-radio {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  margin-bottom: 15px;
  float: left; }
  .marketing-checkbox:checked + label:after, .marketing-radio:checked + label:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ''; }
  .marketing-checkbox:focus + label:before, .marketing-radio:focus + label:before, .marketing-checkbox:focus:checked + label:before, .marketing-radio:focus:checked + label:before {
    outline: none;
    border-color: #7ab55c;
    box-shadow: 0 0 4px 0 #7ab55c; }

.marketing-checkbox-label, .marketing-radio-label {
  display: block;
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
  line-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .marketing-checkbox-label:hover:before, .marketing-radio-label:hover:before {
    border-color: #7ab55c; }
  .marketing-checkbox-label:before, .marketing-radio-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: border-color 150ms ease;
    transition: border-color 150ms ease; }

.marketing-checkbox--large + label, .marketing-radio--large + label {
  padding-left: 40px;
  line-height: 30px; }
  .marketing-checkbox--large + label:before, .marketing-radio--large + label:before {
    width: 30px;
    height: 30px; }

.marketing-checkbox:checked + label:before {
  background-color: #7ab55c;
  border-color: #7ab55c;
  box-shadow: none; }
.marketing-checkbox:checked + label:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.7%2040%22%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M16.7%2030l-7.4-7.9c-.8-.8-.6-2%20.4-2.6%201-.6%202.4-.5%203.1.3l3.7%204%2011.3-13c.7-.8%202.1-1%203.1-.4s1.2%201.8.5%202.6L16.7%2030z%22/%3E%3C/svg%3E');
  width: 20px;
  height: 20px; }

.marketing-checkbox--large:checked + label:after {
  width: 30px;
  height: 30px; }

.marketing-radio:checked + label:after {
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #7ab55c; }
.marketing-radio:checked + label:before {
  border-color: #7ab55c; }

.marketing-radio-label:before {
  border-radius: 20px; }

.marketing-radio--large:checked + label:after {
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  border-radius: 15px; }

.marketing-checkbox-label--inline,
.marketing-radio-label--inline {
  margin-right: 0.9375em;
  margin-bottom: 0;
  display: inline-block; }

.icon {
  display: inline-block;
  height: 1em;
  width: 0.8em;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

.icon--large {
  width: 60px;
  height: 60px; }

.icon--small {
  width: 40px;
  height: 40px; }

.icon--grey {
  fill: #a9a9a9; }

.icon--black {
  fill: #000; }

.icon--white {
  fill: #fff; }

.icon--yellow {
  fill: #ebb129; }

.icon--green {
  fill: #7ab55c; }

.icon--blue {
  fill: #368aa9; }

.icon--blue_light {
  fill: #5fb6d5; }

.icon--blue_fb {
  fill: #385a98; }

.icon--blue_twitter {
  fill: #55acee; }

.icon--blue_linkedin {
  fill: #0976b4; }

.icon--blue_bab {
  fill: #32a0c8; }

.icon--red_pinterest {
  fill: #bd081c; }

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect {
  fill: inherit; }

.icon-arrow-left {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M5.5%200c.1%200%20.3%200%20.4.1.1.2.1.6-.1.8L1.2%205.5l4.6%204.6c.2.2.2.5%200%20.7-.2.2-.5.2-.7%200l-5-5c-.1-.2-.1-.5%200-.7l5-5c.1-.1.3-.1.4-.1z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-arrow-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M18.5%2011c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7l4.6-4.6L18.1%201c-.2-.2-.2-.5%200-.7.2-.2.5-.2.7%200l5%205c.2.2.2.5%200%20.7l-5%205c-.1-.1-.2%200-.3%200z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M23.5%206H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-close-white {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-close {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20fill=%22%23B8C0C4%22%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20fill=%22%23B8C0C4%22%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

img {
  max-width: 100%; }
  a img {
    border: 0; }
  img[data-srcset] {
    opacity: 0;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
    img[data-srcset].lazyloaded {
      opacity: 1; }

/*================ Site structure & Chrome ================*/
/*============================================================================
  Colors
==============================================================================*/
/*================ Text ================*/
/*============================================================================
  Backgrounds
==============================================================================*/
/*================ Forms ================*/
/*================ Icon colours ================*/
/*================ Nav colors ================*/
/*============================================================================
  Font Weights
==============================================================================*/
/*============================================================================
  Font Families
==============================================================================*/
/*============================================================================
  Headings
==============================================================================*/
/*============================================================================
  Global Components - vars that are handy across the site
==============================================================================*/
/*================ Z Index ================*/
/*================ Nav ================*/
/*================ Forms ================*/
/*================ Borders ================*/
/*================ Shopify logo ================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*============================================================================
-Background colours
-==============================================================================*/
/*============================================================================
Borders
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Breakpoints - Set in em to cover browser font-size adjustments
==============================================================================*/
/*============================================================================
  Nav wrapper and parent nav elements
==============================================================================*/
.marketing-nav-wrapper {
  width: 100%;
  margin: 0 auto; }

.marketing-nav {
  width: 100%;
  position: relative;
  clear: both;
  height: 60px; }
  .marketing-nav .popover-wrapper {
    display: block;
    cursor: auto; }
  .marketing-nav .popover {
    width: auto;
    min-width: calc(100% + 1.5625em);
    top: 60px;
    left: 0;
    margin-top: 0;
    -webkit-transform: none;
            transform: none; }
    .marketing-nav .popover::before, .marketing-nav .popover::after {
      content: none; }
  .marketing-nav .popover-content {
    padding: 0.78125em 3.125em 1.5625em 1.5625em;
    box-shadow: none;
    border-radius: 0;
    background-color: #000; }

/*============================================================================
  Primary navigation
==============================================================================*/
.marketing-nav__primary {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #30373b; }

/*============================================================================
  Main nav links
==============================================================================*/
.marketing-nav__items.marketing-nav__user {
  float: right; }
.marketing-nav__items > li {
  position: relative;
  display: block;
  line-height: 60px; }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__items > li {
      float: left; } }
.marketing-nav__items .popover-content > li {
  line-height: normal; }

.marketing-nav__item {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  color: #b8b8b8;
  font-size: 1em;
  -webkit-transition: all 300ms;
  transition: all 300ms; }
  .marketing-nav__item:hover, .marketing-nav__item:focus, .marketing-nav__item.active {
    color: #fff; }
  .marketing-nav__secondary .marketing-nav__item {
    color: #767676; }
    @media screen and (max-width: 46.8125em) {
      .marketing-nav__secondary .marketing-nav__item {
        font-size: 1.14286em;
        line-height: 45px;
        padding-left: 30px;
        padding-right: 30px;
        border-left: 3px solid transparent; } }
    @media screen and (min-width: 46.875em) {
      .marketing-nav__secondary .marketing-nav__item {
        height: 60px;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 3px solid transparent; } }
    .marketing-nav__secondary .marketing-nav__item:hover, .marketing-nav__secondary .marketing-nav__item:focus, .marketing-nav__secondary .marketing-nav__item.active {
      color: #000; }
    .marketing-nav__secondary .marketing-nav__item.active {
      border-color: currentColor; }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary li + li .marketing-nav__item {
      margin-top: -0.3125em; } }
  .marketing-nav__user .marketing-nav__item {
    margin-right: 1.78571em;
    padding-left: 0;
    padding-right: 0; }
  .popover-content .marketing-nav__item {
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap; }
  .popover-content li + li .marketing-nav__item {
    margin-top: 0.625em; }

.marketing-nav__item--primary {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875em;
  text-transform: uppercase;
  padding-left: 1.78571em;
  padding-right: 1.78571em; }
  .popover-wrapper.js-is-active > .marketing-nav__item--primary {
    background-color: #000;
    color: #fff; }

/*============================================================================
  Nav CTA button
==============================================================================*/
.marketing-nav__button {
  line-height: normal;
  padding-left: 1.25em;
  padding-right: 1.25em; }

/*============================================================================
  Secondary navigation
==============================================================================*/
.marketing-nav__secondary {
  position: relative;
  z-index: 1;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 46.875em) {
    .marketing-nav__secondary .marketing-nav__items {
      display: block !important; }
    .marketing-nav__secondary > .marketing-nav__items {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    .marketing-nav__secondary li + li {
      margin-left: 1.78571em; } }
  @media screen and (min-width: 61.875em) {
    .marketing-nav__secondary li + li {
      margin-left: 30px; } }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary .marketing-nav__items {
      display: none;
      position: absolute;
      z-index: 10;
      width: 100%;
      top: 0;
      left: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid #e5e5e5;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
      background-color: #fff; }
    .marketing-nav__secondary > .marketing-nav__items {
      top: 60px; } }

.marketing-nav__secondary__button {
  width: 100%;
  text-align: left;
  line-height: 60px;
  padding-left: 30px; }

/*============================================================================
  Nav icons
==============================================================================*/
.marketing-nav__logo {
  float: left; }
  @media screen and (min-width: 61.875em) {
    .marketing-nav__logo {
      margin-right: 1.5625em; } }

@media screen and (max-width: 61.8125em) {
  .marketing-nav__logo--centered {
    float: none;
    overflow: hidden; }
    .marketing-nav__logo--centered .marketing-nav__logo__shopify {
      margin-left: auto;
      margin-right: auto; } }

.marketing-nav__logo .icon,
.marketing-nav__hamburger .icon {
  width: 100%;
  height: 100%; }

.marketing-nav__logo__shopify {
  display: block;
  width: 104px;
  height: 30px;
  margin-top: 13px; }

.marketing-nav__hamburger {
  float: right;
  margin-top: 18px;
  width: 24px;
  height: 24px;
  fill: #fff; }
  .marketing-nav__hamburger::-moz-focus-inner {
    padding: 0;
    border: 0; }

.marketing-nav__arrow {
  display: inline-block;
  vertical-align: 3%;
  width: 10px;
  height: 6px;
  margin-left: 0.71429em;
  fill: currentColor;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms; }
  .js-is-active .marketing-nav__arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -ms-transform: none; }
  @media screen and (max-width: 46.8125em) {
    .marketing-nav__secondary .marketing-nav__arrow {
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -2px; } }

/*============================================================================
  Skip Link
==============================================================================*/
.skip-to-main.focusable:focus {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding: 0 0.625em;
  background: #30373b;
  z-index: 1010; }

/*============================================================================
  Transparent nav variants
==============================================================================*/
.page--has-transparent-nav--primary .marketing-nav__primary,
.page--has-transparent-nav--primary--dark .marketing-nav__primary {
  margin-top: -60px;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  z-index: 10;
  background: transparent; }

.page--has-transparent-nav--primary .marketing-nav__item--primary:hover, .page--has-transparent-nav--primary .marketing-nav__item--primary:focus, .page--has-transparent-nav--primary .marketing-nav__item--primary.active,
.page--has-transparent-nav--primary .marketing-nav__user .marketing-nav__item:hover,
.page--has-transparent-nav--primary .marketing-nav__user .marketing-nav__item:focus,
.page--has-transparent-nav--primary .marketing-nav__user .marketing-nav__item.active {
  color: #fff; }

.page--has-transparent-nav--primary--dark .marketing-nav__item--primary,
.page--has-transparent-nav--primary--dark .marketing-nav__user .marketing-nav__item {
  color: #30373b; }
  .page--has-transparent-nav--primary--dark .marketing-nav__item--primary:hover, .page--has-transparent-nav--primary--dark .marketing-nav__item--primary:focus, .page--has-transparent-nav--primary--dark .marketing-nav__item--primary.active,
  .page--has-transparent-nav--primary--dark .marketing-nav__user .marketing-nav__item:hover,
  .page--has-transparent-nav--primary--dark .marketing-nav__user .marketing-nav__item:focus,
  .page--has-transparent-nav--primary--dark .marketing-nav__user .marketing-nav__item.active {
    color: #000; }
.page--has-transparent-nav--primary--dark .js-is-active > .marketing-nav__item--primary {
  color: #fff; }
.page--has-transparent-nav--primary--dark .marketing-nav__hamburger {
  fill: #000; }

.footer--main, .footer-bottom {
  padding-top: 1.5625em;
  background: #222; }

.footer-section {
  margin-bottom: 1.875em;
  padding-top: 1.875em; }
  .footer-section:after {
    content: "";
    display: table;
    clear: both; }

.footer-heading {
  margin: 0 0 0.5625em;
  color: #949494;
  letter-spacing: normal; }

.footer-link {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875em;
  display: block;
  padding: 0.375em 0;
  color: #898989;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out; }
  .footer-link:hover, .footer-link:focus {
    color: #fff; }

.footer-top {
  padding-bottom: 1.5625em; }
  @media screen and (max-width: 46.8125em) {
    .footer-top .footer-section--help {
      margin-right: 0;
      float: right; } }

.footer-bottom {
  background: #222;
  padding: 1.875em 0;
  border-top: 1px solid #434343; }
  .footer-bottom a {
    color: #898989;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out; }
    @media screen and (min-width: 61.875em) {
      .footer-bottom a {
        line-height: 1.875em; } }
    .footer-bottom a:hover {
      color: #fff; }

.footer-bottom-item {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 46.8125em) {
    .footer-bottom-item {
      margin-bottom: 0.9375em; } }

@media screen and (min-width: 46.875em) {
  .footer-bottom__links {
    float: right; } }
@media screen and (max-width: 46.8125em) {
  .footer-bottom__links {
    text-align: center; } }
.footer-bottom__links > a {
  line-height: 1.875em;
  white-space: nowrap; }
  @media screen and (min-width: 46.875em) {
    .footer-bottom__links > a {
      margin-left: 15px; } }
  @media screen and (max-width: 46.8125em) {
    .footer-bottom__links > a {
      display: block; } }

.footer-country-select {
  margin-left: 15px;
  display: inline-block;
  position: relative;
  width: auto;
  line-height: 1.875em; }
  .footer-country-select > select {
    font-family: "Brandon", Helvetica, Arial, sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: auto;
    height: auto;
    width: auto;
    padding: 0 1.5625em;
    font-size: 0.9375em;
    color: #898989;
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media screen and (min-width: 61.875em) {
      .footer-country-select > select {
        height: 30px; } }
    .footer-country-select > select:focus {
      color: #fff; }
  .footer-country-select option {
    color: #000; }
  :-moz-any(.footer-country-select) option {
    color: #898989; }
  .footer-country-select:before {
    top: 50%;
    margin-top: -0.375em;
    width: 0.75em;
    height: 0.75em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%236e6e6e%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%236e6e6e%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E'); }
  .footer-country-select:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    height: 1em;
    width: 1em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22197.3%20314.6%2090.6%2090.6%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%236e6e6e%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M287.9%20359.9c0%2025-20.2%2045.3-45.3%2045.3s-45.3-20.2-45.3-45.3%2020.2-45.3%2045.3-45.3%2045.3%2020.3%2045.3%2045.3zm-22.7%2013.2c0-7.3-5.9-13.2-13.2-13.2h-7.5c-5.7%200-9.4-2.8-9.4-6.6%200-2.6%202.1-4.7%204.7-4.7%203.8%200%203.9%203.8%206.6%203.8%202.1%200%203.8-1.7%203.8-3.8%200-3.7-1.8-5.6-3.6-7.3%201-2%203.5-7.2%203.6-14.8%200-.9-.6-1.8-1.6-1.9-2-.3-4-.5-6-.5-15.9.5-26.4%208.1-26.4%2020.7%200%2011.3%209.4%2020.7%2020.7%2020.7h.3c-.2.9-.3%201.9-.3%202.8%200%205.8%204%2010.7%209.4%2011.9v13.5c0%201%20.8%201.9%201.9%201.9%205.7.2%2017-9.3%2017-22.5z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% 100%; }

:-moz-any(.footer-country-select):before {
  display: none; }

@media screen and (max-width: 46.8125em) {
  .footer-bottom__social {
    text-align: center; } }
@media screen and (min-width: 46.875em) {
  .footer-bottom__social {
    float: left; } }

.footer-social__icon {
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  margin: 0.3125em 0.5em 0.5em 0; }
  .footer-social__icon .icon {
    width: 100%;
    height: 100%;
    fill: #6e6e6e;
    -webkit-transition: fill 300ms ease-in-out;
    transition: fill 300ms ease-in-out; }
  .footer-social__icon:hover .icon, .footer-social__icon:focus .icon {
    fill: #fff; }

.footer-nav {
  border-bottom: 1px solid #434343;
  padding-bottom: 1.5625em;
  margin-bottom: 1.5625em; }
  @media screen and (max-width: 46.8125em) {
    .footer-nav {
      text-align: center; }
      .footer-nav a {
        padding-top: 0.3125em; } }
  .footer-nav a {
    font-family: "Brandon", Helvetica, Arial, sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
    margin-right: 15px;
    color: #a9a9a9;
    display: inline-block; }
    .footer-nav a:hover, .footer-nav a:focus {
      color: #fff; }

.footer-column--nameless {
  margin-top: 1.65em; }

@media screen and (min-width: 46.875em) {
  .grid-item--footer {
    width: 20%;
    padding-right: 30px; } }

/*============================================================================
  Main Nav Drawers
==============================================================================*/
.drawer {
  display: none;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: 17.5em;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #f9fafa;
  font-size: 1.06667em;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
  .js-drawer-open .drawer {
    display: block; }

.drawer--left {
  left: -17.5em; }
  .js-drawer-open-left .drawer--left {
    -webkit-transform: translateX(17.5em);
            transform: translateX(17.5em); }

.drawer--right {
  right: -17.5em; }
  .js-drawer-open-right .drawer--right {
    -webkit-transform: translateX(-17.5em);
            transform: translateX(-17.5em); }

.drawer__inner {
  position: relative;
  min-height: 100%; }
  .drawer__inner:before {
    content: '';
    position: absolute;
    top: 0;
    width: 6px;
    height: 100%;
    z-index: 10; }
  .drawer--right .drawer__inner:before {
    left: 0;
    border-left: 1px solid #ced3d3;
    background-image: -webkit-linear-gradient(right, rgba(206, 211, 211, 0), rgba(206, 211, 211, 0.3));
    background-image: linear-gradient(to left, rgba(206, 211, 211, 0), rgba(206, 211, 211, 0.3)); }
  .drawer--left .drawer__inner:before {
    right: 0;
    border-right: 1px solid #ced3d3;
    background-image: -webkit-linear-gradient(left, rgba(206, 211, 211, 0), rgba(206, 211, 211, 0.3));
    background-image: linear-gradient(to right, rgba(206, 211, 211, 0), rgba(206, 211, 211, 0.3)); }
  @media screen and (max-width: 61.8125em) {
    .drawer__inner .marketing-form__button {
      width: 100%; } }

.drawer__close {
  height: 60px;
  padding: 0 30px; }
  .drawer--right .drawer__close {
    text-align: right; }
  .drawer__close .icon {
    width: 1.0625em;
    height: 1.0625em;
    height: 100%; }

.drawer__items {
  padding-bottom: 20px; }
  .drawer__items > li {
    display: block;
    line-height: 1em; }

.drawer__items--primary {
  padding-bottom: 0;
  background: #fff; }
  .drawer__items--primary > li {
    border-top: 1px solid #e5e5e5; }

.drawer__item {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  display: block;
  padding: 25px 0 25px 30px;
  width: 100%;
  background-color: #fff;
  color: #767676;
  text-align: left;
  line-height: 1; }
  .drawer__item.active {
    color: #000; }
  .drawer__item:hover, .drawer__item:focus {
    background-color: #f9fafa;
    color: #30373b; }
  .drawer__items--nested .drawer__item {
    padding: 10px 0 10px 30px; }

.drawer__header {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: 16.92308em;
  margin: 0 30px 15px;
  padding: 30px 0 15px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0.8125em;
  text-transform: uppercase;
  color: #767676; }

#PageContainer:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  content: '';
  z-index: 999; }

/*================ Transitions ================*/
.js-drawer-open {
  overflow: hidden; }
  .js-drawer-open #PageContainer:before {
    visibility: visible;
    opacity: 1; }

@media screen and (min-width: 46.875em) {
  .signup-grid-3 {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 23.40426%; }
    .signup-grid-3:last-child {
      margin-right: 0; } }

.signup-modal__content {
  width: 100%; }
  @media screen and (min-width: 61.875em) {
    .signup-modal__content {
      max-width: 50%;
      margin: 0 auto; } }
  .signup-modal__content .marketing-form__button {
    float: right; }

body > .signup--hidden {
  display: none; }

.subdomain {
  position: relative; }

.stateful-form .marketing-input-wrapper {
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  background: #fff; }
  .stateful-form .marketing-input-wrapper::before, .stateful-form .marketing-input-wrapper::after {
    opacity: 0;
    right: 1.25em;
    content: '';
    position: absolute;
    top: 1.875em;
    z-index: 3;
    background-size: cover; }
  .stateful-form .marketing-input-wrapper::before {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s; }
  .stateful-form .marketing-input-wrapper::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    border-radius: 50%;
    border: 3px solid #767676;
    border-top-color: transparent;
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear;
    left: auto;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    top: 1.875em; }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.stateful-form .marketing-input::-ms-clear {
  display: none; }
.stateful-form .js-has-error {
  border-color: #c23628 !important; }
  .stateful-form .js-has-error::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039.979%2035.319%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23c23628%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23c23628%22%3E%3Cpath%20d=%22M37.353%2035.32H2.626c-.948%200-1.797-.49-2.27-1.312-.475-.82-.475-1.8%200-2.622L17.718%201.31C18.192.49%2019.04%200%2019.99%200s1.797.49%202.27%201.31l17.365%2030.076c.474.82.474%201.802%200%202.623s-1.324%201.31-2.272%201.31zM19.99%202c-.108%200-.377.03-.54.31L2.09%2032.387c-.162.28-.054.528%200%20.622.054.09.215.31.54.31h34.726c.324%200%20.484-.22.54-.31.053-.097.16-.34%200-.626L20.526%202.31c-.16-.28-.43-.31-.537-.31z%22/%3E%3Ccircle%20cx=%2219.992%22%20cy=%2229.319%22%20r=%221.75%22/%3E%3Cpath%20d=%22M20%2025.32c-.552%200-1-.45-1-1v-15c0-.553.448-1%201-1s1%20.447%201%201v15c0%20.55-.448%201-1%201z%22/%3E%3C/g%3E%3C/svg%3E');
    opacity: 1;
    width: 21px;
    height: 18px;
    margin-top: -0.5em; }
  .stateful-form .js-has-error::after {
    opacity: 0; }
.stateful-form .js-has-success {
  border-color: #7ab55c !important; }
  .stateful-form .js-has-success::before {
    margin-top: -0.8125em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.7%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%237ab55c%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M16.7%2030l-7.4-7.9c-.8-.8-.6-2%20.4-2.6%201-.6%202.4-.5%203.1.3l3.7%204%2011.3-13c.7-.8%202.1-1%203.1-.4s1.2%201.8.5%202.6L16.7%2030z%22/%3E%3C/svg%3E');
    opacity: 1;
    width: 1.71429em;
    height: 1.71429em;
    margin-right: -0.3125em; }
  .stateful-form .js-has-success::after {
    opacity: 0; }
.stateful-form .js-has-suggestion {
  border-color: #206882 !important; }
  .stateful-form .js-has-suggestion::before {
    display: none; }
.stateful-form .js-is-pending {
  border-color: #767676 !important; }
  .stateful-form .js-is-pending::after {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1; }
  .stateful-form .js-is-pending::before {
    opacity: 0; }
.stateful-form .marketing-input {
  position: relative;
  height: 60px;
  z-index: 2;
  border: 0 !important;
  padding: 24px 0.88889em 0.44444em 20px; }
  .stateful-form .marketing-input:focus {
    outline: 0;
    border: 0; }
.stateful-form .marketing-form__button {
  height: 62px; }
.stateful-form .js-is-focused {
  border-color: #00baff; }
  .stateful-form .js-is-focused .marketing-input {
    outline: 0; }
.stateful-form .js-is-hidden {
  display: none; }
.stateful-form .marketing-label {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  position: absolute;
  font-size: 1.125em;
  left: 20px;
  top: 30px;
  color: #767676;
  text-transform: none;
  z-index: 10;
  cursor: text;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media screen and (min-width: 46.875em) {
    .stateful-form .marketing-label {
      -webkit-transition: all 200ms ease;
      transition: all 200ms ease; } }
.stateful-form .js-is-focused .marketing-label,
.stateful-form .js-is-filled .marketing-label {
  font-size: 0.77778em;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px); }
.stateful-form .error {
  color: #c23628; }
.stateful-form .marketing-form__messages {
  font-size: 1em;
  max-height: 0;
  overflow: hidden;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .marketing-form__messages {
      -webkit-transition: all 300ms;
      transition: all 300ms; } }
  .stateful-form .marketing-form__messages .error,
  .stateful-form .marketing-form__messages .success {
    display: block;
    font-size: 0.875em;
    padding: 0.71429em 0.71429em 0.71429em 1.42857em;
    border-radius: 0 0 3px 3px;
    position: relative;
    min-height: 2.64286em;
    background: #fbefee; }
    .stateful-form .marketing-form__messages .error.hide,
    .stateful-form .marketing-form__messages .success.hide {
      display: none; }
  .stateful-form .marketing-form__messages .success {
    background: #e5e5e5;
    color: #30373b; }
.stateful-form .js-has-error .marketing-form__messages,
.stateful-form .js-has-success .marketing-form__messages {
  max-height: 90px; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .js-has-error .marketing-form__messages,
    .stateful-form .js-has-success .marketing-form__messages {
      -webkit-transition: all 0.6s;
      transition: all 0.6s; } }
  .stateful-form .js-has-error .marketing-form__messages .error::before,
  .stateful-form .js-has-success .marketing-form__messages .error::before {
    display: block; }
.stateful-form .js-has-success:not(.js-has-error) .marketing-form__messages {
  max-height: 37px; }
.stateful-form .js-is-pending .marketing-form__messages {
  max-height: 0; }
  @media screen and (min-width: 46.875em) {
    .stateful-form .js-is-pending .marketing-form__messages {
      -webkit-transition: all 300ms;
      transition: all 300ms; } }

.input-mirror {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125em;
  top: 27px;
  left: 22px;
  position: absolute;
  background: #fff;
  color: #a9a9a9; }
  .input-mirror::after {
    content: '.myshopify.com';
    position: relative;
    z-index: 101;
    padding-left: 3px;
    pointer-events: none; }
  .input-mirror.hide::after {
    display: none; }

.subdomain {
  overflow: hidden; }
  .subdomain .suggest {
    display: block; }
    .subdomain .suggest.hide {
      display: none; }

/*================ Global Modules ================*/
/*
  Full-width background sections with color or background images
  These are intented for large full-width sections with a single background-color. Includes vertical padding.

  .page-block                  - default with vertical padding
  .page-block--white           - with white background
  .page-block--lowlight        - dark section, headings are white if class="lowlight__heading" added
  .page-block--light           - light grey section
  .page-block--image           - block with large bg image applied, shared image styles included. block-specific image to be included separately
  .page-block--border-top      - adds light grey 1px border to top

  Styleguide Page Blocks.
*/
.page-block {
  padding: 5.625em 0;
  border-color: #e5e5e5; }
  .page-block--white {
    background: #fff;
    color: #767676; }
  .page-block--light {
    background: #f9fafa;
    color: #767676; }
  .page-block--lowlight {
    background-color: #30373b;
    color: #a9a9a9; }
  .page-block--sand {
    background: #f1f1e9;
    color: #767676; }
  .page-block--blue {
    background-color: #f6fafd;
    color: #555; }
  .page-block--border-top {
    border-top-width: 1px;
    border-top-style: solid; }
  @media screen and (max-width: 46.8125em) {
    .page-block {
      padding: 3.75em 0; } }

/*================ Slate BG Color ================*/
.page-block--lowlight .section-heading > h1,
.page-block--lowlight .section-heading > h2 {
  color: #fff; }
.page-block--lowlight .lowlight__heading > p:before {
  background-color: #949494; }

/*================ Sand BG page block ================*/
.page-block--sand .section-heading__subhead {
  color: #767676; }

/*================ Blocks with BG images ================*/
.page-block--image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .page-block--image > .page-width {
    height: 100%;
    z-index: 1; }

/*
  Stackable sections with vertical padding.
  Intended to separate content sections within a .page-block.
  When multiple .section-block elements are nested directly within .page-width,
  the first section will have padding-top reset to 0, and the last section will
  have padding-bottom reset to 0 as well.

  Page block vs. Section block:
  More padding: page-block
  half that much padding: section-block
  Both can set block color, but should be set on parent page-block when possible.
  Standard usage will look lke .page-block > .page-width > .section-block + .section-block

  .section-block                   - default with padding bottom and top
  .section-block--border-top       - adds light grey 1px border to top
  .section-block--white            - white background
  .section-block--light            - light grey background
  .section-block--lowlight         - slate gray background with white text

  Styleguide Section Blocks.

*/
.section-block {
  padding-top: 2.8125em;
  padding-bottom: 2.8125em;
  border-color: #e5e5e5; }
  .section-block--border-top {
    border-top-width: 1px;
    border-top-style: solid; }
  .section-block--white {
    background: #fff;
    color: #767676; }
  .section-block--light {
    background: #f9fafa;
    color: #767676; }
  .section-block--lowlight {
    background-color: #30373b;
    color: #a9a9a9; }
  .section-block--sand {
    background: #f1f1e9;
    color: #767676; }
  .section-block--blue {
    background-color: #f6fafd;
    color: #555; }
  @media screen and (max-width: 46.8125em) {
    .section-block {
      padding-top: 1.875em;
      padding-bottom: 1.875em; } }

.page-width .section-block:first-child:not(:only-child) {
  padding-top: 0; }
.page-width .section-block:last-child:not(:only-child) {
  padding-bottom: 0; }

/*============================================================================
  Segment Colors

  Before adding another segment colour, please read and consider the thread
  on this PR: https://github.com/Shopify/marketing_assets/pull/649
==============================================================================*/
.segment-online-heading, .segment-online .segment-heading, .segment-online .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-online a.js-is-active {
  color: #ebb129; }

.segment-online-link, .segment-online .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #ebb129; }
  .segment-online-link:hover, .segment-online .segment-link:hover, .segment-online-link:focus, .segment-online .segment-link:focus {
    background-position: 0 0; }
  .segment-online-link:hover, .segment-online .segment-link:hover {
    color: #e0a415; }
  .segment-online-link:active, .segment-online .segment-link:active, .segment-online-link:focus, .segment-online .segment-link:focus {
    color: #d79d14; }

.segment-online-button, .segment-online .segment-button {
  background-color: #ebb129; }
  .segment-online-button:hover, .segment-online .segment-button:hover {
    background-color: #e0a415; }
  .segment-online-button:active, .segment-online .segment-button:active, .segment-online-button:focus, .segment-online .segment-button:focus {
    background-color: #d79d14; }

.segment-online-flair:before {
  background-color: #ebb129 !important; }

.segment-online .segment-quote, .segment-online .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-online a.js-is-active {
  border-color: #ebb129; }
.segment-online .section-heading__flair:before,
.segment-online .segment-block {
  background-color: #ebb129; }

.segment-everywhere-heading, .segment-everywhere .segment-heading, .segment-everywhere .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-everywhere a.js-is-active {
  color: #7ab55c; }

.segment-everywhere-link, .segment-everywhere .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #7ab55c; }
  .segment-everywhere-link:hover, .segment-everywhere .segment-link:hover, .segment-everywhere-link:focus, .segment-everywhere .segment-link:focus {
    background-position: 0 0; }
  .segment-everywhere-link:hover, .segment-everywhere .segment-link:hover {
    color: #6aa74c; }
  .segment-everywhere-link:active, .segment-everywhere .segment-link:active, .segment-everywhere-link:focus, .segment-everywhere .segment-link:focus {
    color: #66a049; }

.segment-everywhere-button, .segment-everywhere .segment-button {
  background-color: #7ab55c; }
  .segment-everywhere-button:hover, .segment-everywhere .segment-button:hover {
    background-color: #6aa74c; }
  .segment-everywhere-button:active, .segment-everywhere .segment-button:active, .segment-everywhere-button:focus, .segment-everywhere .segment-button:focus {
    background-color: #66a049; }

.segment-everywhere-flair:before {
  background-color: #7ab55c !important; }

.segment-everywhere .segment-quote, .segment-everywhere .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-everywhere a.js-is-active {
  border-color: #7ab55c; }
.segment-everywhere .section-heading__flair:before,
.segment-everywhere .segment-block {
  background-color: #7ab55c; }

.segment-pos-heading, .segment-pos .segment-heading, .segment-pos .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-pos a.js-is-active {
  color: #368aa9; }

.segment-pos-link, .segment-pos .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #368aa9; }
  .segment-pos-link:hover, .segment-pos .segment-link:hover, .segment-pos-link:focus, .segment-pos .segment-link:focus {
    background-position: 0 0; }
  .segment-pos-link:hover, .segment-pos .segment-link:hover {
    color: #2f7792; }
  .segment-pos-link:active, .segment-pos .segment-link:active, .segment-pos-link:focus, .segment-pos .segment-link:focus {
    color: #2c718a; }

.segment-pos-button, .segment-pos .segment-button {
  background-color: #368aa9; }
  .segment-pos-button:hover, .segment-pos .segment-button:hover {
    background-color: #2f7792; }
  .segment-pos-button:active, .segment-pos .segment-button:active, .segment-pos-button:focus, .segment-pos .segment-button:focus {
    background-color: #2c718a; }

.segment-pos-flair:before {
  background-color: #368aa9 !important; }

.segment-pos .segment-quote, .segment-pos .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-pos a.js-is-active {
  border-color: #368aa9; }
.segment-pos .section-heading__flair:before,
.segment-pos .segment-block {
  background-color: #368aa9; }

.segment-facebook-heading, .segment-facebook .segment-heading, .segment-facebook .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-facebook a.js-is-active {
  color: #385a98; }

.segment-facebook-link, .segment-facebook .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #385a98; }
  .segment-facebook-link:hover, .segment-facebook .segment-link:hover, .segment-facebook-link:focus, .segment-facebook .segment-link:focus {
    background-position: 0 0; }
  .segment-facebook-link:hover, .segment-facebook .segment-link:hover {
    color: #304d82; }
  .segment-facebook-link:active, .segment-facebook .segment-link:active, .segment-facebook-link:focus, .segment-facebook .segment-link:focus {
    color: #2d487a; }

.segment-facebook-button, .segment-facebook .segment-button {
  background-color: #385a98; }
  .segment-facebook-button:hover, .segment-facebook .segment-button:hover {
    background-color: #304d82; }
  .segment-facebook-button:active, .segment-facebook .segment-button:active, .segment-facebook-button:focus, .segment-facebook .segment-button:focus {
    background-color: #2d487a; }

.segment-facebook-flair:before {
  background-color: #385a98 !important; }

.segment-facebook .segment-quote, .segment-facebook .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-facebook a.js-is-active {
  border-color: #385a98; }
.segment-facebook .section-heading__flair:before,
.segment-facebook .segment-block {
  background-color: #385a98; }

.segment-pinterest-heading, .segment-pinterest .segment-heading, .segment-pinterest .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-pinterest a.js-is-active {
  color: #bd081c; }

.segment-pinterest-link, .segment-pinterest .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #bd081c; }
  .segment-pinterest-link:hover, .segment-pinterest .segment-link:hover, .segment-pinterest-link:focus, .segment-pinterest .segment-link:focus {
    background-position: 0 0; }
  .segment-pinterest-link:hover, .segment-pinterest .segment-link:hover {
    color: #a00718; }
  .segment-pinterest-link:active, .segment-pinterest .segment-link:active, .segment-pinterest-link:focus, .segment-pinterest .segment-link:focus {
    color: #960616; }

.segment-pinterest-button, .segment-pinterest .segment-button {
  background-color: #bd081c; }
  .segment-pinterest-button:hover, .segment-pinterest .segment-button:hover {
    background-color: #a00718; }
  .segment-pinterest-button:active, .segment-pinterest .segment-button:active, .segment-pinterest-button:focus, .segment-pinterest .segment-button:focus {
    background-color: #960616; }

.segment-pinterest-flair:before {
  background-color: #bd081c !important; }

.segment-pinterest .segment-quote, .segment-pinterest .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-pinterest a.js-is-active {
  border-color: #bd081c; }
.segment-pinterest .section-heading__flair:before,
.segment-pinterest .segment-block {
  background-color: #bd081c; }

.segment-twitter-heading, .segment-twitter .segment-heading, .segment-twitter .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-twitter a.js-is-active {
  color: #55acee; }

.segment-twitter-link, .segment-twitter .segment-link {
  text-decoration: none;
  padding-bottom: 0.375em;
  background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
  background-position: 0 -0.125em;
  -webkit-transition: background-position 150ms ease-in-out;
  transition: background-position 150ms ease-in-out;
  color: #55acee; }
  .segment-twitter-link:hover, .segment-twitter .segment-link:hover, .segment-twitter-link:focus, .segment-twitter .segment-link:focus {
    background-position: 0 0; }
  .segment-twitter-link:hover, .segment-twitter .segment-link:hover {
    color: #399eeb; }
  .segment-twitter-link:active, .segment-twitter .segment-link:active, .segment-twitter-link:focus, .segment-twitter .segment-link:focus {
    color: #309aea; }

.segment-twitter-button, .segment-twitter .segment-button {
  background-color: #55acee; }
  .segment-twitter-button:hover, .segment-twitter .segment-button:hover {
    background-color: #399eeb; }
  .segment-twitter-button:active, .segment-twitter .segment-button:active, .segment-twitter-button:focus, .segment-twitter .segment-button:focus {
    background-color: #309aea; }

.segment-twitter-flair:before {
  background-color: #55acee !important; }

.segment-twitter .segment-quote, .segment-twitter .in-page-menu--vertical a.js-is-active, .in-page-menu--vertical .segment-twitter a.js-is-active {
  border-color: #55acee; }
.segment-twitter .section-heading__flair:before,
.segment-twitter .segment-block {
  background-color: #55acee; }

.section-heading__flair {
  position: relative; }
  .section-heading__flair:before {
    content: '';
    position: absolute;
    top: -16px;
    bottom: auto;
    left: 50%;
    height: 3px;
    width: 30px;
    margin-left: -15px;
    display: block;
    background-color: #7ab55c; }

.section-heading {
  margin-bottom: 1.875em;
  text-align: center; }
  .section-heading.section-heading__flair:before {
    top: auto;
    bottom: -16px; }

.section-heading__heading {
  margin-bottom: 30px; }

.section-heading__subhead {
  color: #949494; }

.section-heading--flairless .section-heading__heading {
  margin-bottom: 0.3125em; }
.section-heading--flairless .section-heading__flair:before {
  display: none; }

.section-heading--lowlight .section-heading__heading,
.section-heading--lowlight .section-heading__subhead {
  color: #fff; }
.section-heading--lowlight .section-heading__flair:before, .section-heading--lowlight.section-heading__flair:before {
  background: #fff; }

@media screen and (min-width: 46.875em) {
  .section-heading--left {
    margin-bottom: 0;
    text-align: left; }
    .section-heading--left .section-heading__flair:before, .section-heading--left.section-heading__flair:before {
      left: 0;
      margin-left: 0; } }

.page-header {
  padding: 3.75em 0; }
  @media screen and (min-width: 61.875em) {
    .page--has-transparent-nav--primary .page-header {
      padding-top: 5.625em; } }

.page-header--flush {
  padding-bottom: 0; }

.page-header--horizon {
  padding-bottom: 0;
  margin-bottom: 3.75em; }
  .page-header--horizon img {
    margin-bottom: -1.875em; }
    @media screen and (min-width: 46.875em) {
      .page-header--horizon img {
        margin-bottom: -3.75em; } }

.page-header__cta {
  background: rgba(0, 0, 0, 0.25); }

.page-header--video {
  position: relative;
  overflow: hidden; }

/*
Generic helper module for content.
Text aligns to centre on mobile breakpoint.

.marketing-block--centered       - Text-align center at all breakpoints
.marketing-block--padded         - Adds $gutter width of padding to element. Can be used on parent or content element
.marketing-block--bordered       - Adds 1px border
.marketing-block--rounded        - Adds border-radius
.marketing-block--<color>        - Adds background color, text color, and border as needed. Options: --light, --lowlight and --blue

Styleguide Blocks.
*/
.marketing-block {
  display: block;
  border-color: #e5e5e5; }
  .marketing-block--white {
    background: #fff;
    color: #767676; }
  .marketing-block--light {
    background: #f9fafa;
    color: #767676; }
  .marketing-block--lowlight {
    background-color: #30373b;
    color: #a9a9a9; }
  .marketing-block--sand {
    background: #f1f1e9;
    color: #767676; }
  .marketing-block--blue {
    background-color: #f6fafd;
    color: #555; }
  @media screen and (max-width: 46.8125em) {
    .marketing-block {
      margin-bottom: 2.8125em;
      text-align: center;
      width: 100%; } }
  .marketing-block .icon {
    margin-bottom: 0.75em; }

.marketing-block--bordered {
  border-width: 1px;
  border-style: solid; }

.marketing-block--centered {
  text-align: center; }

.marketing-block--light {
  border-width: 1px;
  border-style: solid; }

.marketing-block--blue {
  border: 1px solid #479ccf; }

.marketing-block--padded {
  padding: 1.875em; }

.marketing-block--rounded {
  border-radius: 3px; }

.marketing-block__content p:last-child {
  margin-bottom: 0; }

.marketing-block__img img {
  width: 100%; }

.marketing-bullet-list {
  margin-bottom: 1.875em;
  padding-top: 1.875em; }
  .marketing-bullet-list:last-child {
    margin-bottom: -1.875em; }

.marketing-bullet {
  list-style: none;
  margin-bottom: 1.875em;
  position: relative; }
  .marketing-bullet:after {
    content: "";
    display: table;
    clear: both; }
  .marketing-bullet .icon {
    display: block;
    margin-bottom: 0;
    float: left;
    margin-right: 15px; }

.marketing-bullet--without-heading .marketing-bullet__content {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: auto;
  position: absolute;
  left: 75px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.125em;
  line-height: 1; }

.marketing-bullet__content-wrapper {
  overflow: hidden;
  display: block;
  float: none;
  position: static; }
  @media screen and (max-width: 46.8125em) {
    .marketing-bullet__content-wrapper {
      margin-bottom: 0;
      text-align: left;
      width: inherit; } }

/*
  Media object (media element with text).
  CSS classes to help with positioning text-image pairings.

  This module handles positioning of the media and content inside of the media
  object, while standard grid classes determine the layout of the objects.

  .media__right                  - float object right, resets right margin (tablet-up)
  .media__offset                 - adds top margin (tablet-up) to help with vertical centering
  .media__last                   - adds top margin on mobile to help with vertical spacing
  .media__image--wide-left       - floats image to the right, removes max-width on tablet
  .media__image--wide-right      - floats image to the left, removes max-width on tablet
  .media__image--bottom          - 3x negative bottom gutter, snug to page-block bottom tablet-up
  .media__image--top             - 3x negative top margin, snug to page-block top tablet-up
  .media__image--bottom--desktop - 3x negative bottom gutter, snug to page-block bottom desktop only
  .media__image--top--desktop    - 3x negative top margin, snug to page-block top desktop only
  .media__image--right-tight     - 8x negative left margin, allows right image to overlap content
  .media__image--overflow        - allows image to overflow into content by removing max-width
  .media--flex-centered          - uses flexbox to vertically center image and content
  .media__center--mobile         - text-align: center; on mobile

  Styleguide Media Object.
*/
/*================ Standard use case ================*/
@media screen and (max-width: 46.8125em) {
  .media__center--mobile {
    text-align: center; } }

@media screen and (min-width: 61.875em) {
  .media__offset {
    margin-top: 2.8125em; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .media__offset {
    margin-top: 0.9375em; } }

@media screen and (max-width: 46.8125em) {
  .media__image {
    text-align: center; } }

@media screen and (max-width: 46.8125em) {
  .media__last {
    margin-top: 1.875em; } }

/*================ .media--flex-centered ================*/
@media screen and (min-width: 46.875em) {
  .flexbox .media--flex-centered .media__offset {
    margin-top: 0; } }
@media screen and (min-width: 46.875em) {
  .media--flex-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .media--flex-centered .media__right {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }

/*================ .media__right ================*/
@media screen and (min-width: 46.875em) {
  .media__right {
    float: right;
    margin-right: 0; } }

/*================ .media__image--wide-left ================*/
@media screen and (min-width: 46.875em) {
  .media__image--wide-left img,
  .media__image--wide-left .lazyload-image {
    float: right; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .media__image--wide-left img,
  .media__image--wide-left .lazyload-image {
    max-width: none; } }

@media screen and (max-width: 46.8125em) {
  .media__image--wide-left--mobile img {
    margin-left: -30px; } }

/*================ .media__image--wide-right ================*/
@media screen and (min-width: 46.875em) {
  .media__image--wide-right img,
  .media__image--wide-right .lazyload-image {
    float: left; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .media__image--wide-right img,
  .media__image--wide-right .lazyload-image {
    max-width: none; } }

@media screen and (min-width: 46.875em) {
  .media__image--wide-left .lazyload-image,
  .media__image--wide-right .lazyload-image {
    overflow: visible; } }

@media screen and (max-width: 46.8125em) {
  .media__image--wide-right--mobile {
    text-align: right; }
    .media__image--wide-right--mobile img {
      margin-right: -30px; } }

/*================ .media__image--top and .media__image--bottom ================*/
@media screen and (min-width: 46.875em) {
  .media__image--bottom img,
  .media__image--bottom .lazyload-image {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 46.875em) {
  .media__image--bottom .lazyload-image img {
    margin-bottom: 0; } }

@media screen and (min-width: 46.875em) {
  .media__image--top img,
  .media__image--top .lazyload-image {
    margin-top: -5.625em; } }

@media screen and (min-width: 46.875em) {
  .media__image--top .lazyload-image img {
    margin-top: 0; } }

@media screen and (min-width: 61.875em) {
  .media__image--top--desktop img,
  .media__image--top--desktop .lazyload-image {
    margin-top: -5.625em; } }

@media screen and (min-width: 61.875em) {
  .media__image--top--desktop .lazyload-image img {
    margin-top: 0; } }

@media screen and (min-width: 61.875em) {
  .media__image--bottom--desktop img {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 61.875em) {
  .media__image--bottom--desktop img,
  .media__image--bottom--desktop .lazyload-image {
    margin-bottom: -5.625em; } }

@media screen and (min-width: 61.875em) {
  .media__image--bottom--desktop .lazyload-image img {
    margin-bottom: 0; } }

@media screen and (max-width: 46.8125em) {
  .media__image--bottom--mobile img,
  .media__image--bottom--mobile .lazyload-image {
    margin-bottom: -3.75em; } }

@media screen and (max-width: 46.8125em) {
  .media__image--bottom--mobile .lazyload-image img {
    margin-bottom: 0; } }

/*================ .media__image--right-tight ================*/
@media screen and (min-width: 46.875em) {
  .media__image--right-tight {
    margin-left: -15em; } }

/*================ .media__image--overflow ================*/
@media screen and (min-width: 61.875em) {
  .media__image--overflow img {
    max-width: none; } }

.lazyload-image {
  box-sizing: content-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: auto; }
  .lazyload-image img {
    display: block; }

.lazyload-image__placeholder {
  display: block;
  width: 100%;
  height: 0; }
  .lazyloaded + .lazyload-image__placeholder {
    display: none !important; }

/*============================================================================
  Colors
==============================================================================*/
/*================ Text ================*/
/*============================================================================
  Backgrounds
==============================================================================*/
/*================ Forms ================*/
/*================ Icon colours ================*/
/*================ Nav colors ================*/
/*============================================================================
  Font Weights
==============================================================================*/
/*============================================================================
  Font Families
==============================================================================*/
/*============================================================================
  Headings
==============================================================================*/
/*============================================================================
  Global Components - vars that are handy across the site
==============================================================================*/
/*================ Z Index ================*/
/*================ Nav ================*/
/*================ Forms ================*/
/*================ Borders ================*/
/*================ Shopify logo ================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*============================================================================
-Background colours
-==============================================================================*/
/*============================================================================
Borders
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Breakpoints - Set in em to cover browser font-size adjustments
==============================================================================*/
.flash-container {
  position: relative; }

.flash {
  padding: 0.9375em;
  border: 2px solid;
  border-radius: 3px; }
  .flash:after {
    content: "";
    display: table;
    clear: both; }

.flash--notice,
.flash--info {
  background-color: #f9fafa;
  border-color: #e5e5e5;
  color: #767676; }

.flash--error,
.flash--alert {
  border-color: #c23628;
  background-color: rgba(194, 54, 40, 0.05); }

.icon--flash {
  width: 1.875em;
  height: 1.875em;
  float: left; }

.icon--flash--notice,
.icon--flash--info {
  fill: #767676; }

.icon--flash--error,
.icon--flash--alert {
  fill: #c23628; }

.flash__messages-wrapper {
  margin-left: 2.8125em; }

.flash__message {
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  line-height: 1.875em; }
  .flash__message:not(:last-child) {
    margin-bottom: 0.3125em; }
  .flash--error .flash__message, .flash--alert .flash__message {
    color: #c23628; }

.flash__close {
  position: absolute;
  top: 1.0625em;
  right: 1.0625em;
  width: 0.9375em;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms; }
  .flash__close:hover, .flash__close:focus {
    opacity: 0.75; }

/*================ Good candidates for selective inclusion ================*/
.background-video,
.background-video--fallback {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media screen and (max-width: 46.8125em) {
    .background-video,
    .background-video--fallback {
      min-width: 0;
      min-height: 0;
      height: 100%;
      opacity: 1; } }
  .background-video.js-is-active,
  .background-video--fallback.js-is-active {
    opacity: 1;
    visibility: visible;
    z-index: 0; }

.inline-video,
.inline-video--fallback {
  display: block;
  max-width: 100%;
  height: auto; }

.responsive-video-wrapper {
  position: relative;
  height: 0;
  padding-top: 56.25%; }
  .responsive-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-caret-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-242.1%20245.6%206.6%2010.3%22%3E%3Cpath%20fill=%22%23CDCCCC%22%20d=%22M-235.6%20250.7l-5.1%205.2-1.4-1.4%203.7-3.8-3.7-3.7%201.4-1.4%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-caret-left {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-189.8%20245.6%20499.8%20792%22%3E%3Cpath%20fill=%22%23CDCCCC%22%20d=%22M202.3%20245.6L310%20353.3%2025.5%20637.8%20310%20929.9l-107.7%20107.7-392.1-399.8%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.paginated-carousel {
  position: relative; }
  .paginated-carousel .carousel-item {
    position: relative; }
    @media screen and (max-width: 46.8125em) {
      .paginated-carousel .carousel-item {
        position: absolute;
        top: 0;
        display: none;
        float: none;
        width: auto;
        margin-right: 0;
        opacity: 0;
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
        .paginated-carousel .carousel-item.js-is-active {
          position: static;
          display: block;
          opacity: 1;
          -webkit-transform: translateX(0);
                  transform: translateX(0); } }
  .paginated-carousel .carousel-nav {
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
    .js-is-loaded .paginated-carousel .carousel-nav {
      opacity: 1; }
  .paginated-carousel .carousel-nav-items {
    text-align: center; }
  .paginated-carousel .carousel-nav-item {
    width: 0.8125em;
    height: 0.8125em;
    margin: 0 0.25em;
    line-height: 1.25em;
    vertical-align: middle;
    background-color: #a9a9a9;
    border-radius: 50%; }
    .paginated-carousel .carousel-nav-item.js-is-active {
      background: #000; }
  .paginated-carousel .carousel-arrow-left,
  .paginated-carousel .carousel-arrow-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .paginated-carousel .carousel-arrow-left {
    left: 0; }
  .paginated-carousel .carousel-arrow-right {
    right: 0; }

/*============================================================================
  Padded grid box
  Adds a 120px bleed to both sides of the grid
==============================================================================*/
.padded-grid-box {
  padding: 45px 30px 30px;
  margin: 0 -30px;
  background: rgba(0, 0, 0, 0.7); }
  @media screen and (min-width: 61.875em) {
    .padded-grid-box {
      padding-left: 120px;
      padding-right: 120px;
      margin: 0 -90px 0 -120px; } }
  @media screen and (max-width: 61.8125em) {
    .padded-grid-box {
      background: none; } }
  @media screen and (max-width: 46.8125em) {
    .padded-grid-box {
      position: static;
      max-width: 100%;
      margin: 0; } }

.inline-cta__heading {
  font-weight: 400;
  color: #767676; }
  @media screen and (min-width: 46.875em) {
    .inline-cta__heading {
      display: inline-block; } }

@media screen and (min-width: 46.875em) {
  .inline-cta__button {
    margin-left: 30px; } }

@media screen and (min-width: 46.875em) {
  .marketing-input-button-pair__input,
  .marketing-input-button-pair__button {
    float: left; } }

@media screen and (max-width: 46.8125em) {
  .marketing-input-wrapper .marketing-input-button-pair__input {
    margin-bottom: 15px; } }

@media screen and (min-width: 46.875em) {
  .marketing-input-button-pair__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; } }

.marketing-input-button-pair__button {
  height: 3em; }
  @media screen and (min-width: 46.875em) {
    .marketing-input-button-pair__button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; } }
  @media screen and (max-width: 46.8125em) {
    .marketing-input-button-pair__button {
      width: 100%; } }

.marketing-input-button__field-wrapper:after {
  content: "";
  display: table;
  clear: both; }
@media screen and (min-width: 46.875em) {
  .marketing-input-button__field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.no-flexbox .marketing-input-button-pair__button {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }
  @media screen and (min-width: 46.875em) {
    .no-flexbox .marketing-input-button-pair__button {
      width: 40%; } }
@media screen and (min-width: 46.875em) {
  .no-flexbox .marketing-input-button-pair__input {
    width: 60%; } }

/*================ JS Modules ================*/
/*============================================================================
  Sticky Behavior
==============================================================================*/
@media screen and (min-width: 46.875em) {
  .js-is-sticky-init .sticky-menu-content {
    float: right; } }

.js-is-sticky-container .sticky-menu {
  position: fixed;
  top: 0; }

.js-is-abs-container .sticky-menu {
  position: absolute;
  bottom: 0;
  top: auto; }
  @media screen and (min-width: 61.875em) {
    .page--has-secondary-nav .js-is-abs-container .sticky-menu {
      top: auto; } }
.js-is-abs-container .in-page-menu {
  margin-bottom: 0; }

/*
Menus for -in-page navigation, either for jumping between sections or
filtering content.

.in-page-menu--vertical    - vertically stacked menu ideal for navigating between
                             sections on the page.
.in-page-menu--horizontal  - horizontal menu ideal for filtering content

Styleguide InPageMenu.
*/
.in-page-menu {
  list-style: none;
  margin-bottom: 30px; }
  .in-page-menu a {
    font-family: "Brandon", Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #767676;
    font-size: 1em;
    display: block;
    -webkit-transition: all 150ms;
    transition: all 150ms; }
    .in-page-menu a:hover, .in-page-menu a:focus {
      color: #000; }
    .in-page-menu a.js-is-active {
      color: #000; }

.in-page-menu--vertical a {
  padding-top: 0.9375em; }
  .in-page-menu--vertical a.js-is-active {
    border-left: 2px solid #000;
    margin-top: 0.75em;
    padding: 3px 0 3px 10px; }

.in-page-menu--horizontal a {
  border-bottom: 2px solid transparent;
  margin-right: 0.9375em;
  -webkit-transition-property: border, color;
  transition-property: border, color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
  .in-page-menu--horizontal a.js-is-active {
    border-color: #000;
    color: #000; }
.in-page-menu--horizontal li {
  display: inline-block; }

/*============================================================================
 Mobile accordion
==============================================================================*/
@media screen and (max-width: 46.8125em) {
  .accordion-item--mobile.js-is-active .accordion-link:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20fill=%22%23AAB3B8%22%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E'); }
  .accordion-item--mobile .accordion-link {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    min-height: 1.25em;
    padding-right: 1.25em; }
    .accordion-item--mobile .accordion-link:after {
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cpath%20fill=%22%23AAB3B8%22%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20fill=%22%23AAB3B8%22%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
      content: '';
      position: absolute;
      right: 0;
      top: 1px;
      width: 1.25em;
      height: 1.25em; }
  .accordion-item--mobile .accordion-content {
    display: none; } }
.accordion-item .accordion-content {
  display: none; }

.slider__wrapper {
  position: relative; }

.slider__window {
  overflow: hidden; }

.slider {
  position: relative;
  height: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 1, 1);
  transition: all 0.5s cubic-bezier(0.42, 0, 1, 1); }
  .slider.js-is-active {
    opacity: 1; }

.slider__item {
  display: block;
  position: absolute;
  top: 0;
  width: 100%; }
  .slider__item img {
    max-width: 100%; }

.slider__arrow {
  position: absolute;
  top: 50%;
  border-radius: 3px;
  padding: 16px 18px;
  width: 65px;
  text-indent: -9999px;
  background-color: #000;
  background-size: 24px 19px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media screen and (max-width: 46.8125em) {
    .slider__arrow {
      display: none; } }

.slider__arrow--left {
  left: -15px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M5.5%200c.1%200%20.3%200%20.4.1.1.2.1.6-.1.8L1.2%205.5l4.6%204.6c.2.2.2.5%200%20.7-.2.2-.5.2-.7%200l-5-5c-.1-.2-.1-.5%200-.7l5-5c.1-.1.3-.1.4-.1z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205z%22/%3E%3C/svg%3E'); }

.slider__arrow--right {
  right: -15px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2011%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M18.5%2011c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7l4.6-4.6L18.1%201c-.2-.2-.2-.5%200-.7.2-.2.5-.2.7%200l5%205c.2.2.2.5%200%20.7l-5%205c-.1-.1-.2%200-.3%200z%22/%3E%3Cpath%20fill=%22%23FFF%22%20d=%22M23.5%206H.5C.2%206%200%205.8%200%205.5S.2%205%20.5%205h23c.2%200%20.5.2.5.5s-.3.5-.5.5z%22/%3E%3C/svg%3E'); }

.slider__pagination {
  text-align: center;
  margin-top: 5px; }

.slider__pagination__item {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 30px;
  height: 3px;
  background: #a9a9a9;
  display: inline-block;
  margin: 0 10px;
  cursor: pointer; }
  .slider__pagination__item.js-is-active {
    background: #000; }

.js-modal-open #SiteNavContainer,
.js-modal-open #PageContainer {
  display: none; }

.modal-container {
  background: #2a2c2e;
  display: none;
  min-height: 100vh;
  left: 0;
  opacity: 0;
  overflow: scroll;
  padding: 0 0 65px;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
  color: #fff;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms; }
  @media screen and (max-width: 46.8125em) {
    .modal-container {
      padding: 0 0 30px; } }
  .modal-container.is-transitioning {
    z-index: 1000;
    position: fixed; }
  .modal-container.js-is-active {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1000; }
  .modal-container button:-moz-focusring,
  .modal-container a:-moz-focusring {
    outline: solid #fff 2px; }

.modal__header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }

.modal__controls {
  text-align: right; }

.modal__close {
  margin: 0.625em -0.625em 0 0;
  padding: 0.625em;
  opacity: 0.7;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }
  .modal__close:hover {
    opacity: 1; }
  .modal__close .icon-close-white {
    height: 16px;
    width: 16px; }

.modal {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  padding-top: 130px;
  position: relative;
  text-align: left;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  -webkit-transform: scale(0.85);
          transform: scale(0.85); }
  @media screen and (max-width: 46.8125em) {
    .modal {
      padding: 60px 30px 0; } }
  .js-is-active .modal {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .modal:focus {
    outline: none; }

.modal__heading {
  color: #fff; }

.popover-wrapper {
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .popover-wrapper.js-is-active .popover {
    display: block;
    opacity: 1; }

.popover {
  position: absolute;
  z-index: 1001;
  display: none;
  opacity: 0;
  width: 13.75em;
  text-align: left;
  background-clip: padding-box;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms; }
  @media screen and (max-width: 46.8125em) {
    .popover {
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      top: -10px;
      left: 50%; }
      .popover::after {
        left: 50%;
        border-bottom-width: 0;
        margin-left: -10px; }
      .popover::before {
        left: 50%;
        border-bottom-width: 0;
        margin-left: -9px; } }
  .popover::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 10px; }
  .popover::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 12px;
    z-index: -1; }

@media screen and (min-width: 46.875em) {
  .popover--top {
    -webkit-transform: translateY(-50%, -100%);
            transform: translateY(-50%, -100%);
    top: -10px;
    left: 50%; }
    .popover--top::after, .popover--top::before {
      left: 50%;
      border-bottom-width: 0; }
    .popover--top::after {
      border-top-color: #fff;
      margin-left: -10px; }
    .popover--top::before {
      border-top-color: rgba(118, 118, 118, 0.3);
      bottom: -11px;
      margin-left: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--right {
    left: 100%;
    top: 50%;
    margin-left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .popover--right::after, .popover--right::before {
      top: 50%;
      border-left-width: 0; }
    .popover--right::after {
      border-right-color: #fff;
      bottom: -10px;
      left: -10px;
      margin-top: -10px; }
    .popover--right::before {
      border-right-color: rgba(118, 118, 118, 0.3);
      bottom: -11px;
      left: -11px;
      margin-top: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--left {
    right: 100%;
    top: 50%;
    margin-right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .popover--left::after, .popover--left::before {
      top: 50%;
      border-right-width: 0; }
    .popover--left::after {
      border-left-color: #fff;
      right: -10px;
      bottom: -10px;
      margin-top: -10px; }
    .popover--left::before {
      border-left-color: rgba(118, 118, 118, 0.3);
      right: -11px;
      bottom: -11px;
      margin-top: -12px; } }

@media screen and (min-width: 46.875em) {
  .popover--bottom {
    left: 50%;
    margin-top: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .popover--bottom::after, .popover--bottom::before {
      left: 50%;
      border-top-width: 0; }
    .popover--bottom::after {
      border-bottom-color: #fff;
      top: -10px;
      margin-left: -10px; }
    .popover--bottom::before {
      border-bottom-color: rgba(118, 118, 118, 0.3);
      top: -11px;
      margin-left: -12px; } }

@media screen and (max-width: 46.8125em) {
  .popover-wrapper--dark .popover::after {
    border-top-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--top::after {
    border-top-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--right::after {
    border-right-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--bottom::after {
    border-bottom-color: rgba(48, 55, 59, 0.95); } }
@media screen and (min-width: 46.875em) {
  .popover-wrapper--dark .popover--left::after {
    border-left-color: rgba(48, 55, 59, 0.95); } }
.popover-wrapper--dark .popover-content {
  background-color: rgba(48, 55, 59, 0.95);
  color: #fff; }

.popover-content {
  background-color: #fff;
  padding: 0.5em 0.625em;
  border-radius: 3px;
  box-shadow: 0 0 0.125em 0.0625em rgba(118, 118, 118, 0.4); }
  .popover-dropdown .popover-content {
    padding: 0.9375em 1.875em; }
    .popover-dropdown .popover-content li {
      display: block;
      line-height: 1em; }
    .popover-dropdown .popover-content a,
    .popover-dropdown .popover-content button {
      display: block;
      position: relative;
      color: #767676;
      padding: 0.625em 0; }
      .popover-dropdown .popover-content a:hover, .popover-dropdown .popover-content a:focus, .popover-dropdown .popover-content a.active,
      .popover-dropdown .popover-content button:hover,
      .popover-dropdown .popover-content button:focus,
      .popover-dropdown .popover-content button.active {
        color: #000; }

.popover-dropdown .popover__arrow::after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.1875em;
  width: 10px;
  height: 0.75em;
  content: '';
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23b8b8b8%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23b8b8b8%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E');
  background-size: 100% auto;
  background-repeat: no-repeat; }
.popover-dropdown.js-is-active .popover__arrow {
  color: #fff; }
  .popover-dropdown.js-is-active .popover__arrow::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E'); }

.js-window-loading {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }
  .js-is-loaded .js-window-loading {
    opacity: 1; }

.responsive-svg {
  height: 0;
  position: relative; }
  .responsive-svg svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/*============================================================================
  Responsive Helpers
==============================================================================*/
/*================ Selectively show/hide content ================*/
.display--mobile,
.display--tablet,
.display--desktop {
  display: none !important; }

@media screen and (min-width: 990px) {
  .display--desktop {
    display: block !important; }

  .hide--desktop {
    display: none !important; } }
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
  .display--tablet {
    display: block !important; }

  .hide--tablet {
    display: none !important; } }
@media screen and (max-width: 46.8125em) {
  .display--mobile {
    display: block !important; }

  .hide--mobile {
    display: none !important; } }
.gutter-bottom {
  margin-bottom: 30px; }

.gutter-bottom--reset {
  margin-bottom: 0 !important; }

.gutter-bottom--half {
  margin-bottom: 15px; }

@media screen and (max-width: 46.8125em) {
  .gutter-bottom--reset--mobile {
    margin-bottom: 0 !important; }

  .gutter-bottom--mobile {
    margin-bottom: 30px; } }
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

@media screen and (max-width: 46.8125em) {
  .text-center--mobile {
    text-align: center; } }

.text-white {
  color: #fff; }

.text-slate {
  color: #30373b; }

/*============================================================================
  Colors
==============================================================================*/
/*================ Text ================*/
/*============================================================================
  Backgrounds
==============================================================================*/
/*================ Forms ================*/
/*================ Icon colours ================*/
/*================ Nav colors ================*/
/*============================================================================
  Font Weights
==============================================================================*/
/*============================================================================
  Font Families
==============================================================================*/
/*============================================================================
  Headings
==============================================================================*/
/*============================================================================
  Global Components - vars that are handy across the site
==============================================================================*/
/*================ Z Index ================*/
/*================ Nav ================*/
/*================ Forms ================*/
/*================ Borders ================*/
/*================ Shopify logo ================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*============================================================================
-Background colours
-==============================================================================*/
/*============================================================================
Borders
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Breakpoints - Set in em to cover browser font-size adjustments
==============================================================================*/
.breadcrumbs {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.9375em; }

.breadcrumbs__item {
  display: inline-block; }

.breadcrumbs__link {
  color: inherit; }

.icon-caret-right {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-242.1%20245.6%206.6%2010.3%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M-235.6%20250.7l-5.1%205.2-1.4-1.4%203.7-3.8-3.7-3.7%201.4-1.4%22/%3E%3C/svg%3E'); }

.breadcrumbs__separator {
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle; }
  .breadcrumbs__item:last-child .breadcrumbs__separator {
    display: none; }

.search-form {
  position: relative;
  margin-bottom: 30px; }

.search-form__input {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  height: 38px;
  font-size: 0.875em;
  border-radius: 19px;
  padding: 0 16px 0 40px; }

.search-form__submit {
  position: absolute;
  top: 11px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%237ab55c%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%237ab55c%22%20d=%22M15.552%2013.62L11.27%209.333c.585-.936.925-2.046.925-3.23C12.195%202.73%209.465%200%206.098%200%202.73%200%200%202.732%200%206.103c0%203.37%202.73%206.1%206.098%206.1%201.19%200%202.304-.343%203.244-.935l4.28%204.283c.295.3.68.45%201.063.45h.005c.333%200%20.674-.12.93-.374.258-.26.38-.6.38-.94%200-.382-.154-.768-.448-1.063zM9.498%206.102c-.003%201.874-1.526%203.4-3.4%203.402C4.224%209.5%202.7%207.976%202.698%206.102c.003-1.875%201.526-3.4%203.4-3.404%201.874.003%203.397%201.528%203.4%203.403z%22/%3E%3C/svg%3E'); }

.marketing-markdown {
  margin: 0.9375em 0 1.875em;
  color: #444; }
  .marketing-markdown h2 {
    margin: 1.07143em 0 0.78571em;
    font-size: 1.75em;
    line-height: 1.21429em;
    clear: both; }
  .marketing-markdown h3 {
    margin-top: 1.25em; }
  .marketing-markdown h4 {
    margin-top: 1.25em; }
  .marketing-markdown p,
  .marketing-markdown ul,
  .marketing-markdown ol {
    margin-bottom: 1.25em; }
  .marketing-markdown a[style*='background-color']:not(.marketing-button):not(.marketing-nav__button) {
    background-image: none; }
  .marketing-markdown ul {
    padding-left: 1.25em;
    list-style: disc outside; }
    .marketing-markdown ul > li {
      padding-left: 5px; }
  .marketing-markdown ol {
    list-style-type: none;
    counter-reset: ol-counter; }
    .marketing-markdown ol > li {
      position: relative;
      padding-left: 2.1875em; }
      .marketing-markdown ol > li:before {
        font-family: "Brandon", Helvetica, Arial, sans-serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 0;
        min-width: 30px;
        content: counter(ol-counter) ".";
        counter-increment: ol-counter;
        color: #30373b; }
  .marketing-markdown li {
    margin-bottom: 10px; }
  .marketing-markdown img,
  .marketing-markdown iframe {
    margin-top: 0.625em;
    margin-bottom: 1.875em; }
  .marketing-markdown hr {
    margin: 30px 0;
    height: 1px;
    background: #e5e5e5;
    border: 0; }
  .marketing-markdown blockquote {
    font-family: "Brandon", Helvetica, Arial, sans-serif;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    padding-left: 30px;
    color: #7ab55c;
    border-left: 3px solid #7ab55c;
    font-size: 2.25em;
    line-height: 1.22222em; }
    .marketing-markdown blockquote:before {
      content: '\201C'; }
    .marketing-markdown blockquote:after {
      content: '\201D'; }
  .marketing-markdown .right-align {
    float: right;
    margin: 0 0 30px 30px;
    clear: right; }
  .marketing-markdown .left-align {
    float: left;
    margin: 0 30px 30px 0;
    clear: left; }

.pagination {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  text-align: center; }
  .pagination:after {
    content: "";
    display: table;
    clear: both; }
  .pagination li {
    display: inline-block; }
  .pagination a {
    display: inline-block;
    padding: 15px;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease; }
    .pagination a:hover, .pagination a:focus {
      color: #000; }

.pagination__numbered-links {
  width: 75%;
  margin: 0 auto; }

.pagination__prev {
  float: left; }
  .pagination__prev > a {
    padding-left: 0; }

.pagination__next {
  float: right; }
  .pagination__next > a {
    padding-right: 0; }

.pagination__current-page > a {
  color: #000; }

/*================ Syntax highlighting ================*/
.highlight {
  padding: 1.875em;
  background: #f9fafa;
  margin: 1.875em 0;
  border-radius: 3px; }
  table .highlight {
    padding: 0;
    background: none;
    margin: 0; }

p.code-label, p.input, p.output {
  margin: 0;
  padding: 7.5px 15px;
  background: #ebeeee; }

p.code-label + div .highlight,
p.input + div .highlight,
p.output + div .highlight,
p.code-label + div.highlight,
p.input + div.highlight,
p.output + div.highlight,
p.code-label + .highlight,
p.input + .highlight,
p.output + .highlight,
p.input + .img-wrapper,
p.output + .img-wrapper {
  margin-top: 0; }

td > code,
td tt,
p > code,
p tt,
ul > code,
ul tt,
ol > code,
ol tt,
li > code,
li tt {
  background: #f9fafa;
  padding-bottom: 0.125em;
  border-radius: 3px; }
  td > code:before, td > code:after,
  td tt:before,
  td tt:after,
  p > code:before,
  p > code:after,
  p tt:before,
  p tt:after,
  ul > code:before,
  ul > code:after,
  ul tt:before,
  ul tt:after,
  ol > code:before,
  ol > code:after,
  ol tt:before,
  ol tt:after,
  li > code:before,
  li > code:after,
  li tt:before,
  li tt:after {
    content: "\00a0";
    letter-spacing: -0.125em; }

pre,
code,
kbd {
  font-size: 0.9375em;
  font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 0; }
  @media screen and (max-width: 61.8125em) {
    pre > span,
    code > span,
    kbd > span {
      word-break: break-word; } }

.hll {
  background-color: #ffffcc; }

.c {
  color: #999988;
  font-style: italic; }

/* Comment */
.err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.k {
  color: #000000;
  font-weight: bold; }

/* Keyword */
.o {
  color: #000000;
  font-weight: bold; }

/* Operator */
.cm {
  color: #999988;
  font-style: italic; }

/* Comment.Multiline */
.cp {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Preproc */
.c1 {
  color: #999988;
  font-style: italic; }

/* Comment.Single */
.cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.ge {
  color: #000000;
  font-style: italic; }

/* Generic.Emph */
.gr {
  color: #aa0000; }

/* Generic.Error */
.gh {
  color: #999999; }

/* Generic.Heading */
.gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.go {
  color: #888888; }

/* Generic.Output */
.gp {
  color: #555555; }

/* Generic.Prompt */
.gs {
  font-weight: bold; }

/* Generic.Strong */
.gu {
  color: #aaaaaa; }

/* Generic.Subheading */
.gt {
  color: #aa0000; }

/* Generic.Traceback */
.kc {
  color: #000000;
  font-weight: bold; }

/* Keyword.Constant */
.kd {
  color: #000000;
  font-weight: bold; }

/* Keyword.Declaration */
.kn {
  color: #000000;
  font-weight: bold; }

/* Keyword.Namespace */
.kp {
  color: #000000;
  font-weight: bold; }

/* Keyword.Pseudo */
.kr {
  color: #000000;
  font-weight: bold; }

/* Keyword.Reserved */
.kt {
  color: #445588;
  font-weight: bold; }

/* Keyword.Type */
.m {
  color: #009999; }

/* Literal.Number */
.s {
  color: #d01040; }

/* Literal.String */
.na {
  color: #008080; }

/* Name.Attribute */
.nb {
  color: #0086B3; }

/* Name.Builtin */
.nc {
  color: #445588;
  font-weight: bold; }

/* Name.Class */
.no {
  color: #008080; }

/* Name.Constant */
.nd {
  color: #3c5d5d;
  font-weight: bold; }

/* Name.Decorator */
.ni {
  color: #800080; }

/* Name.Entity */
.ne {
  color: #990000;
  font-weight: bold; }

/* Name.Exception */
.nf {
  color: #990000;
  font-weight: bold; }

/* Name.Function */
.nl {
  color: #990000;
  font-weight: bold; }

/* Name.Label */
.nn {
  color: #555555; }

/* Name.Namespace */
.nt {
  color: #000080; }

/* Name.Tag */
.nv {
  color: #008080; }

/* Name.Variable */
.ow {
  color: #000000;
  font-weight: bold; }

/* Operator.Word */
.w {
  color: #bbbbbb; }

/* Text.Whitespace */
.mf {
  color: #009999; }

/* Literal.Number.Float */
.mh {
  color: #009999; }

/* Literal.Number.Hex */
.mi {
  color: #009999; }

/* Literal.Number.Integer */
.mo {
  color: #009999; }

/* Literal.Number.Oct */
.sb {
  color: #d01040; }

/* Literal.String.Backtick */
.sc {
  color: #d01040; }

/* Literal.String.Char */
.sd {
  color: #d01040; }

/* Literal.String.Doc */
.s2 {
  color: #d01040; }

/* Literal.String.Double */
.se {
  color: #d01040; }

/* Literal.String.Escape */
.sh {
  color: #d01040; }

/* Literal.String.Heredoc */
.si {
  color: #d01040; }

/* Literal.String.Interpol */
.sx {
  color: #d01040; }

/* Literal.String.Other */
.sr {
  color: #009926; }

/* Literal.String.Regex */
.s1 {
  color: #d01040; }

/* Literal.String.Single */
.ss {
  color: #990073; }

/* Literal.String.Symbol */
.bp {
  color: #999999; }

/* Name.Builtin.Pseudo */
.vc {
  color: #008080; }

/* Name.Variable.Class */
.vg {
  color: #008080; }

/* Name.Variable.Global */
.vi {
  color: #008080; }

/* Name.Variable.Instance */
.il {
  color: #009999; }

/* Literal.Number.Integer.Long */
/*================  Swiftype search ================*/
.autocomplete {
  position: absolute;
  z-index: 1; }
  .autocomplete ul {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0.125em 0 rgba(118, 118, 118, 0.4);
    margin: 0;
    overflow: hidden;
    padding: 0; }
  .autocomplete li {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 15px; }
    .autocomplete li:last-child {
      border: 0; }
    .autocomplete li.active {
      background: #fff4d9; }

.search-result {
  margin-bottom: 1.875em;
  border-bottom: 1px solid #e5e5e5; }
  .search-result h2 {
    margin-bottom: 0.3125em; }
  .search-result > span {
    color: #949494;
    display: block;
    margin-bottom: 0.9375em; }
  .search-result em {
    font-style: normal;
    font-weight: 700; }

.pagination {
  border-top: 0;
  padding-top: 0; }

.sidebar-column {
  margin-top: 15px;
  border-right: 1px solid #e5e5e5;
  padding-bottom: 15px; }

.sidebar-menu {
  margin: 0;
  line-height: 1.2; }

.sidebar-menu--support {
  border-top: 1px solid #e5e5e5;
  margin-top: 30px;
  padding-top: 15px; }

.sidebar-menu__item {
  padding: 7.5px 10px; }
  .sidebar-menu__item.sidebar-menu__item--active {
    background: #368aa9;
    border-left: 0; }
    .sidebar-menu__item.sidebar-menu__item--active a {
      color: #fff; }
    .sidebar-menu__item.sidebar-menu__item--active .heading-flag {
      color: #cccccc; }
  .sidebar-menu__item a {
    overflow: hidden;
    text-overflow: ellipsis; }

.sidebar-menu__item--active a,
.sidebar-menu__item--expanded a {
  font-weight: 600; }

.sidebar-menu__item--active a {
  color: #000; }

.sidebar-menu__item--0 {
  padding-left: 15px;
  border-left: 2px solid white; }
  .sidebar-menu__item--0.sidebar-menu__item--expanded {
    border-left: 2px solid #cccccc; }
  .sidebar-menu__item--0.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--1 {
  padding-left: 30px;
  border-left: 2px solid #cccccc; }
  .sidebar-menu__item--1.sidebar-menu__item--expanded {
    border-left: 2px solid #999999; }
  .sidebar-menu__item--1.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--2 {
  padding-left: 45px;
  border-left: 2px solid #999999; }
  .sidebar-menu__item--2.sidebar-menu__item--expanded {
    border-left: 2px solid #666666; }
  .sidebar-menu__item--2.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--3 {
  padding-left: 60px;
  border-left: 2px solid #666666; }
  .sidebar-menu__item--3.sidebar-menu__item--expanded {
    border-left: 2px solid #333333; }
  .sidebar-menu__item--3.sidebar-menu__item--active {
    border-left: 0; }

.sidebar-menu__item--4 {
  padding-left: 75px;
  border-left: 2px solid #333333; }
  .sidebar-menu__item--4.sidebar-menu__item--expanded {
    border-left: 2px solid black; }
  .sidebar-menu__item--4.sidebar-menu__item--active {
    border-left: 0; }

/*! Tablesaw - v2.0.1 - 2015-10-09
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%; }

.tablesaw {
  border-collapse: collapse;
  width: 100%; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .5em .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

.tablesaw-enhanced .tablesaw-bar .btn {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(55%, rgba(170, 170, 170, 0.1)), to(rgba(120, 120, 120, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: .25em; }

.tablesaw-enhanced .tablesaw-bar a.btn {
  color: #1c95d4; }

.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active {
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(100, 100, 100, 0.35)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%); }

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: #fff;
  outline: none; }

.tablesaw-bar .btn:focus {
  box-shadow: 0 0 .35em #4faeef !important; }

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em; }

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent; }

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000;
  font-family: sans-serif; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0; }

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0; }

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em; }

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em; }

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left; }

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  content: " ";
  display: block;
  position: absolute; }

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em; }

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em; }

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0; }

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em; }

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080; }

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
  font-family: sans-serif; }

.tablesaw-toolbar {
  font-size: .875em;
  float: left; }

.tablesaw-toolbar label {
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em; }

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em; }

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0; }

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em; }

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0; }

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em; }

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent; }

.tablesaw-toolbar ~ table {
  clear: both; }

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible; } }
table.tablesaw tbody th {
  font-weight: bold; }

table.tablesaw thead th,
table.tablesaw thead td {
  color: #444;
  font-size: .9em; }

.tablesaw th,
.tablesaw td {
  line-height: 1em;
  text-align: left;
  vertical-align: middle; }

.tablesaw td,
.tablesaw tbody th {
  vertical-align: middle;
  font-size: 1.17em;
  /* 19px */ }

.tablesaw td .btn,
.tablesaw tbody th .btn {
  margin: 0; }

.tablesaw thead {
  border: 1px solid #e5e5e4;
  background: #e2dfdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2dfdc));
  background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);
  background-image: linear-gradient(to bottom, #fff, #e2dfdc); }

.tablesaw thead th {
  font-weight: 100;
  color: #777;
  text-shadow: 0 1px 0 #fff;
  text-align: left; }

.tablesaw thead tr:first-child th {
  font-weight: normal;
  font-family: sans-serif;
  border-right: 1px solid #e4e1de; }

/* Table rows have a gray bottom stroke by default */
.tablesaw tbody tr {
  border-bottom: 1px solid #dfdfdf; }

.tablesaw caption {
  text-align: left;
  margin-bottom: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  line-height: 2.4; }

@media (min-width: 25em) {
  .tablesaw caption {
    margin-bottom: .6em;
    line-height: 1.2; } }
/* Stack */
.tablesaw-cell-label-top {
  font-size: .9em;
  font-weight: normal; }

.tablesaw-cell-label {
  font-size: .65em;
  color: #888;
  font-family: sans-serif; }

@media only all {
  .tablesaw-swipe .tablesaw-cell-persist {
    border-right: 1px solid #e4e1de; } }
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf; }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }

  .tablesaw-stack tr {
    clear: both;
    display: table-row; }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block; }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }

  .tablesaw-cell-label {
    display: block; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }
@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%; }

  .tablesaw-cell-label {
    vertical-align: top; }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block; }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; } }
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row; }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; } }
.tablesaw-fix-persist {
  table-layout: fixed; }

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none; } }
.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block; }

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */ }

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em; }

.tablesaw-columntoggle tbody td {
  line-height: 1.5; }

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none; }

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  border-radius: .2em;
  z-index: 1; }

.tablesaw-columntoggle-popup fieldset {
  margin: 0; }

/* Hide all prioritized columns by default */
@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none; } }
.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0; }

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none; }

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell; } }
/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell; } }
/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell; }

  .tablesaw-columntoggle tbody td {
    line-height: 2; } }
/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell; } }
/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell; } }
/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell; } }
@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none; }

  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell; } }
.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap; }

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em; }

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative; }

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top; }

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0; }

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: 1.6em; }

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
  position: relative; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  width: 7px;
  height: 10px;
  content: "\0020";
  position: absolute;
  right: .5em; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\2191"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\2193"; }

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block; }

.tablesaw-sortable .not-applicable span {
  display: none; }

.tablesaw-advance {
  float: right; }

.tablesaw-advance.minimap {
  margin-right: .4em; }

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none; }

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em; }

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block; }

.tablesaw-advance-dots-hide {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

/*================ API ================*/
.api-properties .javascript {
  word-break: break-all; }

.api-description-list pre {
  word-break: break-all; }

.api-endpointlist-description {
  display: block;
  font-size: 13px; }

.api-endpoint {
  margin-bottom: 45px; }
  .api-endpoint:first-child {
    margin: 0; }

.api-endpoint-request {
  padding: 15px 30px;
  display: block;
  background: #30373b; }
  .api-endpoint-request pre {
    color: #fff; }

.api-endpoint-request-type {
  display: block;
  float: left;
  background: #2a2c2e;
  padding: 15px 30px;
  margin: -15px 30px 0 -30px;
  color: #fff; }

.api-endpoint-example {
  display: block;
  padding: 0 30px 30px 30px;
  border-top: 1px solid #e5e5e5; }
  .api-endpoint-example:first-child {
    border-top: 0; }

.api-endpoint-example-response {
  max-height: 0;
  overflow: hidden; }
  .api-endpoint-example-response .highlight {
    margin: 0; }

.api-endpoint-example-response-show {
  max-height: 10000px;
  padding-top: 30px; }

.api-endpoint-example-response-button {
  display: inline-block; }

.article .api-endpoint-content,
.article .api-endpoint-description {
  border: 1px solid #e5e5e5;
  border-top: 0; }
  .article .api-endpoint-content table,
  .article .api-endpoint-description table {
    margin-bottom: 0; }
.article .api-endpoint-description {
  padding: 15px 30px;
  display: block;
  background: #f9fafa;
  border-bottom: 0; }
  .article .api-endpoint-description > p {
    margin-bottom: 0; }
.article .api-endpoint-queryparameters {
  border-top: 1px solid #e5e5e5; }
  .article .api-endpoint-queryparameters table {
    border-left: 0;
    border-top: 0;
    margin-top: 0; }
    .article .api-endpoint-queryparameters table td p:last-child {
      margin-bottom: 0; }
    .article .api-endpoint-queryparameters table tr:last-child td {
      border-bottom: 0; }
    .article .api-endpoint-queryparameters table td:last-child {
      font-size: 14px;
      border-right: 0; }

/*============================================================================
  API Portal
==============================================================================*/
.page-block--api-cta {
  background-color: #f9fafa;
  background-image: url("/National_Library/20161130034600oe_/https://help.shopify.com/assets/images/api/footer-cta-background.png");
  background-position: bottom center;
  background-size: 750px;
  min-height: 440px; }
  @media screen and (min-width: 46.875em) {
    .page-block--api-cta {
      background-size: 1440px;
      min-height: 600px; } }

.cta-button-container {
  text-align: center; }

.page-block--short {
  padding: 1.875em 0; }

.txt--flush {
  margin-bottom: 0; }

.heading-link {
  display: inline-block; }
  .heading-link:hover {
    text-decoration: underline; }

.heading-flag {
  display: inline-block;
  margin-left: 7.5px;
  text-transform: uppercase;
  color: #7ab55c;
  font-size: 0.75em;
  font-family: "Brandon", Helvetica, Arial, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased; }

.heading-flag--plus {
  color: #c39e47; }

/*============================================================================
  Colors
==============================================================================*/
/*================ Text ================*/
/*============================================================================
  Backgrounds
==============================================================================*/
/*================ Forms ================*/
/*================ Icon colours ================*/
/*================ Nav colors ================*/
/*============================================================================
  Font Weights
==============================================================================*/
/*============================================================================
  Font Families
==============================================================================*/
/*============================================================================
  Headings
==============================================================================*/
/*============================================================================
  Global Components - vars that are handy across the site
==============================================================================*/
/*================ Z Index ================*/
/*================ Nav ================*/
/*================ Forms ================*/
/*================ Borders ================*/
/*================ Shopify logo ================*/
/*============================================================================
  Transitions
==============================================================================*/
/*============================================================================
  Grid Requirements:
  * 8 column grid with 2 columns on either side as optional extended grid area
    only visible on larger screens
  * Configurable (ie through something similar to this file)
  * Different grid per breakpoint, ideally defined in isolation inside the
    breakpoint for minimal CSS undo-ing (ie. don't have to undo mobile styles
    once on desktop, vice versa)
  * Supports a mobile-first dev approach, with fallback for IE8
  * Nestable
  * Flexible for how containers react across breakpoints.
    Same container may collapse in different ways on different pages
==============================================================================*/
/*============================================================================
  Grid Measurements
==============================================================================*/
/*============================================================================
  Global Mixins used within page-specific and application stylesheets
==============================================================================*/
/*============================================================================
-Background colours
-==============================================================================*/
/*============================================================================
Borders
==============================================================================*/
/*============================================================================
  Col Generators
==============================================================================*/
/*============================================================================
  Fluid grid @ desktop-up
==============================================================================*/
/*============================================================================
  Breakpoints - Set in em to cover browser font-size adjustments
==============================================================================*/
.icon-comment-text-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040.11%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M22.728%2040.11c-.666%200-1.338-.253-1.845-.695-.57-.498-.883-1.176-.883-1.91V31.11H2.864C1.567%2031.11%200%2029.825%200%2028.366V2.386C0%20.96%201.48.11%202.864.11h34.98C38.884.11%2040%20.627%2040%202.386v25.98c0%201.575-.866%202.744-2.156%202.744H33.09l-8.665%208.41c-.506.437-1.076.59-1.697.59zm-19.864-38c-.438%200-.864.163-.864.28v25.977c0%20.193.503.744.864.744H22v8.4c0%20.15.067.29.2.406.25.22.655.326.874.137l9.202-8.935h5.567c.056%200%20.156-.36.156-.743V2.388c0-.22-.04-.284-.06-.33-.01.006-.046.053-.1.053H2.86z%22/%3E%3Cpath%20d=%22M32%2014.11H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201zm0%205H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201zm0%205H8c-.553%200-1-.447-1-1s.447-1%201-1h24c.553%200%201%20.447%201%201s-.447%201-1%201z%22/%3E%3Ccircle%20cx=%229.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3Ccircle%20cx=%2213.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3Ccircle%20cx=%2217.937%22%20cy=%227.376%22%20r=%221.417%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-pages-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22138.2%20198.6%20335.6%20394.8%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23000%22%20d=%22M138.2%20292.4v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8V554h-19.7v19.7H157.9V297.3h19.7v-19.7H153c-7.9-.1-14.8%206.9-14.8%2014.8z%22/%3E%3Cpath%20fill=%22%23000%22%20d=%22M177.7%20252.9v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8v-24.7h-19.7v19.7H197.4V257.8h19.7v-19.7h-24.7c-7.8%200-14.7%206.9-14.7%2014.8z%22/%3E%3Cpath%20fill=%22%23000%22%20d=%22M217.2%20213.4v286.3c0%207.9%206.9%2014.8%2014.8%2014.8h227c7.9%200%2014.8-6.9%2014.8-14.8V213.4c0-7.9-6.9-14.8-14.8-14.8H232c-7.9%200-14.8%206.9-14.8%2014.8zm19.7%204.9h217.2v276.4H236.9V218.3z%22/%3E%3Cpath%20fill=%22%23000%22%20d=%22M256.6%20238.1v79h79v-79h-79zm59.3%2059.2h-39.5v-39.5h39.5v39.5zm118.4-39.5c0%204.9-3.9%209.9-9.9%209.9h-69.1c-5.9%200-9.9-4.9-9.9-9.9s3.9-9.9%209.9-9.9h69.1c6%200%209.9%205%209.9%209.9zm0%2039.5c0%204.9-3.9%209.9-9.9%209.9h-69.1c-5.9%200-9.9-4.9-9.9-9.9s3.9-9.9%209.9-9.9h69.1c6%200%209.9%205%209.9%209.9zm-177.7%2059.2c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9%200-4.9-3.9-9.9-9.9-9.9H266.5c-5.9%200-9.9%205-9.9%209.9zm0%2049.4c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9s-3.9-9.9-9.9-9.9H266.5c-5.9%200-9.9%204.9-9.9%209.9zm0%2049.3c0%204.9%203.9%209.9%209.9%209.9h157.9c5.9%200%209.9-4.9%209.9-9.9s-3.9-9.9-9.9-9.9H266.5c-5.9.1-9.9%205-9.9%209.9z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-website-custom-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23000%22%3E%3Cpath%20d=%22M23%2038v1h2v-1h-2z%22/%3E%3Cpath%20d=%22M37.4%200H2.6C1.17%200%200%201.17%200%202.6v34.8C0%2038.83%201.17%2040%202.6%2040h34.8c1.43%200%202.6-1.17%202.6-2.6V2.6C40%201.17%2038.83%200%2037.4%200zm.6%2013h-3v2h3v22.4c0%20.33-.27.6-.6.6H25v1h-2v-1H2.6c-.33%200-.6-.27-.6-.6V15h2v-2H2V2.6c0-.33.27-.6.6-.6h34.8c.33%200%20.6.27.6.6V13z%22/%3E%3Cpath%20d=%22M28%2013v2h4v-2h-4zm-14%200v2h4v-2h-4zm-7%200v2h4v-2H7zm16%2022v4h2v-4h-2zm0-7v4h2v-4h-2zm0-7v4h2v-4h-2zm2-8v5h-2v-3h-2v-2%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.theme-sections {
  padding-top: 2.8125em; }
  .theme-sections a {
    color: #368aa9; }
    .theme-sections a:hover, .theme-sections a:focus {
      text-decoration: underline; }

.resources-item {
  padding: 3.125em 1.875em;
  background: #fff; }

.color-swatch {
  display: inline-block;
  border: #767676 solid 1px;
  border-radius: 50%;
  height: 0.9rem;
  width: 0.9rem; }

/*================ Partners ================*/
.page-block--partners-cta {
  padding-bottom: 0; }
  .page-block--partners-cta img {
    margin-top: 30px; }

/*================ Webinars ====================*/
@media screen and (min-width: 46.875em) {
  .page-header--webinars {
    background-image: url("/National_Library/20161130034600oe_/https://help.shopify.com/assets/images/webinars/header.jpg"); } }
.webinar-block {
  margin-bottom: 45px; }
  .webinar-block > p {
    color: #949494;
    margin-bottom: 30px; }

.webinar-times-slot,
.webinar-times-recorded {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5; }
  .webinar-times-slot p,
  .webinar-times-recorded p {
    float: left;
    line-height: 2.5;
    margin-bottom: 0; }
    @media screen and (max-width: 46.8125em) {
      .webinar-times-slot p,
      .webinar-times-recorded p {
        float: none; } }
  .webinar-times-slot .marketing-button, .webinar-times-slot .marketing-nav__button,
  .webinar-times-recorded .marketing-button,
  .webinar-times-recorded .marketing-nav__button {
    float: right; }
    @media screen and (max-width: 46.8125em) {
      .webinar-times-slot .marketing-button, .webinar-times-slot .marketing-nav__button,
      .webinar-times-recorded .marketing-button,
      .webinar-times-recorded .marketing-nav__button {
        float: none;
        margin: 10px 0; }
        .webinar-times-slot .marketing-button p, .webinar-times-slot .marketing-nav__button p,
        .webinar-times-recorded .marketing-button p,
        .webinar-times-recorded .marketing-nav__button p {
          line-height: 1.5; } }

.webinar-times-recorded p {
  float: none;
  text-align: center;
  line-height: 1.5;
  padding-top: 10px;
  color: #949494; }

.icon-puzzle-piece-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-285%20377.4%2039.9%2039.6%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%2332cbcc%22%20d=%22M-265.3%20417c-.8%200-1.6-.3-2.2-.9l-4.3-4.3c-.4%201-1%202.2-1.7%202.9-1.4%201.4-3%202.2-4.6%202.2-1.7%200-3.3-.8-4.6-2.2-1.3-1.3-2-2.7-2.1-4.1-.1-1.3.2-3.2%202.1-5%20.7-.7%201.9-1.3%202.9-1.7l-4.3-4.3c-.5-.6-.8-1.4-.8-2.2s.3-1.6.9-2.2l4.7-4.7c.4-.4.9-.6%201.5-.6%201.1%200%202%20.8%202.1%201.9%200%20.6.1.7.2.7%201.9%201.9%203.5%202.8%204.7%202.8.9%200%201.7-.4%202.5-1.2%201.1-1.1%201.4-2.1%201.1-3.4-.3-1.1-1.2-2.4-2.7-3.9%200%200-.1-.1-.7-.2-.8-.1-1.5-.6-1.8-1.3-.3-.8-.1-1.6.5-2.2l4.9-4.9c1.1-1.1%202.9-1%204.1.3l4.3%204.3c.4-1%201-2.2%201.7-2.9%201.4-1.4%203-2.2%204.6-2.2%201.7%200%203.3.8%204.6%202.2%202.3%202.3%203.5%205.8%200%209.3-.7.7-1.9%201.3-2.9%201.7l4.3%204.3c.6.6%201%201.3%201%202%20.1.8-.2%201.6-.8%202.2l-4.9%204.9c-.4.4-.9.6-1.5.6-1.1%200-2-.8-2.1-1.9%200-.6-.1-.7-.2-.7-1.9-1.9-3.5-2.8-4.7-2.8-.9%200-1.7.4-2.5%201.2-1.1%201.1-1.4%202.1-1.1%203.4.3%201.1%201.2%202.4%202.7%203.9%200%200%20.1.1.7.2.8.1%201.5.6%201.8%201.3.3.8.1%201.6-.5%202.2l-4.7%204.7c-.5.3-1.3.6-2.2.6zm-6.8-8c.3%200%20.5.1.7.3l5.4%205.4c.4.4%201.2.4%201.6%200l4.7-4.7v-.1c-.6-.1-1.4-.2-2-.8-1.7-1.7-2.8-3.3-3.2-4.7-.5-1.9%200-3.7%201.6-5.2%201.2-1.2%202.5-1.8%203.9-1.8%201.9%200%203.9%201.1%206.1%203.4.6.6.7%201.4.7%201.9%200%20.1.1.1.1.1l5-4.9c.2-.2.2-.4.2-.6%200-.2-.2-.5-.5-.8l-5.4-5.4c-.2-.1-.3-.5-.3-.8.1-.3.3-.6.7-.7%201.3-.4%203-1.2%203.6-1.8%202.9-2.9%201.2-5.2%200-6.5-1-1-2.2-1.6-3.3-1.6-1.1%200-2.2.5-3.2%201.6-.6.6-1.3%202.2-1.8%203.6-.1.3-.4.6-.7.7-.3.1-.7%200-.9-.3l-5.4-5.4c-.3-.2-.7-.4-.9-.4-.1%200-.3%200-.5.2l-4.9%204.9v.1c.6.1%201.4.2%202%20.8%201.4%201.4%205.8%205.8%201.6%2010-1.2%201.2-2.5%201.8-3.9%201.8-1.9%200-3.9-1.1-6.1-3.4-.6-.6-.7-1.4-.7-1.9%200-.1-.1-.1-.1-.1l-4.7%204.7c-.3.2-.4.5-.4.8%200%20.3.1.6.3.8l5.4%205.4c.2.2.3.5.3.9s-.4.6-.7.7c-1.4.4-3%201.2-3.6%201.8-1.1%201.1-1.7%202.3-1.6%203.6.1%201.3.9%202.4%201.6%203%201%201%202.2%201.6%203.3%201.6s2.2-.5%203.2-1.6c.6-.6%201.3-2.3%201.8-3.6.1-.3.4-.6.7-.7.1-.3.2-.3.3-.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-speechbubbles-ellipses-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039%2038.937%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%2332cbcc%22%3E%3Cpath%20d=%22M8.52%2033.104c-.39%200-.76-.147-1.045-.414-.307-.287-.475-.678-.475-1.1v-6.712c-4.772-2.823-7-6.23-7-10.688C0%206.1%207.536%200%2017.53%200c9.182%200%2016.468%205.254%2017.42%2012.522.032.1.05.207.05.318%200%20.552-.448%201-1%201h-.02c-.226%200-.45-.076-.632-.225C31.25%2011.905%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54.255.43.154.98-.235%201.29l-4.75%203.8c-.276.22-.602.334-.946.334zM17.53%202C8.677%202%202%207.24%202%2014.19c0%203.866%202.002%206.715%206.49%209.238.315.177.51.51.51.872v6.282l3.312-2.65c-.88-1.762-1.342-3.747-1.342-5.79C10.97%2014.648%2017%209%2025%209c2.8%200%205.332.567%207.45%201.657C30.61%205.525%2024.734%202%2017.53%202z%22/%3E%3Cpath%20d=%22M32.08%2038.937c-.354%200-.706-.105-1.018-.304-.033-.02-.066-.045-.096-.07l-4.154-3.407c-.6.083-1.196.124-1.812.124-5.262%200-9.85-2.46-12.272-6.583-1.15-1.942-1.758-4.21-1.758-6.557C10.97%2014.65%2017%209%2025%209c3.83%200%207.153%201.06%209.612%203.065C37.482%2014.39%2039%2017.875%2039%2022.14c0%204.875-1.79%207.266-4.9%209.56v4.8c.013.734-.23%201.4-.68%201.86-.366.372-.842.577-1.34.577zM27.1%2033.1c.23%200%20.454.08.634.227l4.313%203.537c.03-.072.055-.185.053-.346V31.19c0-.324.157-.628.42-.815%202.972-2.11%204.48-3.962%204.48-8.235%200-3.64-1.262-6.588-3.65-8.523C31.25%2011.904%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54%202.062%203.508%206.005%205.6%2010.55%205.6.658%200%201.29-.054%201.93-.165.056-.01.113-.015.17-.015z%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2231%22%20cy=%2223%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-laptop-smartphone-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2041%2033%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%2332cbcc%22%3E%3Cpath%20d=%22M5%206h12v2H5zm28%2013v4.46c0%20.31-.09.61-.25.85-.28.42-.75.69-1.29.69H4.54c-.54%200-1.01-.27-1.29-.69-.16-.24-.25-.54-.25-.85V3.52C3%202.68%203.68%202%204.52%202H17v2H5v19h26v-4h2zm2.92%2010.86c.02.05.03.09.03.14H36l-.08-.14zM4.54%2025c-.54%200-1.01-.27-1.29-.69L.74%2028.7c.45-.43%201.06-.7%201.73-.7h.98l1.71-3h-.62zM0%2030h.05c0-.05.01-.09.03-.14L0%2030z%22/%3E%3Cpath%20d=%22M35.26%2028.7c-.45-.43-1.06-.7-1.73-.7h-.98l-1.71-3h.62c.54%200%201.01-.27%201.29-.69l2.51%204.39zm0%200l.66%201.16c-.11-.45-.35-.84-.66-1.16zM.08%2029.86l.66-1.16c-.31.32-.55.71-.66%201.16z%22/%3E%3Cpath%20d=%22M35.95%2030c0-.05-.01-.09-.03-.14l-.66-1.16c-.45-.43-1.06-.7-1.73-.7H2.47c-.67%200-1.28.27-1.73.7l-.66%201.16c-.02.05-.03.09-.03.14-.03.15-.05.31-.05.47v.06C0%2031.89%201.11%2033%202.47%2033h31.06c1.36%200%202.47-1.11%202.47-2.47v-.06c0-.16-.02-.32-.05-.47zm-1.95.53c0%20.26-.21.47-.47.47H2.47c-.26%200-.47-.21-.47-.47v-.06c0-.26.21-.47.47-.47h31.06c.26%200%20.47.21.47.47v.06z%22/%3E%3Ccircle%20cx=%227.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2210.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2213.5%22%20cy=%2211.5%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2220%22%20cy=%229.5%22%20r=%221%22/%3E%3Cpath%20d=%22M39%209.5c0%20.83-.67%201.5-1.5%201.5-.18%200-.34-.03-.5-.09V8.09c.16-.06.32-.09.5-.09.83%200%201.5.67%201.5%201.5z%22/%3E%3Cpath%20d=%22M39.89%200H18.11C17.5%200%2017%20.53%2017%201.17v16.66c0%20.64.5%201.17%201.11%201.17h21.78c.61%200%201.11-.53%201.11-1.17V1.17C41%20.53%2040.5%200%2039.89%200zM39%2017H19V2h20v15z%22/%3E%3Cpath%20d=%22M35%202h2v15h-2zM21%202h2v15h-2z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%229.5%22%20r=%221%22/%3E%3Cpath%20d=%22M39%209.5c0%20.83-.67%201.5-1.5%201.5-.18%200-.34-.03-.5-.09V8.09c.16-.06.32-.09.5-.09.83%200%201.5.67%201.5%201.5z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-tools-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2038%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%2332cbcc%22%3E%3Cpath%20d=%22M33.15%206.96c.11.03.22.04.33.04h.05c.11%200%20.22-.01.33-.04h-.71zm.31%2015.58c-.51%200-1%20.09-1.46.25-.36.12-.69.29-1%20.49V7.97c.29.29.62.53%201%20.7.31.15.65.25%201%20.29v13.58h.46z%22/%3E%3Cpath%20d=%22M36%20.04h-5c-.55%200-1%20.45-1%201v4.5c0%20.95.38%201.8%201%202.43.29.29.62.53%201%20.7.31.15.65.25%201%20.29.16.03.32.04.48.04h.05c.16%200%20.32-.01.47-.04.35-.04.69-.14%201-.29.38-.17.71-.41%201-.7.62-.63%201-1.48%201-2.43v-4.5c0-.55-.45-1-1-1zm-1%205.5c0%20.15-.02.29-.07.42-.15.5-.56.89-1.07%201-.11.03-.22.04-.33.04h-.05c-.11%200-.22-.01-.33-.04-.52-.11-.93-.5-1.08-1-.05-.13-.07-.27-.07-.42v-3.5h3v3.5zm1%202.43v15.32c-.31-.2-.64-.36-1-.49-.48-.17-1-.26-1.54-.26H34V8.96c.35-.04.69-.14%201-.29.38-.17.71-.41%201-.7zm0%2015.32c-.31-.2-.64-.36-1-.49-.48-.17-1-.26-1.54-.26-.51%200-1%20.09-1.46.25-.36.12-.69.29-1%20.49-1.21.8-2%202.17-2%203.72v8.54C29%2038%2031%2040%2033.46%2040h.08C36%2040%2038%2038%2038%2035.54V27c0-1.54-.79-2.9-2-3.71zm0%2012.25c0%201.35-1.11%202.46-2.46%202.46h-.08C32.11%2038%2031%2036.89%2031%2035.54V27c0-1.36%201.11-2.46%202.54-2.46%201.35%200%202.46%201.1%202.46%202.46v8.54zM20%2012v24c0%202.13-1.56%203.86-3.47%203.86h-.05C14.56%2039.86%2013%2038.13%2013%2036V12h2v24c0%201.03.67%201.86%201.48%201.86h.05c.81%200%201.47-.83%201.47-1.86V12h2zm.172-.58l-.94-2c-.07-.13-.1-.27-.1-.42V3c0-.15.03-.29.1-.42l.94-2c.08-.18.21-.33.37-.43-.15-.1-.33-.15-.52-.15h-9c-5.01%200-8.38%201.01-10.02%203.01-1.25%201.52-.99%203.02-.96%203.19.06.3.26.56.54.7.28.14.61.13.89-.01%201.09-.54%202.15-.81%203.15-.81%203.5%200%205.4%203.25%205.4%204.92%200%20.55.45%201%201%201h9c.2%200%20.38-.06.53-.15-.16-.09-.3-.24-.38-.43zM19.022%2010h-7.11c-.56-2.7-3.28-5.92-7.29-5.92-.7%200-1.42.09-2.15.29l.12-.15C3.462%203.21%205.632%202%2011.022%202h8v8z%22/%3E%3Cpath%20d=%22M25.767%201.11c-1-1.03-2.45-1.11-4.11-1.11h-.62c-.19%200-.36.06-.52.15-.16.1-.29.25-.37.43l-.94%202c-.07.13-.1.27-.1.42v6c0%20.15.03.29.1.42l.94%202c.08.19.22.34.38.43.15.1.33.15.52.15%202.65%200%205.95%200%205.95-6.03.04-2.5-.33-3.95-1.23-4.86zm-.77%204.94c0%203.63-1.04%203.92-3.31%203.95l-.58-1.22V3.22l.58-1.22c1.4%200%202.24.08%202.66.51.47.47.68%201.59.65%203.42v.12z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-social-facebook-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%2332cbcc%22%20d=%22M15.6%2030V19.4h5V15h-5v-3.1c0-1%20.6-1.9%201.3-1.9h3.8V5.6h-3.8c-3.1%200-5.6%202.8-5.6%206.3V15H7.5v4.4h3.8v10.1C4.8%2027.9%200%2022%200%2015%200%206.7%206.7%200%2015%200s15%206.7%2015%2015c0%208.1-6.4%2014.7-14.4%2015z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-social-instagram-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%2332cbcc%22%20d=%22M15%2030C6.7%2030%200%2023.3%200%2015c0-1.1.1-2.1.3-3.1h7.2c-.4%201-.6%202-.6%203.1%200%204.5%203.6%208.1%208.1%208.1s8.1-3.6%208.1-8.1c0-1.1-.2-2.2-.6-3.1h7.2c.2%201%20.3%202%20.3%203.1%200%208.3-6.7%2015-15%2015zm5.9-20.6c-1.5-1.5-3.6-2.5-5.9-2.5s-4.4%201-5.9%202.5h-8C3.3%203.9%208.7%200%2015%200s11.7%203.9%2013.9%209.4h-8zm-.3%205.6c0%203.1-2.5%205.6-5.6%205.6-3.1%200-5.6-2.5-5.6-5.6%200-3.1%202.5-5.6%205.6-5.6%203.1%200%205.6%202.5%205.6%205.6z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.icon-social-twitter-kit-turquoise {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2030%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2332cbcc%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%2332cbcc%22%20d=%22M30%2015c0%208.3-6.7%2015-15%2015S0%2023.3%200%2015%206.7%200%2015%200s15%206.7%2015%2015zm-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5%201.5-1.4%201.8-2.4-.8.5-1.7.8-2.7%201-.8-.8-1.9-1.4-3.1-1.4-2.4%200-4.2%201.9-4.2%204.3%200%20.3%200%20.7.1%201-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6%201.4-.6%202.2%200%201.5.7%202.8%201.9%203.5-.7%200-1.4-.2-1.9-.5%200%202.1%201.5%203.8%203.4%204.2-.3.1-.7.1-1.1.1-.3%200-.6%200-.8-.1.5%201.7%202.1%202.8%204%202.9-1.5%201.1-3.3%201.9-5.3%201.9-.3%200-.7%200-1-.1%201.9%201.2%204.1%201.9%206.5%201.9%207.8%200%2012.1-6.5%2012.1-12.1v-.6c.9-.4%201.6-1.2%202.2-2z%22/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat; }

.kit .body-link, .kit main p > a, main .kit p > a, .kit .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button), .marketing-markdown .kit a:not(.marketing-button):not(.marketing-nav__button),
.kit main p > a,
.kit .marketing-markdown a {
  color: #28a2a3; }
.kit img {
  height: auto; }

.marketing-block--link a {
  padding: 0.625em;
  width: 100%;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .marketing-block--link a {
      padding: 1.25em; }
      .marketing-block--link a:hover {
        background: #f9fafa; } }

@media print {
  .marketing-nav,
  .page-header,
  .sidebar-column,
  .feedback-form,
  .footer--main,
  .footer-bottom,
  .contact-block,
  .page-block--partners-cta {
    display: none; }

  @page {
    margin: 1cm 2cm; } }
.icon-nav-arrow-down {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%225.987%22%20viewBox=%220%200%2010%205.987%22%3E%3Cpath%20clip-rule=%22evenodd%22%20fill=%22none%22%20d=%22M9.453%200c1.013%200%20.38%201.095%200%201.513L5.68%205.673c-.378.42-.992.42-1.37%200L.536%201.514C.16%201.095-.453%200%20.537%200h8.916z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-speechbubbles-ellipses-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039%2038.937%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%237ab55c%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%237ab55c%22%3E%3Cpath%20d=%22M8.52%2033.104c-.39%200-.76-.147-1.045-.414-.307-.287-.475-.678-.475-1.1v-6.712c-4.772-2.823-7-6.23-7-10.688C0%206.1%207.536%200%2017.53%200c9.182%200%2016.468%205.254%2017.42%2012.522.032.1.05.207.05.318%200%20.552-.448%201-1%201h-.02c-.226%200-.45-.076-.632-.225C31.25%2011.905%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54.255.43.154.98-.235%201.29l-4.75%203.8c-.276.22-.602.334-.946.334zM17.53%202C8.677%202%202%207.24%202%2014.19c0%203.866%202.002%206.715%206.49%209.238.315.177.51.51.51.872v6.282l3.312-2.65c-.88-1.762-1.342-3.747-1.342-5.79C10.97%2014.648%2017%209%2025%209c2.8%200%205.332.567%207.45%201.657C30.61%205.525%2024.734%202%2017.53%202z%22/%3E%3Cpath%20d=%22M32.08%2038.937c-.354%200-.706-.105-1.018-.304-.033-.02-.066-.045-.096-.07l-4.154-3.407c-.6.083-1.196.124-1.812.124-5.262%200-9.85-2.46-12.272-6.583-1.15-1.942-1.758-4.21-1.758-6.557C10.97%2014.65%2017%209%2025%209c3.83%200%207.153%201.06%209.612%203.065C37.482%2014.39%2039%2017.875%2039%2022.14c0%204.875-1.79%207.266-4.9%209.56v4.8c.013.734-.23%201.4-.68%201.86-.366.372-.842.577-1.34.577zM27.1%2033.1c.23%200%20.454.08.634.227l4.313%203.537c.03-.072.055-.185.053-.346V31.19c0-.324.157-.628.42-.815%202.972-2.11%204.48-3.962%204.48-8.235%200-3.64-1.262-6.588-3.65-8.523C31.25%2011.904%2028.363%2011%2025%2011c-6.858%200-12.03%204.79-12.03%2011.14%200%202.017.498%203.88%201.48%205.54%202.062%203.508%206.005%205.6%2010.55%205.6.658%200%201.29-.054%201.93-.165.056-.01.113-.015.17-.015z%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2225%22%20cy=%2223%22%20r=%222%22/%3E%3Ccircle%20cx=%2231%22%20cy=%2223%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-email-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2028%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%237ab55c%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%237ab55c%22%20d=%22M39.8%201.6C39.6%201%2039%20.5%2038.4.2c-.3-.1-.6-.2-.9-.2h-35c-.3%200-.6.1-.9.2C1%20.4.4.9.2%201.6c-.1.2-.2.6-.2.9v23c0%20.2%200%20.5.1.7.2.6.5%201.1%201%201.4.4.2.9.4%201.4.4h35c.5%200%201-.2%201.4-.4.5-.3.8-.8%201-1.4.1-.2.1-.5.1-.7v-23c0-.3-.1-.7-.2-.9zm-3.7.4L20.3%2014.5c-.2.2-.5.1-.7%200L3.9%202h32.2zM38%2024.5l-11.7-9.2c-.4-.3-1.1-.3-1.4.2-.3.4-.3%201.1.2%201.4L36.7%2026H3.3l11.5-9.1c.4-.3.5-1%20.2-1.4-.3-.4-1-.5-1.4-.2L2%2024.5V3.1l16.4%2013c.5.4%201%20.5%201.6.5s1.1-.2%201.6-.5L38%203.1v21.4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-headset-green {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040.114%2040.022%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%237ab55c%20!important;%20%7D%3C/style%3E%3Cpath%20d=%22M29.93%2031.002c-2.4%200-4.35%201.95-4.35%204.35%200%20.5.09.99.25%201.43.22.66.61%201.25%201.11%201.71.77.75%201.83%201.21%202.99%201.21%202.4%200%204.35-1.95%204.35-4.35%200-2.4-1.95-4.35-4.35-4.35zm0%206.7c-.32%200-.63-.06-.9-.18h-.01c-.65-.28-1.16-.85-1.36-1.54-.05-.2-.08-.41-.08-.63%200-1.3%201.06-2.35%202.35-2.35%201.3%200%202.35%201.05%202.35%202.35%200%201.29-1.05%202.35-2.35%202.35zm5.84-21.91v-.01l-1.89-.31-.18-.03c-.68-3.81-2.38-6.79-4.92-8.54-2.92-2.01-6.79-2.34-11.2-.95-4.16%201.31-7.1%205.4-8.16%2011.28-.57-.37-1.21-.64-1.89-.79%201.26-6.4%204.66-10.88%209.45-12.39%204.47-1.42%208.51-1.24%2011.77.5-4.13-3.1-9.74-2.83-13.77-2.02-6.31%201.25-10.22%206.45-10.65%2014.02-.76.22-1.45.6-2.05%201.09C2.4%208.592%207.1%202.062%2014.59.572c6.57-1.31%2012.03-.36%2015.81%202.74%203.31%202.71%205.16%206.91%205.51%2012.5l-.14-.02z%22%20fill=%22%237ab55c%22/%3E%3Cpath%20d=%22M26.94%2038.492c-2.7%201.11-5.1%201.53-7.17%201.53-2.42%200-4.4-.56-5.92-1.26-4.01-1.82-7-5.59-8.2-10.23.16.01.32.02.49.02.53%200%201.05-.07%201.54-.21%201.09%203.91%203.63%207.06%207%208.6%202.41%201.1%206.13%201.79%2011.15-.16.22.66.61%201.25%201.11%201.71z%22%20fill=%22%237ab55c%22/%3E%3Cpath%20d=%22M9.42%2017.232c-.57-.37-1.21-.64-1.89-.79-.45-.12-.91-.17-1.39-.17-.63%200-1.24.09-1.81.28-.76.22-1.45.6-2.05%201.09C.89%2018.762%200%2020.482%200%2022.412c0%203.23%202.49%205.87%205.65%206.12.16.01.32.02.49.02.53%200%201.05-.07%201.54-.21%202.64-.67%204.6-3.07%204.6-5.93%200-2.18-1.14-4.1-2.86-5.18zm-2.27%209.19c-.32.09-.66.13-1.01.13-.23%200-.45-.02-.66-.06-1.97-.31-3.48-2.03-3.48-4.08%200-2.28%201.86-4.14%204.14-4.14.44%200%20.86.07%201.25.2.38.12.74.29%201.06.51h.01c1.1.75%201.82%202.01%201.82%203.43%200%201.93-1.33%203.56-3.13%204.01zM34%2018.002c-.01-.03-.02-.07-.02-.1v-.06c0%20.06%200%20.11.02.16z%22%20fill=%22%237ab55c%22/%3E%3Cpath%20d=%22M34%2018.002c-.01-.03-.02-.07-.02-.1v-.06c0%20.06%200%20.11.02.16z%22%20fill=%22%237ab55c%22/%3E%3Cpath%20d=%22M37.43%2016.062l-1.52-.25-.14-.02v-.01l-1.89-.31-.18-.03-2.92-.48c-1.78-.3-3.4.91-3.7%202.69-.29%201.74.9%203.4%202.64%203.68l6.65%201.11c.18.03.36.04.53.04%201.58%200%202.91-1.13%203.17-2.73.29-1.75-.9-3.4-2.64-3.69zm-.73%204.4l-6.65-1.1c-.32-.05-.6-.22-.79-.49-.18-.26-.26-.58-.2-.94.1-.59.6-1.01%201.19-1.01.07%200%20.14%200%20.2.01l3.5.58h.02l2%20.33h.01l1.12.19c.32.05.6.23.79.49.19.26.26.58.2.95-.11.65-.71%201.1-1.39.99z%22%20fill=%22%237ab55c%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-water-drop-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2026.505%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23368aa9%22%3E%3Cpath%20d=%22M25.454%2021.09l-8.9-18.87C16.004.85%2014.734%200%2013.254%200s-2.75.85-3.27%202.17l-8.95%2018.97c-1.52%203.77-1.36%208.02.45%2011.66%201.67%203.36%204.52%205.74%208.02%206.7%201.22.33%202.48.5%203.75.5s2.53-.17%203.75-.5c3.5-.96%206.35-3.34%208.02-6.71%201.81-3.63%201.97-7.88.43-11.7zm-2.22%2010.82c-1.41%202.84-3.81%204.86-6.76%205.66-2.08.57-4.35.57-6.44%200-2.95-.8-5.35-2.82-6.76-5.66-1.55-3.13-1.69-6.78-.41-9.97l8.95-18.97c.36-.9%201.19-.97%201.44-.97s1.08.07%201.47%201.02l8.9%2018.87c1.31%203.24%201.16%206.89-.39%2010.02z%22/%3E%3Cpath%20d=%22M13.724%2035.01c-.01.55-.45.99-1%20.99h-.01c-3.45-.05-6.47-2.21-7.51-5.36-.86-2.6-.98-4.32-.46-6.56.12-.52.28-1.06.5-1.64.16-.46.37-.93.66-1.53l5.64-11.35c.24-.5.84-.7%201.34-.46.49.25.7.85.45%201.34l-.87%201.76-4.76%209.6c-.27.52-.44.93-.58%201.31-.19.52-.33.98-.43%201.42-.43%201.87-.33%203.25.41%205.48.78%202.34%203.02%203.94%205.61%203.99h.03c.55.01.99.46.98%201.01z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-tools-gear-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2041%2040.16%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23368aa9%22%3E%3Cpath%20d=%22M32.17%2032h-2.34c-.95%200-1.725-.773-1.725-1.724v-.196c-.263-.095-.522-.202-.773-.322l-.138.14c-.653.65-1.787.65-2.438%200l-1.653-1.652c-.67-.673-.67-1.767%200-2.438l.14-.14c-.12-.25-.227-.51-.32-.773h-.197c-.95%200-1.725-.773-1.725-1.724v-2.34c0-.95.78-1.72%201.73-1.72h.198c.094-.262.202-.52.32-.77l-.138-.14c-.673-.67-.673-1.766-.003-2.438l1.653-1.653c.65-.653%201.786-.65%202.437%200l.14.14c.25-.12.51-.228.773-.323v-.195c0-.95.772-1.726%201.723-1.726h2.343c.95%200%201.724.774%201.724%201.725v.194c.262.096.52.203.772.323l.137-.14c.65-.65%201.782-.65%202.433%200L38.9%2015.76c.67.672.67%201.766%200%202.437l-.14.14c.12.25.227.51.32.773h.197c.95%200%201.725.773%201.725%201.724v2.34c0%20.952-.773%201.725-1.725%201.725h-.196c-.09.26-.2.52-.32.77l.14.14c.67.67.67%201.762%200%202.434L37.247%2029.9c-.654.652-1.79.65-2.438%200l-.14-.14c-.25.12-.51.227-.773.322v.196c0%20.95-.774%201.724-1.724%201.724zm-2.065-2h1.79v-.12c0-.743.47-1.398%201.17-1.63.306-.1.604-.226.89-.37.64-.325%201.476-.187%201.985.322l.086.085%201.262-1.262-.084-.084c-.53-.522-.658-1.32-.323-1.98.15-.283.27-.582.37-.89.23-.7.89-1.17%201.63-1.17H39v-1.79h-.12c-.742%200-1.398-.47-1.63-1.17-.102-.31-.226-.606-.37-.89-.334-.66-.205-1.46.322-1.985l.086-.084-1.262-1.263-.084.084c-.514.51-1.35.648-1.987.326-.285-.144-.584-.268-.89-.37-.7-.23-1.17-.887-1.17-1.63V14h-1.79v.12c0%20.743-.47%201.398-1.17%201.63-.307.1-.605.226-.89.37-.642.324-1.477.187-1.986-.322l-.09-.085-1.26%201.262.08.084c.53.522.66%201.32.323%201.98-.144.283-.268.582-.37.89-.23.7-.887%201.17-1.63%201.17H23v1.79h.12c.742%200%201.398.47%201.63%201.17.102.31.226.605.37.89.334.66.205%201.46-.322%201.985l-.086.084%201.262%201.263.084-.084c.514-.51%201.348-.65%201.987-.326.285.144.584.268.89.37.7.23%201.17.886%201.17%201.63V30z%22/%3E%3Cpath%20d=%22M31%2026c-2.206%200-4-1.794-4-4s1.794-4%204-4%204%201.794%204%204-1.794%204-4%204zm0-6c-1.103%200-2%20.897-2%202s.897%202%202%202%202-.897%202-2-.897-2-2-2zM19%2035.16c0%201.18-.82%202-2%202s-2-.82-2-2c0-1.18.82-2%202-2s2%20.82%202%202z%22/%3E%3Cpath%20d=%22M20.02%2029.96V12.5C22.46%2011.47%2024%209.38%2024%207%2024%202.75%2021.06.63%2019.32.05c-.31-.1-.64-.05-.9.14-.27.19-.42.49-.42.81v7h-.99L17%201c0-.55-.47-1-1.02-1C12.35%200%2010%202.75%2010%207c0%202.53%201.55%204.66%204%205.62l.02%2017.42c-1.1.73-3.02%202.32-3.02%204.52%200%202.98%202.8%205.6%206%205.6%203.14%200%205.89-2.62%205.89-5.6%200-1.99-1.04-3.63-2.87-4.6zM17%2038.16c-2.09%200-4-1.72-4-3.6%200-1.22%201.36-2.43%202.52-3.09.31-.18.5-.51.5-.87L16%2011.9c0-.45-.3-.84-.73-.96C13.28%2010.39%2012%208.84%2012%207c0-2.69%201.1-4.45%203-4.89L15.01%209c0%20.55.45%201%201%201H19c.55%200%201-.45%201-1V2.69c.93.72%202%202.04%202%204.31%200%201.71-1.29%203.22-3.28%203.85-.42.13-.7.51-.7.95v18.8c0%20.41.25.77.62.93%201.47.59%202.25%201.64%202.25%203.03%200%201.92-1.82%203.6-3.89%203.6zM7.77%2028H3.23c-.09%200-.18-.01-.27-.03.1.04.18.06.27.06h4.54c.09%200%20.16-.01.24-.05-.08.01-.16.02-.24.02z%22/%3E%3Cpath%20d=%22M11%2026c0-1.67-.82-3.1-2.02-3.68L8.97%203.18C8.97%201.43%207.47%200%205.58%200%203.82%200%202.33%201.31%202.05%203.1c-.01.06-.01.11-.01.16v19.05C.83%2022.88%200%2024.33%200%2026.06c0%201.26.47%202.42%201.26%203.15C1.09%2029.77%201%2030.37%201%2031c0%202.53%203.53%202.13%203%208.1-.04.49.34.9.77.9.1%200%20.19-.02.29-.06C8.77%2038.28%2010%2033.45%2010%2031v-.1c0-.59-.1-1.15-.28-1.67.8-.73%201.28-1.92%201.28-3.23zM4.04%203.35C4.19%202.56%204.83%202%205.63%202c.74%200%201.34.53%201.34%201.18l.01%2018.85H4.04V3.35zm-.9%2020.69c.04%200%20.07%200%20.1-.01h4.54c.03.01.06.01.09.01.54.07%201.13.87%201.13%202.02%200%20.77-.3%201.48-.79%201.82-.06.05-.12.08-.19.1h-.01c-.08.04-.15.05-.24.05H3.23c-.09%200-.17-.02-.27-.06h-.01c-.08-.03-.16-.08-.25-.15C2.27%2027.47%202%2026.8%202%2026c0-1.1.59-1.9%201.14-1.96zM8%2031c0%201.34-.52%203.98-2%205.75-.25-2.51-1.32-3.85-2.43-5-.54-.56-.57-.63-.57-.75%200-.34.04-.66.11-.97h.01V30h4.75v.02h.01c.08.27.12.58.12.88v.1z%22/%3E%3Cpath%20d=%22M3.12%2030v.03h4.65c.04%200%20.06%200%20.1-.01V30H3.12z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-website-builder-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M19%2012v24c0%202.1-1.6%203.9-3.5%203.9h-.1c-1.9%200-3.5-1.7-3.5-3.9V12h2v24c0%201%20.7%201.9%201.5%201.9h.1c.8%200%201.5-.8%201.5-1.9V12h2zm6.8-10.9c-1-1-2.4-1.1-4.1-1.1H21c-.2%200-.4.1-.5.1-.1-.1-.3-.1-.5-.1h-9C6%200%202.6%201%201%203-.2%204.5%200%206%200%206.2c.1.3.3.6.5.7.4.1.7.1%201%200%201.1-.5%202.2-.8%203.2-.8C8.1%206.1%2010%209.3%2010%2011c0%20.5.4%201%201%201h9c.2%200%20.4-.1.5-.1.2.1.4.1.5.1%202.6%200%205.9%200%205.9-6%20.1-2.5-.2-4-1.1-4.9zM19%2010h-7.1c-.6-2.7-3.3-5.9-7.3-5.9-.7%200-1.4.1-2.2.3%200%200%20.1-.1.1-.2C3.5%203.2%205.6%202%2011%202h8v8zm6-4c0%203.6-1%203.9-3.3%204l-.6-1.2V3.2l.6-1.2c1.4%200%202.2.1%202.7.5.4.5.6%201.6.6%203.4V6z%22/%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M4.2%2012.9h.7-.7zm0%200h.7-.7z%22/%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M7%2026.1v-9.2c.6-.6%201-1.5%201-2.4V10c0-.6-.4-1-1-1H2c-.6%200-1%20.4-1%201v4.5c0%20.9.4%201.8%201%202.4v9.2c-1.2.7-2%201.8-2%203.1v7.1c0%202%202%203.7%204.5%203.7h.1C7%2040%209%2038.3%209%2036.3v-7.1c0-1.3-.8-2.4-2-3.1zm-3-8.2h1.1v7.6h-1v-7.6zM3%2011h3v3.6c-.3.1-.6.2-1%20.3v1H4v-1c-.3%200-.7-.1-1-.3V11zm4%2025.3c0%201.1-1.1%202-2.5%202-1.3%200-2.5-.9-2.5-2v-7.1c0-1%20.8-1.8%202-2h1c1.1.2%202%201%202%202v7.1zM32.5%202H31c-.6%200-1-.4-1-1s.4-1%201-1h1.5c.6%200%201%20.4%201%201s-.4%201-1%201zM39%203.5c-.6%200-1-.4-1-1V2h-.5c-.6%200-1-.4-1-1s.4-1%201-1H39c.6%200%201%20.4%201%201v1.5c0%20.6-.4%201-1%201zm0%2028.6c-.6%200-1-.4-1-1V28c0-.6.4-1%201-1s1%20.4%201%201v3.2c0%20.5-.4.9-1%20.9zm0-9.5c-.6%200-1-.4-1-1v-3.2c0-.6.4-1%201-1s1%20.4%201%201v3.2c0%20.5-.4%201-1%201zm0-9.6c-.6%200-1-.4-1-1V8.9c0-.6.4-1%201-1s1%20.4%201%201V12c0%20.6-.4%201-1%201zm0%2027h-1.5c-.6%200-1-.4-1-1s.4-1%201-1h.5v-.5c0-.6.4-1%201-1s1%20.4%201%201V39c0%20.6-.4%201-1%201zm-6.7%200h-2.6c-.6%200-1-.4-1-1s.4-1%201-1h2.6c.6%200%201%20.4%201%201s-.4%201-1%201zm-7.8%200H23c-.6%200-1-.4-1-1s.4-1%201-1h1.5c.6%200%201%20.4%201%201s-.4%201-1%201zM35%2027c0%20.5-.6%201-1.3%201H22.3c-.7%200-1.3-.5-1.3-1s.6-1%201.3-1h11.5c.6%200%201.2.5%201.2%201zm0-4c0%20.5-.6%201-1.3%201H22.3c-.7%200-1.3-.5-1.3-1s.6-1%201.3-1h11.5c.6%200%201.2.5%201.2%201zm0%208c0%20.5-.6%201-1.3%201H22.3c-.7%200-1.3-.5-1.3-1s.6-1%201.3-1h11.5c.6%200%201.2.5%201.2%201z%22/%3E%3Ccircle%20fill=%22%23368aa9%22%20cx=%2222.5%22%20cy=%2218.5%22%20r=%221.5%22/%3E%3Ccircle%20fill=%22%23368aa9%22%20cx=%2226.5%22%20cy=%2218.5%22%20r=%221.5%22/%3E%3Ccircle%20fill=%22%23368aa9%22%20cx=%2230.5%22%20cy=%2218.5%22%20r=%221.5%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-expand-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23000%22%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20fill=%22%23000%22%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-expand-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M4%2020.4h35.8v4.3H4z%22/%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M19.7%204.7H24v35.8h-4.3z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-collapse-black {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23000%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23000%22%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

.icon-collapse-blue {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23368aa9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23368aa9%22%20d=%22M4%2021.4h35.8v4.3H4z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; }

body {
  color: #444; }

main {
  font-size: 0.9375em; }

.section-heading__subhead {
  color: #767676;
  font-size: 1.25em; }

.sub-page-block {
  padding-top: 1.875em; }

.grid-item--spacer {
  margin-bottom: 15px; }

#content {
  margin-top: 15px; }
  #content .section-heading {
    text-align: left; }
  #content .heading--1 {
    font-size: 2.25em; }

.body-link, main p > a, .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button),
main p > a,
.marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-nav__button) {
  color: #368aa9;
  background-image: none; }
  .body-link:hover, main p > a:hover, .marketing-markdown a:hover:not(.marketing-button):not(.marketing-nav__button), .body-link:focus, main p > a:focus, .marketing-markdown a:focus:not(.marketing-button):not(.marketing-nav__button),
  main p > a:hover,
  main p > a:focus,
  .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-nav__button):hover,
  .marketing-markdown a:not(.marketing-button):not(.marketing-nav__button):not(.marketing-nav__button):focus {
    background-image: -webkit-linear-gradient(bottom, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
    background-image: linear-gradient(to top, transparent, transparent 0.0625em, currentColor 0.0625em, currentColor 0.125em, transparent 0.125em);
    background-position: 0 -0.125em; }

.section-heading__flair::before {
  background-color: #368aa9; }

/*================ marketing_assets tweaks ================*/
.breadcrumbs {
  padding-top: 15px; }

@media screen and (min-width: 46.875em) {
  .marketing-bullet--link,
  .marketing-block--link {
    padding: 15px; }
    .marketing-bullet--link:hover, .marketing-bullet--link:focus,
    .marketing-block--link:hover,
    .marketing-block--link:focus {
      background: #f9fafa; } }
@media screen and (max-width: 61.8125em) {
  .marketing-bullet--link,
  .marketing-block--link {
    padding: 10px; } }

/*================ Page header search ================*/
.page-header--search {
  position: relative;
  background: url("/National_Library/20161130034600oe_/https://help.shopify.com/assets/images/search-header.jpg") center center no-repeat;
  background-size: cover; }
  .page-header--search .header-search__content {
    position: relative;
    z-index: 1; }
  .page-header--search .home-desk-illustration {
    position: absolute;
    bottom: -2px;
    width: 1440px;
    left: 50%;
    margin-left: -720px; }
    .page-header--search .home-desk-illustration svg {
      display: block; }
  .page-header--search label {
    color: #30373b; }

.page-header--404 {
  height: 100vh;
  padding-top: 7.5em;
  background: #30373b;
  line-height: 1.8; }
  .page-header--404 a {
    color: #4ca5c6; }

.page--has-transparent-nav--primary .home-page-header {
  padding-top: 7.5em; }

.sub-page-header {
  border: 0;
  border-bottom: 1px solid #e5e5e5; }
  .page--has-breadcrumbs .sub-page-header {
    /* padding: em($gutter) 0; */ }
  .sub-page-header .marketing-input-wrapper {
    margin-bottom: 0;
    margin-top: 5px; }
  @media screen and (max-width: 61.8125em) {
    .sub-page-header .search-form-wrapper {
      width: 100%;
      margin-left: 0; } }

.section-illustration {
  text-align: left;
  width: 158px;
  height: 64px; }
  .page-block--announcement .section-illustration {
    margin: 0 auto; }
  .home-sections .section-illustration {
    margin: 0 auto;
    margin-bottom: 10px; }

.search-form {
  margin-top: 0;
  margin-bottom: 0; }
  .search-form .search-form__submit {
    z-index: 1;
    right: 20px;
    left: auto;
    top: 50%;
    margin-top: -8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M15.552%2013.62L11.27%209.333c.585-.936.925-2.046.925-3.23C12.195%202.73%209.465%200%206.098%200%202.73%200%200%202.732%200%206.103c0%203.37%202.73%206.1%206.098%206.1%201.19%200%202.304-.343%203.244-.935l4.28%204.283c.295.3.68.45%201.063.45h.005c.333%200%20.674-.12.93-.374.258-.26.38-.6.38-.94%200-.382-.154-.768-.448-1.063zM9.498%206.102c-.003%201.874-1.526%203.4-3.4%203.402C4.224%209.5%202.7%207.976%202.698%206.102c.003-1.875%201.526-3.4%203.4-3.404%201.874.003%203.397%201.528%203.4%203.403z%22/%3E%3C/svg%3E'); }
  .search-form .search-field {
    padding-right: 45px; }
  @media screen and (max-width: 61.8125em) {
    .search-form {
      width: 100%; }
      .search-form .marketing-input-wrapper {
        margin: 0; } }

@media screen and (max-width: 61.8125em) {
  .page-header--search .search-field {
    margin-top: 30px;
    border: 0; } }

/*================ Home pages ================*/
.home .manual-section:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  margin-bottom: 30px; }
.home .manual-topic {
  padding-bottom: 0.625em;
  /* float: left; */
  width: 100%;
  display: block; }
  @media screen and (min-width: 46.875em) {
    .home .manual-topic {
      padding: 1.25em; }
      .home .manual-topic:hover {
        background: #f9fafa; } }
.home .marketing-bullet {
  margin-bottom: 0; }
.home .section-heading {
  margin-bottom: 2.8125em; }
.home .section-link:hover .marketing-button, .home .section-link:hover .marketing-nav__button {
  display: inline-block;
  background: #2a6a82; }
.home .section-icon,
.home .section-description {
  margin: 15px; }
.home .topic-icon {
  margin-bottom: 15px; }
.home .marketing-button, .home .marketing-nav__button {
  background: #368aa9; }
  .home .marketing-button:hover, .home .marketing-nav__button:hover {
    background: #2a6a82; }

.home-content-unit {
  margin-bottom: 30px;
  text-align: center; }
  .home-content-unit .grid-item-bordered {
    padding: 30px; }
  .home-content-unit h3 {
    margin-bottom: 30px; }

.home-section-listing {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5; }
  @media screen and (max-width: 46.8125em) {
    .home-section-listing .section-illustration {
      display: none; } }
  .home-section-listing:last-of-type {
    border-bottom: 0; }

.home-cta-button {
  margin-top: 15px; }

.marketing-block__content h3 a {
  color: #4ca5c6;
  border-bottom: 0; }
  .marketing-block__content h3 a:hover, .marketing-block__content h3 a:focus {
    text-decoration: underline; }

/*================ Home page resources================*/
.developer-resources {
  background: #f9fafa; }

/*================ Section/Topic headings ================*/
.topic-section-heading {
  text-align: left; }
  .topic-section-heading h1 {
    margin-bottom: 0.3125em; }

.sub-section-topic {
  margin-bottom: 1.875em;
  padding-bottom: 1.875em;
  border-bottom: 1px solid #e5e5e5; }
  @media screen and (max-width: 61.8125em) {
    .sub-section-topic {
      text-align: left; } }
  .sub-section-topic h3 {
    margin-bottom: 0.3125em;
    line-height: 1.5em; }
  .sub-section-topic:last-child {
    border-bottom: 0;
    margin-bottom: 0; }

.sub-section__heading {
  line-height: 40px; }
  .sub-section__heading .icon {
    display: block;
    margin-bottom: 0;
    float: left;
    margin-right: 0.9375em;
    background-repeat: no-repeat; }

.sub-section-item {
  margin-bottom: 1.25em; }
  .sub-section-item h4 {
    margin-bottom: 0.3125em; }

/*================ Section listings ================*/
.section-listing button {
  width: 100%;
  background: #368aa9; }
  .section-listing button:hover {
    background: #2a6a82; }

/*================================= Markdown =================================*/
.marketing-markdown h3 {
  margin-top: 2.5em; }
.marketing-markdown h4 {
  font-size: 1em; }

/*================ Article ================*/
.article h1 {
  line-height: normal; }
.article.marketing-markdown {
  margin-top: 0;
  padding-bottom: 0; }
  .article.marketing-markdown h2 {
    padding-top: 45px;
    margin-top: 45px;
    border-top: 1px solid #e5e5e5;
    font-weight: 400; }
  .article.marketing-markdown h3 {
    margin-bottom: 1em; }
.article .img-wrapper {
  background: #f9fafa;
  padding: 1.875em;
  margin: 1.875em 0;
  text-align: center; }
  .article .img-wrapper img {
    margin: 0; }
.article table {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-spacing: 0;
  margin: 1.875em 0;
  width: 100%; }
  .article table th {
    background: #f9fafa;
    text-align: left; }
  .article table td,
  .article table th {
    padding: 15px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top; }

/*================ Table of contents ================*/
.toc li {
  margin: 10px 0; }
.toc ul ul {
  border-left: 1px solid #e5e5e5;
  padding-left: 10px;
  list-style-type: none; }

.toc--section {
  padding: 15px;
  margin-bottom: 15px;
  background: #f9fafa; }
  .toc--section ul {
    margin-top: 15px; }

/*================ Responsive video ================*/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 30px 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0; }

/*================ Article notes ================*/
.note {
  padding: 1.875em;
  border-left: 3px solid #8A8A8A;
  margin: 1.875em 0;
  background: #f9f9f9; }
  .note h4 {
    margin-top: 0;
    color: #8A8A8A;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left center;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2033.8%2039.5%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%238A8A8A%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%238A8A8A%22%3E%3Cpath%20d=%22M13.3%2034.6c.2.1.4.2.7.4-.3-.1-.5-.2-.7-.4z%22/%3E%3Cpath%20d=%22M33%208c.7-1.2%201-2.6.6-4-.3-1.4-1.2-2.5-2.4-3.2-.7-.5-1.7-.8-2.6-.8-1.8%200-3.5.9-4.5%202.5-.8%201.3-1%202.8-.6%204.2-.7-.2-1.4-.3-2.2-.4-4.3-.4-8.6%201.4-11.3%204.9%200%200%200%20.1-.1.1-.3.3-.5.7-.7%201.1-.3.6-.6%201.1-.8%201.6-.8%201.8-2.1%203.2-3.9%204-1.6.7-2%20.7-2.1.7-.8.1-1.5.5-2%201.2-.4.7-.5%201.5-.2%202.3C1.3%2024.7%203%2026.9%205.3%2029l1.8%201.5c-.3.3-.5.6-.8%201-1.5%202.5-.7%205.7%201.7%207.2.8.5%201.8.8%202.7.8%201.8%200%203.5-.9%204.5-2.5.2-.3.4-.7.5-1.1.5.2%201%20.5%201.5.6%202.8%201.1%205.4%201.7%208%201.7h1.2c.8%200%201.5-.5%201.9-1.2.4-.7.5-1.6.2-2.3%200-.1-.2-.5-.3-2.2-.1-1.9.5-3.7%201.7-5.1l.1-.2c.4-.5.7-.9%201-1.4l.6-1.2v-.1c2-4.2%201.5-9.1-1.2-12.9-.3-.4-.6-.8-1-1.2C31%2010.1%2032.2%209.3%2033%208zM13.6%2036c-.6%201-1.6%201.5-2.8%201.5-.6%200-1.2-.2-1.7-.5-1.5-.9-2-2.9-1.1-4.5.2-.3.4-.6.7-.8.8.6%201.6%201.1%202.6%201.7.7.4%201.4.8%202%201.2.2.1.4.2.7.3-.1.4-.2.8-.4%201.1zm16.3-12.3c-.2.4-.3.7-.5%201-.2.4-.5.8-.9%201.2l-.1.1c-1%201.2-1.7%202.7-2%204.2-.1%200-.1.1-.2.1-1.6.4-11-2.6-16.2-8.9-.3-.4-1-.5-1.4-.1-.4.3-.5%201-.1%201.4%205%206.1%2014%209.7%2017.5%209.7h.3v.1c.1%201.9.3%202.6.5%202.9.1.2%200%20.4%200%20.5%200%20.1-.2.2-.4.2-2.7.2-5.3-.3-8.3-1.5-.8-.3-1.6-.7-2.5-1.1-1-.5-2.1-1.1-3.2-1.8s-2.1-1.3-3-2c-.9-.7-1.8-1.4-2.7-2.2-2.1-1.9-3.6-4-4.6-6.2-.1-.2%200-.4%200-.4%200-.1.2-.2.4-.2s.8-.1%202.8-.9c2.2-1%204-2.8%205-5%20.2-.4.4-.8.7-1.3.2-.3.4-.5.6-.8%200%200%200-.1.1-.1%202.2-2.9%205.9-4.5%209.6-4.1%201.6.2%203.2.7%204.6%201.6%201.2.8%202.3%201.7%203.1%202.9%202.2%203%202.6%207.1.9%2010.7zM31.3%207c-.6%201-1.6%201.5-2.8%201.5-.6%200-1.2-.2-1.7-.5-1.5-.9-2-2.9-1.1-4.5.6-1%201.6-1.5%202.8-1.5.6%200%201.2.2%201.7.5.7.5%201.3%201.2%201.5%202%20.2.8.1%201.7-.4%202.5z%22/%3E%3Cpath%20d=%22M22.8%2011.3c-.2.5-.7.8-1.2.7-.1%200-4.2-.7-8.8%208.5-.1.3-.5.5-.8.5-.2%200-.3%200-.4-.1-.5-.2-.7-.9-.5-1.3%205.5-10.9%2010.8-9.6%2011-9.5.6.1.9.7.7%201.2z%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note p,
  .note ul {
    margin-bottom: 0.9375em; }
    .note p:last-child,
    .note ul:last-child {
      margin-bottom: 0; }
  .note li {
    margin-bottom: 5px; }
  .note.note-caution {
    border-color: #E78F38;
    background: #fef9f5; }
    .note.note-caution h4 {
      color: #E78F38;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2039.979%2035.319%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23E78F38%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23E78F38%22%3E%3Cpath%20d=%22M37.353%2035.32H2.626c-.948%200-1.797-.49-2.27-1.312-.475-.82-.475-1.8%200-2.622L17.718%201.31C18.192.49%2019.04%200%2019.99%200s1.797.49%202.27%201.31l17.365%2030.076c.474.82.474%201.802%200%202.623s-1.324%201.31-2.272%201.31zM19.99%202c-.108%200-.377.03-.54.31L2.09%2032.387c-.162.28-.054.528%200%20.622.054.09.215.31.54.31h34.726c.324%200%20.484-.22.54-.31.053-.097.16-.34%200-.626L20.526%202.31c-.16-.28-.43-.31-.537-.31z%22/%3E%3Ccircle%20cx=%2219.992%22%20cy=%2229.319%22%20r=%221.75%22/%3E%3Cpath%20d=%22M20%2025.32c-.552%200-1-.45-1-1v-15c0-.553.448-1%201-1s1%20.447%201%201v15c0%20.55-.448%201-1%201z%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note.note-question {
    border-color: #64a02c;
    background: #f9fcf5; }
    .note.note-question h4 {
      color: #64a02c;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2364a02c%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%2364a02c%22%3E%3Cpath%20d=%22M20%2040C8.972%2040%200%2031.028%200%2020S8.972%200%2020%200s20%208.972%2020%2020-8.972%2020-20%2020zm0-38C10.075%202%202%2010.075%202%2020s8.075%2018%2018%2018%2018-8.075%2018-18S29.925%202%2020%202z%22/%3E%3Cpath%20d=%22M20%2028c-.552%200-1-.448-1-1v-3c0-1.47%201.55-3.113%202.37-3.777C22.643%2019.193%2024%2017.543%2024%2016c0-2.654-1.346-4-4-4-1.524%200-2.572.39-3.4%201.265-.897.95-1.5%202.696-.705%204.288.247.494.047%201.095-.447%201.342-.494.25-1.095.046-1.342-.447-1.226-2.453-.32-5.118%201.042-6.557C16.35%2010.62%2017.938%2010%2020%2010c3.757%200%206%202.243%206%206%200%202.75-2.357%204.957-3.37%205.777C21.806%2022.443%2021%2023.544%2021%2024v3c0%20.552-.448%201-1%201z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2231%22%20r=%221.75%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note.note-information {
    border-color: #479CCF;
    background: #f6fafd; }
    .note.note-information h4 {
      color: #479CCF;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23479CCF%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23479CCF%22%3E%3Cpath%20d=%22M20%2040C8.972%2040%200%2031.028%200%2020S8.972%200%2020%200s20%208.972%2020%2020-8.972%2020-20%2020zm0-38C10.075%202%202%2010.075%202%2020s8.075%2018%2018%2018%2018-8.075%2018-18S29.925%202%2020%202z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2211%22%20r=%221.75%22/%3E%3Cpath%20d=%22M20%2032c-.552%200-1-.448-1-1V16c0-.552.448-1%201-1s1%20.448%201%201v15c0%20.552-.448%201-1%201z%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note.note-plus {
    border-color: #C39E47;
    background: #f9f5eb; }
    .note.note-plus h4 {
      color: #C39E47;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23C39E47%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23C39E47%22%3E%3Cpath%20d=%22M20%2040C8.972%2040%200%2031.028%200%2020S8.972%200%2020%200s20%208.972%2020%2020-8.972%2020-20%2020zm0-38C10.075%202%202%2010.075%202%2020s8.075%2018%2018%2018%2018-8.075%2018-18S29.925%202%2020%202z%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2211%22%20r=%221.75%22/%3E%3Cpath%20d=%22M20%2032c-.552%200-1-.448-1-1V16c0-.552.448-1%201-1s1%20.448%201%201v15c0%20.552-.448%201-1%201z%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note.note-growth {
    border-color: #64a02c;
    background: #f9fcf5; }
    .note.note-growth h4 {
      color: #64a02c;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%2364a02c%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%2364a02c%22%20d=%22M3%2014c-.263%200-.518-.104-.707-.293l-2-2c-.39-.39-.39-1.023%200-1.414s1.023-.39%201.414%200l1.02%201.02%202.378-4.76c.145-.288.417-.49.735-.54.314-.05.64.053.867.28L8.78%208.367l3.352-5.863c.183-.32.517-.524.896-.503.37.01.702.227.867.556l2%204c.247.494.047%201.095-.447%201.342-.493.247-1.094.047-1.342-.447l-1.164-2.33L9.87%2010.5c-.158.27-.43.454-.74.495-.306.044-.62-.063-.84-.283L6.27%208.69l-2.38%204.76c-.142.285-.415.486-.732.54-.053.01-.107.01-.16.01z%22/%3E%3C/svg%3E'); }
  .note.note-unicorn {
    border-color: #262673;
    background: #e6e6ff; }
    .note.note-unicorn h4 {
      color: #262673;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2038.292%2040.002%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23262673%20!important;%20%7D%3C/style%3E%3Cg%20fill=%22%23262673%22%3E%3Cpath%20d=%22M26.92%204.012l-7.08%203.8-.91-2.43.19-.38%206.95-2.8c.5-.19%201.06.03%201.28.51.23.48.04%201.05-.43%201.3zm-.64%2027.43l-2.48%207.86c-.13.42-.51.7-.95.7h-1.99c-.3%200-.58-.13-.77-.36-.19-.23-.27-.53-.22-.82l1.41-7.5-2.15-3.78h-2.58l.11-2h3.05c.36%200%20.69.2.87.51l2.62%204.6c.12.2.16.44.11.68l-1.25%206.67h.06l2.12-6.76c-.49-1.01-1.33-3.07-.67-4.44.14-.28.33-.51.56-.69l1.21%201.62c-.13.39.2%201.74.86%202.93.13.24.16.52.08.78z%22/%3E%3Cpath%20d=%22M32.64%2030.322l-2.86%208.98c-.13.42-.52.7-.95.7h-2c-.29%200-.57-.13-.76-.35-.19-.23-.27-.52-.22-.81l1.41-8.56-1.92-2.55-1.21-1.62-.8-1.06h-6.64l-.03.49-.11%202-.67%2011.52c-.03.53-.47.94-1%20.94h-1.99c-.52%200-.95-.39-1-.9l-1.22-11.92-.24-2.3-.07-.67c-1.72-1.37-2.77-3.96-2.89-4.28-.2-.51.06-1.09.57-1.29.51-.2%201.09.05%201.29.57.3.75%201.31%202.85%202.51%203.6.26.17.43.44.46.75l1.49%2014.44h.15l.81-14c.03-.53.47-.95%201-.95h8.08c.31%200%20.61.15.79.4l4.5%205.97c.16.22.23.49.18.76l-1.29%207.82h.09l2.48-7.8c-.84-1.23-2.79-4.73-.91-8.49.88-1.76.57-3.91-.76-5.35-1.74-1.87-4.68-2.15-8.07-.76-5.01%202.05-7.19.99-8.13-.26-1.08-1.42-.73-3.37.14-4.49.02-.03.05-.06.07-.08.09.13.21.24.36.31l1.53.77c-.13-.04-.28.11-.38.24-.41.51-.56%201.48-.13%202.04.27.36%201.48%201.38%205.78-.38%202.98-1.22%205.8-1.32%208.01-.36.63.27%201.21.63%201.72%201.07.11.09.22.19.32.3.09.07.17.15.25.24.38.42.71.87.96%201.36.39.7.64%201.45.74%202.23-1.91%202.25-2.38%204.69-1.24%206.6l.06.09c.1%202.29%201.54%204.08%201.56%204.1.21.27.28.62.18.94zm-23.62.12l-.71%201.51c-.17.36-.52.58-.9.58-.09%200-.19-.02-.28-.04l-3.49-1c-.33-.09-.6-.36-.69-.7L.03%2019.802c-.08-.33%200-.68.24-.94.23-.25.57-.37.91-.3l3.35.61c.14.71.33%201.42.57%202.12-.05%200-.11-.01-.16-.02l-2.57-.46%202.37%208.92%201.71.48-.54-.31c-.24-.14-.41-.36-.47-.63l-1.3-5.38c-.07-.32.02-.67.24-.91.23-.25.57-.36.9-.31l.35.06c.15.34.3.67.46%201%20.06.12.51.66%201.2%201.3-.03%200-.06%200-.09-.01l-.76-.13.84%203.5%201.33.76c.45.26.62.82.41%201.29z%22/%3E%3Cpath%20d=%22M38.29%2022.962c-.12%202.24-1.21%203.82-2.93%204.24-.28.07-.57.11-.87.11-1.39%200-2.8-.77-3.59-2.03l-.06-.09c-1.14-1.91-.67-4.35%201.24-6.6.07-.09.14-.17.22-.26.73-.81.81-1.51.65-1.87-.18-.4-.64-.46-.91-.46-.21%200-.48.18-.7.36-.25-.49-.58-.94-.96-1.36-.08-.09-.16-.17-.25-.24.51-.41%201.18-.76%201.91-.76%201.26%200%202.28.61%202.74%201.64.54%201.24.17%202.74-.99%204.03-1.5%201.66-1.95%203.29-1.23%204.5.49.83%201.49%201.3%202.33%201.09.51-.12.89-.49%201.13-1.07-.11.02-.23.04-.35.07-.9.27-1.79.02-2.28-.65-.5-.67-.76-1.95.84-4.19%201.7-2.38%202.21-4.34%201.44-5.51-.79-1.19-2.69-1.49-3.77-1.25-1.04.23-1.73.82-2.09%201.8-.51-.44-1.09-.8-1.72-1.07.86-1.85%202.43-2.47%203.38-2.68%201.92-.43%204.64.24%205.86%202.1.9%201.35%201.37%203.79-1.47%207.77-.74%201.03-.84%201.58-.85%201.78.03%200%20.06-.01.1-.02.04-.02.09-.03.14-.04.67-.12%201.47-.28%201.7-.33.16-.06.35-.08.53-.04.49.09.84.53.81%201.03zM20.6%2012.172l-1.87%201.12c-.3.18-.66.19-.96.04l-2.94-1.48c-.01%200-.01-.01-.02%200l-1.53-.77c-.15-.07-.27-.18-.36-.31-.09-.11-.15-.24-.18-.39l-.37-1.87c-.11-.54.24-1.07.78-1.17.55-.12%201.07.24%201.18.78l.28%201.39%203.56%201.78.69-.41-1.96-5.21c-.1-.26-.08-.55.04-.79l.14-.27c-4.5-.5-6.89%201.17-8.64%202.92-2.56%202.56-3.42%209.42-.6%2015.22.32.37%201.36%201.44%202.59%202.13l.24%202.3c-1.32-.46-2.54-1.38-3.38-2.15-.69-.64-1.14-1.18-1.2-1.3-.16-.33-.31-.66-.46-1-.2-.47-.38-.95-.53-1.44-.24-.7-.43-1.41-.57-2.12-.12-.52-.21-1.04-.27-1.55-.14-1.07-.19-2.12-.16-3.14.12-3.55%201.23-6.67%202.93-8.37%201.8-1.8%204.4-3.72%208.94-3.58.63.02%201.3.07%202%20.18.26.04.53.08.8.13.31.06.57.26.71.54s.14.61%200%20.89l-.36.73-.19.38.91%202.43%201.18%203.15c.17.45-.01.96-.42%201.21z%22/%3E%3Cpath%20d=%22M17.97%202.712c-.7-.11-1.37-.16-2-.18.01-.05%200-.09-.02-.12-.05-.09-.27-.22-.71-.28-2.27-.32-3.34-.02-5.1.49-.33.09-.68.19-1.06.29.01.01.01.03.01.05.05.26-.01.54-.17.76-.2.27-1.71%202.26-3.63%202.59-.12%201.2-.46%203.15-1.78%204.11-1.26.92-1.62%202.29-1.07%204.16.44-.18.97-.28%201.53-.14.05.01.09.02.13.04-.03%201.02.02%202.07.16%203.14-.07-.08-.12-.19-.16-.3-.21-.63-.46-.9-.6-.93-.21-.06-.66.2-.88.41-.24.23-.57.33-.89.26s-.59-.28-.72-.58c-1.91-4.45.01-6.72%201.32-7.68.56-.41.9-1.5%201.02-3.26.01-.25.04-.42.05-.47.14-.51.64-.83%201.16-.73.63.12%201.44-.43%202.04-1.01l-.17-.12c-.33-.22-.5-.62-.42-1.02.07-.4.38-.71.77-.79%201.14-.23%202.03-.48%202.81-.71%201.88-.53%203.24-.92%205.92-.54%201.52.21%202.11.99%202.33%201.61.12.32.15.65.13.95z%22/%3E%3C/g%3E%3C/svg%3E'); }
  .note.note-app {
    padding: 0;
    border-left: 0; }
    @media screen and (min-width: 46.875em) {
      .note.note-app p {
        line-height: 40px; } }
    .note.note-app img {
      height: 40px;
      border-radius: 3px;
      margin: 0 10px 0 0;
      float: left; }
  .note.note-admin {
    background: #f9fafa;
    border-left: 3px solid #8A8A8A;
    padding: 1.25em; }

/*================ Article feedback form ================*/
.feedback-form {
  border: 1px solid #e5e5e5;
  padding: 1.875em;
  background: #f9fafa;
  margin-top: 2.8125em; }
  @media screen and (max-width: 46.8125em) {
    .feedback-form {
      text-align: center; } }
  .feedback-form .author-picture {
    border: 1px solid #e5e5e5;
    border-radius: 50%; }

.feedback-buttons {
  margin-bottom: 0; }
  .feedback-buttons > span {
    margin-right: 0.9375em; }
    @media screen and (max-width: 46.8125em) {
      .feedback-buttons > span {
        display: block;
        margin: 0 0 0.9375em 0; } }
  .feedback-buttons .feedback-buttons-yes:hover {
    background: #619945; }
  .feedback-buttons .feedback-buttons-no {
    margin-left: 0.625em;
    background: #c23628; }
    .feedback-buttons .feedback-buttons-no:hover {
      background: #982a1f; }

.feedback-details {
  display: none;
  margin-top: 1.875em; }
  .feedback-details select {
    background: #fff; }
  .feedback-details .marketing-textarea {
    margin-bottom: 0; }

/*================ Contact module ================*/
.contact-card {
  padding-top: 3.75em;
  text-align: center; }

.contact-card__item {
  padding: 3.125em 1.875em; }

/*================ CTAS ================*/
.is-current-user .hide-if-user {
  display: none; }

.home-link {
  margin-top: 15px; }

@media screen {
  .print-date {
    display: none; } }
/*================ Modal form ================*/
.redesign-feedback-form {
  display: none; }

/*================ Branching template ================*/
.branching {
  border-top: 1px solid #e5e5e5;
  padding-top: 0.9375em;
  margin-bottom: -1.875em;
  text-align: center; }
  .branching button:focus {
    outline: 0; }
  .branching .marketing-button, .branching .marketing-nav__button {
    background: #368aa9; }
    @media screen and (max-width: 46.8125em) {
      .branching .marketing-button, .branching .marketing-nav__button {
        width: 100%;
        margin-top: 0.5em; } }
    .branching .marketing-button:hover, .branching .marketing-nav__button:hover {
      background: #2a6a82; }
  .branching .selected-device {
    background: #2a6a82; }

.showiphone,
.showandroid {
  display: none; }

.hidden-content {
  display: none; }

.accordion-header-link {
  cursor: pointer; }
  .accordion-header-link svg {
    width: 0.9375em;
    height: 0.9375em; }
    .accordion-header-link svg path {
      fill: #000; }
  .accordion-header-link:hover {
    color: #368aa9;
    text-decoration: underline; }
    .accordion-header-link:hover svg path {
      fill: #368aa9; }

.accordion-content-div {
  overflow: hidden;
  display: none;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }