/****************/
/* CSS @imports */
/****************/
/* Dependencies */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
	display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

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

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

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

/**
* Remove the gray background on active links in IE 10.
*/

a {
	background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

/**
* Remove the border on images inside links in IE 10.
*/

img {
	border-style: none;
}

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

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
	overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
	vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
	overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

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

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

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

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

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

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
	display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
	display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
	display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
	display: none;
}

/* Grid */
/*! TACHYONS v4.11.1 | http://tachyons.io */
.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}img{max-width:100%}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.fl{float:left}.fl,.fr{_display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.avenir{font-family:avenir next,avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}.na1{margin:-.25rem}.na2{margin:-.5rem}.na3{margin:-1rem}.na4{margin:-2rem}.na5{margin:-4rem}.na6{margin:-8rem}.na7{margin:-16rem}.nl1{margin-left:-.25rem}.nl2{margin-left:-.5rem}.nl3{margin-left:-1rem}.nl4{margin-left:-2rem}.nl5{margin-left:-4rem}.nl6{margin-left:-8rem}.nl7{margin-left:-16rem}.nr1{margin-right:-.25rem}.nr2{margin-right:-.5rem}.nr3{margin-right:-1rem}.nr4{margin-right:-2rem}.nr5{margin-right:-4rem}.nr6{margin-right:-8rem}.nr7{margin-right:-16rem}.nb1{margin-bottom:-.25rem}.nb2{margin-bottom:-.5rem}.nb3{margin-bottom:-1rem}.nb4{margin-bottom:-2rem}.nb5{margin-bottom:-4rem}.nb6{margin-bottom:-8rem}.nb7{margin-bottom:-16rem}.nt1{margin-top:-.25rem}.nt2{margin-top:-.5rem}.nt3{margin-top:-1rem}.nt4{margin-top:-2rem}.nt5{margin-top:-4rem}.nt6{margin-top:-8rem}.nt7{margin-top:-16rem}.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:#aaa}.striped--moon-gray:nth-child(odd){background-color:#ccc}.striped--light-gray:nth-child(odd){background-color:#eee}.striped--near-white:nth-child(odd){background-color:#f4f4f4}.stripe-light:nth-child(odd){background-color:hsla(0,0%,100%,.1)}.stripe-dark:nth-child(odd){background-color:rgba(0,0,0,.1)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover,.shadow-hover{cursor:pointer}.shadow-hover{position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.bg-animate,.bg-animate:focus,.bg-animate:hover{transition:background-color .15s ease-in-out}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.25}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0}@media screen and (min-width:320px){.aspect-ratio-ns{height:0;position:relative}.aspect-ratio--16x9-ns{padding-bottom:56.25%}.aspect-ratio--9x16-ns{padding-bottom:177.77%}.aspect-ratio--4x3-ns{padding-bottom:75%}.aspect-ratio--3x4-ns{padding-bottom:133.33%}.aspect-ratio--6x4-ns{padding-bottom:66.6%}.aspect-ratio--4x6-ns{padding-bottom:150%}.aspect-ratio--8x5-ns{padding-bottom:62.5%}.aspect-ratio--5x8-ns{padding-bottom:160%}.aspect-ratio--7x5-ns{padding-bottom:71.42%}.aspect-ratio--5x7-ns{padding-bottom:140%}.aspect-ratio--1x1-ns{padding-bottom:100%}.aspect-ratio--object-ns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-ns{background-size:cover!important}.contain-ns{background-size:contain!important}.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}.outline-ns{outline:1px solid}.outline-transparent-ns{outline:1px solid transparent}.outline-0-ns{outline:0}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.br-pill-ns{border-radius:9999px}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.bt-0-ns{border-top-width:0}.br-0-ns{border-right-width:0}.bb-0-ns{border-bottom-width:0}.bl-0-ns{border-left-width:0}.shadow-1-ns{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-ns{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-ns{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-ns{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-ns{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.dt--fixed-ns{table-layout:fixed;width:100%}.flex-ns{display:flex}.inline-flex-ns{display:inline-flex}.flex-auto-ns{flex:1 1 auto;min-width:0;min-height:0}.flex-none-ns{flex:none}.flex-column-ns{flex-direction:column}.flex-row-ns{flex-direction:row}.flex-wrap-ns{flex-wrap:wrap}.flex-nowrap-ns{flex-wrap:nowrap}.flex-wrap-reverse-ns{flex-wrap:wrap-reverse}.flex-column-reverse-ns{flex-direction:column-reverse}.flex-row-reverse-ns{flex-direction:row-reverse}.items-start-ns{align-items:flex-start}.items-end-ns{align-items:flex-end}.items-center-ns{align-items:center}.items-baseline-ns{align-items:baseline}.items-stretch-ns{align-items:stretch}.self-start-ns{align-self:flex-start}.self-end-ns{align-self:flex-end}.self-center-ns{align-self:center}.self-baseline-ns{align-self:baseline}.self-stretch-ns{align-self:stretch}.justify-start-ns{justify-content:flex-start}.justify-end-ns{justify-content:flex-end}.justify-center-ns{justify-content:center}.justify-between-ns{justify-content:space-between}.justify-around-ns{justify-content:space-around}.content-start-ns{align-content:flex-start}.content-end-ns{align-content:flex-end}.content-center-ns{align-content:center}.content-between-ns{align-content:space-between}.content-around-ns{align-content:space-around}.content-stretch-ns{align-content:stretch}.order-0-ns{order:0}.order-1-ns{order:1}.order-2-ns{order:2}.order-3-ns{order:3}.order-4-ns{order:4}.order-5-ns{order:5}.order-6-ns{order:6}.order-7-ns{order:7}.order-8-ns{order:8}.order-last-ns{order:99999}.flex-grow-0-ns{flex-grow:0}.flex-grow-1-ns{flex-grow:1}.flex-shrink-0-ns{flex-shrink:0}.flex-shrink-1-ns{flex-shrink:1}.fl-ns{float:left}.fl-ns,.fr-ns{_display:inline}.fr-ns{float:right}.fn-ns{float:none}.i-ns{font-style:italic}.fs-normal-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h1-ns{height:1rem}.h2-ns{height:2rem}.h3-ns{height:4rem}.h4-ns{height:8rem}.h5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.min-h-100-ns{min-height:100%}.vh-25-ns{height:25vh}.vh-50-ns{height:50vh}.vh-75-ns{height:75vh}.vh-100-ns{height:100vh}.min-vh-100-ns{min-height:100vh}.h-auto-ns{height:auto}.h-inherit-ns{height:inherit}.tracked-ns{letter-spacing:.1em}.tracked-tight-ns{letter-spacing:-.05em}.tracked-mega-ns{letter-spacing:.25em}.lh-solid-ns{line-height:1}.lh-title-ns{line-height:1.25}.lh-copy-ns{line-height:1.5}.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-30-ns{width:30%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-70-ns{width:70%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-90-ns{width:90%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.rotate-45-ns{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-ns{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-ns{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-ns{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-ns{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-ns{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-ns{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.ph1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh1-ns{margin-left:.25rem;margin-right:.25rem}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}.na1-ns{margin:-.25rem}.na2-ns{margin:-.5rem}.na3-ns{margin:-1rem}.na4-ns{margin:-2rem}.na5-ns{margin:-4rem}.na6-ns{margin:-8rem}.na7-ns{margin:-16rem}.nl1-ns{margin-left:-.25rem}.nl2-ns{margin-left:-.5rem}.nl3-ns{margin-left:-1rem}.nl4-ns{margin-left:-2rem}.nl5-ns{margin-left:-4rem}.nl6-ns{margin-left:-8rem}.nl7-ns{margin-left:-16rem}.nr1-ns{margin-right:-.25rem}.nr2-ns{margin-right:-.5rem}.nr3-ns{margin-right:-1rem}.nr4-ns{margin-right:-2rem}.nr5-ns{margin-right:-4rem}.nr6-ns{margin-right:-8rem}.nr7-ns{margin-right:-16rem}.nb1-ns{margin-bottom:-.25rem}.nb2-ns{margin-bottom:-.5rem}.nb3-ns{margin-bottom:-1rem}.nb4-ns{margin-bottom:-2rem}.nb5-ns{margin-bottom:-4rem}.nb6-ns{margin-bottom:-8rem}.nb7-ns{margin-bottom:-16rem}.nt1-ns{margin-top:-.25rem}.nt2-ns{margin-top:-.5rem}.nt3-ns{margin-top:-1rem}.nt4-ns{margin-top:-2rem}.nt5-ns{margin-top:-4rem}.nt6-ns{margin-top:-8rem}.nt7-ns{margin-top:-16rem}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.tj-ns{text-align:justify}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}.f7-ns{font-size:.75rem}.measure-ns{max-width:30em}.measure-wide-ns{max-width:34em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-ns{font-variant:small-caps}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-ns{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:320px) and (max-width:740px){.aspect-ratio-m{height:0;position:relative}.aspect-ratio--16x9-m{padding-bottom:56.25%}.aspect-ratio--9x16-m{padding-bottom:177.77%}.aspect-ratio--4x3-m{padding-bottom:75%}.aspect-ratio--3x4-m{padding-bottom:133.33%}.aspect-ratio--6x4-m{padding-bottom:66.6%}.aspect-ratio--4x6-m{padding-bottom:150%}.aspect-ratio--8x5-m{padding-bottom:62.5%}.aspect-ratio--5x8-m{padding-bottom:160%}.aspect-ratio--7x5-m{padding-bottom:71.42%}.aspect-ratio--5x7-m{padding-bottom:140%}.aspect-ratio--1x1-m{padding-bottom:100%}.aspect-ratio--object-m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.shadow-1-m{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-m{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-m{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-m{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-m{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}.flex-m{display:flex}.inline-flex-m{display:inline-flex}.flex-auto-m{flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{flex:none}.flex-column-m{flex-direction:column}.flex-row-m{flex-direction:row}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.flex-column-reverse-m{flex-direction:column-reverse}.flex-row-reverse-m{flex-direction:row-reverse}.items-start-m{align-items:flex-start}.items-end-m{align-items:flex-end}.items-center-m{align-items:center}.items-baseline-m{align-items:baseline}.items-stretch-m{align-items:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-start-m{justify-content:flex-start}.justify-end-m{justify-content:flex-end}.justify-center-m{justify-content:center}.justify-between-m{justify-content:space-between}.justify-around-m{justify-content:space-around}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.order-0-m{order:0}.order-1-m{order:1}.order-2-m{order:2}.order-3-m{order:3}.order-4-m{order:4}.order-5-m{order:5}.order-6-m{order:6}.order-7-m{order:7}.order-8-m{order:8}.order-last-m{order:99999}.flex-grow-0-m{flex-grow:0}.flex-grow-1-m{flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.fl-m{float:left}.fl-m,.fr-m{_display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fs-normal-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}.lh-solid-m{line-height:1}.lh-title-m{line-height:1.25}.lh-copy-m{line-height:1.5}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}.na1-m{margin:-.25rem}.na2-m{margin:-.5rem}.na3-m{margin:-1rem}.na4-m{margin:-2rem}.na5-m{margin:-4rem}.na6-m{margin:-8rem}.na7-m{margin:-16rem}.nl1-m{margin-left:-.25rem}.nl2-m{margin-left:-.5rem}.nl3-m{margin-left:-1rem}.nl4-m{margin-left:-2rem}.nl5-m{margin-left:-4rem}.nl6-m{margin-left:-8rem}.nl7-m{margin-left:-16rem}.nr1-m{margin-right:-.25rem}.nr2-m{margin-right:-.5rem}.nr3-m{margin-right:-1rem}.nr4-m{margin-right:-2rem}.nr5-m{margin-right:-4rem}.nr6-m{margin-right:-8rem}.nr7-m{margin-right:-16rem}.nb1-m{margin-bottom:-.25rem}.nb2-m{margin-bottom:-.5rem}.nb3-m{margin-bottom:-1rem}.nb4-m{margin-bottom:-2rem}.nb5-m{margin-bottom:-4rem}.nb6-m{margin-bottom:-8rem}.nb7-m{margin-bottom:-16rem}.nt1-m{margin-top:-.25rem}.nt2-m{margin-top:-.5rem}.nt3-m{margin-top:-1rem}.nt4-m{margin-top:-2rem}.nt5-m{margin-top:-4rem}.nt6-m{margin-top:-8rem}.nt7-m{margin-top:-16rem}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}.measure-m{max-width:30em}.measure-wide-m{max-width:34em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-m{font-variant:small-caps}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:740px){.aspect-ratio-l{height:0;position:relative}.aspect-ratio--16x9-l{padding-bottom:56.25%}.aspect-ratio--9x16-l{padding-bottom:177.77%}.aspect-ratio--4x3-l{padding-bottom:75%}.aspect-ratio--3x4-l{padding-bottom:133.33%}.aspect-ratio--6x4-l{padding-bottom:66.6%}.aspect-ratio--4x6-l{padding-bottom:150%}.aspect-ratio--8x5-l{padding-bottom:62.5%}.aspect-ratio--5x8-l{padding-bottom:160%}.aspect-ratio--7x5-l{padding-bottom:71.42%}.aspect-ratio--5x7-l{padding-bottom:140%}.aspect-ratio--1x1-l{padding-bottom:100%}.aspect-ratio--object-l{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.shadow-1-l{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-l{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-l{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-l{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-l{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}.flex-l{display:flex}.inline-flex-l{display:inline-flex}.flex-auto-l{flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{flex:none}.flex-column-l{flex-direction:column}.flex-row-l{flex-direction:row}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.flex-column-reverse-l{flex-direction:column-reverse}.flex-row-reverse-l{flex-direction:row-reverse}.items-start-l{align-items:flex-start}.items-end-l{align-items:flex-end}.items-center-l{align-items:center}.items-baseline-l{align-items:baseline}.items-stretch-l{align-items:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-start-l{justify-content:flex-start}.justify-end-l{justify-content:flex-end}.justify-center-l{justify-content:center}.justify-between-l{justify-content:space-between}.justify-around-l{justify-content:space-around}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.order-0-l{order:0}.order-1-l{order:1}.order-2-l{order:2}.order-3-l{order:3}.order-4-l{order:4}.order-5-l{order:5}.order-6-l{order:6}.order-7-l{order:7}.order-8-l{order:8}.order-last-l{order:99999}.flex-grow-0-l{flex-grow:0}.flex-grow-1-l{flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.fl-l{float:left}.fl-l,.fr-l{_display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fs-normal-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}.lh-solid-l{line-height:1}.lh-title-l{line-height:1.25}.lh-copy-l{line-height:1.5}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}.na1-l{margin:-.25rem}.na2-l{margin:-.5rem}.na3-l{margin:-1rem}.na4-l{margin:-2rem}.na5-l{margin:-4rem}.na6-l{margin:-8rem}.na7-l{margin:-16rem}.nl1-l{margin-left:-.25rem}.nl2-l{margin-left:-.5rem}.nl3-l{margin-left:-1rem}.nl4-l{margin-left:-2rem}.nl5-l{margin-left:-4rem}.nl6-l{margin-left:-8rem}.nl7-l{margin-left:-16rem}.nr1-l{margin-right:-.25rem}.nr2-l{margin-right:-.5rem}.nr3-l{margin-right:-1rem}.nr4-l{margin-right:-2rem}.nr5-l{margin-right:-4rem}.nr6-l{margin-right:-8rem}.nr7-l{margin-right:-16rem}.nb1-l{margin-bottom:-.25rem}.nb2-l{margin-bottom:-.5rem}.nb3-l{margin-bottom:-1rem}.nb4-l{margin-bottom:-2rem}.nb5-l{margin-bottom:-4rem}.nb6-l{margin-bottom:-8rem}.nb7-l{margin-bottom:-16rem}.nt1-l{margin-top:-.25rem}.nt2-l{margin-top:-.5rem}.nt3-l{margin-top:-1rem}.nt4-l{margin-top:-2rem}.nt5-l{margin-top:-4rem}.nt6-l{margin-top:-8rem}.nt7-l{margin-top:-16rem}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}.measure-l{max-width:30em}.measure-wide-l{max-width:34em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-l{font-variant:small-caps}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}}
@media screen and (min-width: 960px) {
	.aspect-ratio-xl { height: 0; position: relative; }
	.aspect-ratio--16x9-xl { padding-bottom: 56.25%; }
	.aspect-ratio--9x16-xl { padding-bottom: 177.77%; }
	.aspect-ratio--4x3-xl { padding-bottom: 75%; }
	.aspect-ratio--3x4-xl { padding-bottom: 133.33%; }
	.aspect-ratio--6x4-xl { padding-bottom: 66.6%; }
	.aspect-ratio--4x6-xl { padding-bottom: 150%; }
	.aspect-ratio--8x5-xl { padding-bottom: 62.5%; }
	.aspect-ratio--5x8-xl { padding-bottom: 160%; }
	.aspect-ratio--7x5-xl { padding-bottom: 71.42%; }
	.aspect-ratio--5x7-xl { padding-bottom: 140%; }
	.aspect-ratio--1x1-xl { padding-bottom: 100%; }
	.aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
	.cover-xl { background-size: cover !important; }
	.contain-xl { background-size: contain !important; }
	.bg-center-xl { background-repeat: no-repeat; background-position: center center; }
	.bg-top-xl { background-repeat: no-repeat; background-position: top center; }
	.bg-right-xl { background-repeat: no-repeat; background-position: center right; }
	.bg-bottom-xl { background-repeat: no-repeat; background-position: bottom center; }
	.bg-left-xl { background-repeat: no-repeat; background-position: center left; }
	.outline-xl { outline: 1px solid; }
	.outline-transparent-xl { outline: 1px solid transparent; }
	.outline-0-xl { outline: 0; }
	.ba-xl { border-style: solid; border-width: 1px; }
	.bt-xl { border-top-style: solid; border-top-width: 1px; }
	.br-xl { border-right-style: solid; border-right-width: 1px; }
	.bb-xl { border-bottom-style: solid; border-bottom-width: 1px; }
	.bl-xl { border-left-style: solid; border-left-width: 1px; }
	.bn-xl { border-style: none; border-width: 0; }
	.br0-xl { border-radius: 0; }
	.br1-xl { border-radius: .125rem; }
	.br2-xl { border-radius: .25rem; }
	.br3-xl { border-radius: .5rem; }
	.br4-xl { border-radius: 1rem; }
	.br-100-xl { border-radius: 100%; }
	.br-pill-xl { border-radius: 9999px; }
	.br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0; }
	.br--top-xl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.br--right-xl { border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.b--dotted-xl { border-style: dotted; }
	.b--dashed-xl { border-style: dashed; }
	.b--solid-xl { border-style: solid; }
	.b--none-xl { border-style: none; }
	.bw0-xl { border-width: 0; }
	.bw1-xl { border-width: .125rem; }
	.bw2-xl { border-width: .25rem; }
	.bw3-xl { border-width: .5rem; }
	.bw4-xl { border-width: 1rem; }
	.bw5-xl { border-width: 2rem; }
	.bt-0-xl { border-top-width: 0; }
	.br-0-xl { border-right-width: 0; }
	.bb-0-xl { border-bottom-width: 0; }
	.bl-0-xl { border-left-width: 0; }
	.shadow-1-xl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
	.shadow-2-xl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
	.shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
	.shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
	.shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
	.top-0-xl { top: 0; }
	.left-0-xl { left: 0; }
	.right-0-xl { right: 0; }
	.bottom-0-xl { bottom: 0; }
	.top-1-xl { top: 1rem; }
	.left-1-xl { left: 1rem; }
	.right-1-xl { right: 1rem; }
	.bottom-1-xl { bottom: 1rem; }
	.top-2-xl { top: 2rem; }
	.left-2-xl { left: 2rem; }
	.right-2-xl { right: 2rem; }
	.bottom-2-xl { bottom: 2rem; }
	.top--1-xl { top: -1rem; }
	.right--1-xl { right: -1rem; }
	.bottom--1-xl { bottom: -1rem; }
	.left--1-xl { left: -1rem; }
	.top--2-xl { top: -2rem; }
	.right--2-xl { right: -2rem; }
	.bottom--2-xl { bottom: -2rem; }
	.left--2-xl { left: -2rem; }
	.absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0; }
	.cl-xl { clear: left; }
	.cr-xl { clear: right; }
	.cb-xl { clear: both; }
	.cn-xl { clear: none; }
	.dn-xl { display: none; }
	.di-xl { display: inline; }
	.db-xl { display: block; }
	.dib-xl { display: inline-block; }
	.dit-xl { display: inline-table; }
	.dt-xl { display: table; }
	.dtc-xl { display: table-cell; }
	.dt-row-xl { display: table-row; }
	.dt-row-group-xl { display: table-row-group; }
	.dt-column-xl { display: table-column; }
	.dt-column-group-xl { display: table-column-group; }
	.dt--fixed-xl { table-layout: fixed; width: 100%; }
	.flex-xl { display: flex; }
	.inline-flex-xl { display: inline-flex; }
	.flex-auto-xl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
	.flex-none-xl { flex: none; }
	.flex-column-xl { flex-direction: column; }
	.flex-row-xl { flex-direction: row; }
	.flex-wrap-xl { flex-wrap: wrap; }
	.flex-nowrap-xl { flex-wrap: nowrap; }
	.flex-wrap-reverse-xl { flex-wrap: wrap-reverse; }
	.flex-column-reverse-xl { flex-direction: column-reverse; }
	.flex-row-reverse-xl { flex-direction: row-reverse; }
	.items-start-xl { align-items: flex-start; }
	.items-end-xl { align-items: flex-end; }
	.items-center-xl { align-items: center; }
	.items-baseline-xl { align-items: baseline; }
	.items-stretch-xl { align-items: stretch; }
	.self-start-xl { align-self: flex-start; }
	.self-end-xl { align-self: flex-end; }
	.self-center-xl { align-self: center; }
	.self-baseline-xl { align-self: baseline; }
	.self-stretch-xl { align-self: stretch; }
	.justify-start-xl { justify-content: flex-start; }
	.justify-end-xl { justify-content: flex-end; }
	.justify-center-xl { justify-content: center; }
	.justify-between-xl { justify-content: space-between; }
	.justify-around-xl { justify-content: space-around; }
	.content-start-xl { align-content: flex-start; }
	.content-end-xl { align-content: flex-end; }
	.content-center-xl { align-content: center; }
	.content-between-xl { align-content: space-between; }
	.content-around-xl { align-content: space-around; }
	.content-stretch-xl { align-content: stretch; }
	.order-0-xl { order: 0; }
	.order-1-xl { order: 1; }
	.order-2-xl { order: 2; }
	.order-3-xl { order: 3; }
	.order-4-xl { order: 4; }
	.order-5-xl { order: 5; }
	.order-6-xl { order: 6; }
	.order-7-xl { order: 7; }
	.order-8-xl { order: 8; }
	.order-last-xl { order: 99999; }
	.flex-grow-0-xl { flex-grow: 0; }
	.flex-grow-1-xl { flex-grow: 1; }
	.flex-shrink-0-xl { flex-shrink: 0; }
	.flex-shrink-1-xl { flex-shrink: 1; }
	.fl-xl { float: left; _display: inline; }
	.fr-xl { float: right; _display: inline; }
	.fn-xl { float: none; }
	.i-xl { font-style: italic; }
	.fs-normal-xl { font-style: normal; }
	.normal-xl { font-weight: normal; }
	.b-xl { font-weight: bold; }
	.fw1-xl { font-weight: 100; }
	.fw2-xl { font-weight: 200; }
	.fw3-xl { font-weight: 300; }
	.fw4-xl { font-weight: 400; }
	.fw5-xl { font-weight: 500; }
	.fw6-xl { font-weight: 600; }
	.fw7-xl { font-weight: 700; }
	.fw8-xl { font-weight: 800; }
	.fw9-xl { font-weight: 900; }
	.h1-xl { height: 1rem; }
	.h2-xl { height: 2rem; }
	.h3-xl { height: 4rem; }
	.h4-xl { height: 8rem; }
	.h5-xl { height: 16rem; }
	.h-25-xl { height: 25%; }
	.h-50-xl { height: 50%; }
	.h-75-xl { height: 75%; }
	.h-100-xl { height: 100%; }
	.min-h-100-xl { min-height: 100%; }
	.vh-25-xl { height: 25vh; }
	.vh-50-xl { height: 50vh; }
	.vh-75-xl { height: 75vh; }
	.vh-100-xl { height: 100vh; }
	.min-vh-100-xl { min-height: 100vh; }
	.h-auto-xl { height: auto; }
	.h-inherit-xl { height: inherit; }
	.tracked-xl { letter-spacing: .1em; }
	.tracked-tight-xl { letter-spacing: -.05em; }
	.tracked-mega-xl { letter-spacing: .25em; }
	.lh-solid-xl { line-height: 1; }
	.lh-title-xl { line-height: 1.25; }
	.lh-copy-xl { line-height: 1.5; }
	.mw-100-xl { max-width: 100%; }
	.mw1-xl { max-width: 1rem; }
	.mw2-xl { max-width: 2rem; }
	.mw3-xl { max-width: 4rem; }
	.mw4-xl { max-width: 8rem; }
	.mw5-xl { max-width: 16rem; }
	.mw6-xl { max-width: 32rem; }
	.mw7-xl { max-width: 48rem; }
	.mw8-xl { max-width: 64rem; }
	.mw9-xl { max-width: 96rem; }
	.mw-none-xl { max-width: none; }
	.w1-xl { width: 1rem; }
	.w2-xl { width: 2rem; }
	.w3-xl { width: 4rem; }
	.w4-xl { width: 8rem; }
	.w5-xl { width: 16rem; }
	.w-10-xl { width: 10%; }
	.w-20-xl { width: 20%; }
	.w-25-xl { width: 25%; }
	.w-30-xl { width: 30%; }
	.w-33-xl { width: 33%; }
	.w-34-xl { width: 34%; }
	.w-40-xl { width: 40%; }
	.w-50-xl { width: 50%; }
	.w-60-xl { width: 60%; }
	.w-70-xl { width: 70%; }
	.w-75-xl { width: 75%; }
	.w-80-xl { width: 80%; }
	.w-90-xl { width: 90%; }
	.w-100-xl { width: 100%; }
	.w-third-xl { width: 33.33333%; }
	.w-two-thirds-xl { width: 66.66667%; }
	.w-auto-xl { width: auto; }
	.overflow-visible-xl { overflow: visible; }
	.overflow-hidden-xl { overflow: hidden; }
	.overflow-scroll-xl { overflow: scroll; }
	.overflow-auto-xl { overflow: auto; }
	.overflow-x-visible-xl { overflow-x: visible; }
	.overflow-x-hidden-xl { overflow-x: hidden; }
	.overflow-x-scroll-xl { overflow-x: scroll; }
	.overflow-x-auto-xl { overflow-x: auto; }
	.overflow-y-visible-xl { overflow-y: visible; }
	.overflow-y-hidden-xl { overflow-y: hidden; }
	.overflow-y-scroll-xl { overflow-y: scroll; }
	.overflow-y-auto-xl { overflow-y: auto; }
	.static-xl { position: static; }
	.relative-xl { position: relative; }
	.absolute-xl { position: absolute; }
	.fixed-xl { position: fixed; }
	.rotate-45-xl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
	.rotate-90-xl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
	.rotate-135-xl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
	.rotate-180-xl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
	.rotate-225-xl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
	.rotate-270-xl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
	.rotate-315-xl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
	.pa0-xl { padding: 0; }
	.pa1-xl { padding: .25rem; }
	.pa2-xl { padding: .5rem; }
	.pa3-xl { padding: 1rem; }
	.pa4-xl { padding: 2rem; }
	.pa5-xl { padding: 4rem; }
	.pa6-xl { padding: 8rem; }
	.pa7-xl { padding: 16rem; }
	.pl0-xl { padding-left: 0; }
	.pl1-xl { padding-left: .25rem; }
	.pl2-xl { padding-left: .5rem; }
	.pl3-xl { padding-left: 1rem; }
	.pl4-xl { padding-left: 2rem; }
	.pl5-xl { padding-left: 4rem; }
	.pl6-xl { padding-left: 8rem; }
	.pl7-xl { padding-left: 16rem; }
	.pr0-xl { padding-right: 0; }
	.pr1-xl { padding-right: .25rem; }
	.pr2-xl { padding-right: .5rem; }
	.pr3-xl { padding-right: 1rem; }
	.pr4-xl { padding-right: 2rem; }
	.pr5-xl { padding-right: 4rem; }
	.pr6-xl { padding-right: 8rem; }
	.pr7-xl { padding-right: 16rem; }
	.pb0-xl { padding-bottom: 0; }
	.pb1-xl { padding-bottom: .25rem; }
	.pb2-xl { padding-bottom: .5rem; }
	.pb3-xl { padding-bottom: 1rem; }
	.pb4-xl { padding-bottom: 2rem; }
	.pb5-xl { padding-bottom: 4rem; }
	.pb6-xl { padding-bottom: 8rem; }
	.pb7-xl { padding-bottom: 16rem; }
	.pt0-xl { padding-top: 0; }
	.pt1-xl { padding-top: .25rem; }
	.pt2-xl { padding-top: .5rem; }
	.pt3-xl { padding-top: 1rem; }
	.pt4-xl { padding-top: 2rem; }
	.pt5-xl { padding-top: 4rem; }
	.pt6-xl { padding-top: 8rem; }
	.pt7-xl { padding-top: 16rem; }
	.pv0-xl { padding-top: 0; padding-bottom: 0; }
	.pv1-xl { padding-top: .25rem; padding-bottom: .25rem; }
	.pv2-xl { padding-top: .5rem; padding-bottom: .5rem; }
	.pv3-xl { padding-top: 1rem; padding-bottom: 1rem; }
	.pv4-xl { padding-top: 2rem; padding-bottom: 2rem; }
	.pv5-xl { padding-top: 4rem; padding-bottom: 4rem; }
	.pv6-xl { padding-top: 8rem; padding-bottom: 8rem; }
	.pv7-xl { padding-top: 16rem; padding-bottom: 16rem; }
	.ph0-xl { padding-left: 0; padding-right: 0; }
	.ph1-xl { padding-left: .25rem; padding-right: .25rem; }
	.ph2-xl { padding-left: .5rem; padding-right: .5rem; }
	.ph3-xl { padding-left: 1rem; padding-right: 1rem; }
	.ph4-xl { padding-left: 2rem; padding-right: 2rem; }
	.ph5-xl { padding-left: 4rem; padding-right: 4rem; }
	.ph6-xl { padding-left: 8rem; padding-right: 8rem; }
	.ph7-xl { padding-left: 16rem; padding-right: 16rem; }
	.ma0-xl { margin: 0; }
	.ma1-xl { margin: .25rem; }
	.ma2-xl { margin: .5rem; }
	.ma3-xl { margin: 1rem; }
	.ma4-xl { margin: 2rem; }
	.ma5-xl { margin: 4rem; }
	.ma6-xl { margin: 8rem; }
	.ma7-xl { margin: 16rem; }
	.ml0-xl { margin-left: 0; }
	.ml1-xl { margin-left: .25rem; }
	.ml2-xl { margin-left: .5rem; }
	.ml3-xl { margin-left: 1rem; }
	.ml4-xl { margin-left: 2rem; }
	.ml5-xl { margin-left: 4rem; }
	.ml6-xl { margin-left: 8rem; }
	.ml7-xl { margin-left: 16rem; }
	.mr0-xl { margin-right: 0; }
	.mr1-xl { margin-right: .25rem; }
	.mr2-xl { margin-right: .5rem; }
	.mr3-xl { margin-right: 1rem; }
	.mr4-xl { margin-right: 2rem; }
	.mr5-xl { margin-right: 4rem; }
	.mr6-xl { margin-right: 8rem; }
	.mr7-xl { margin-right: 16rem; }
	.mb0-xl { margin-bottom: 0; }
	.mb1-xl { margin-bottom: .25rem; }
	.mb2-xl { margin-bottom: .5rem; }
	.mb3-xl { margin-bottom: 1rem; }
	.mb4-xl { margin-bottom: 2rem; }
	.mb5-xl { margin-bottom: 4rem; }
	.mb6-xl { margin-bottom: 8rem; }
	.mb7-xl { margin-bottom: 16rem; }
	.mt0-xl { margin-top: 0; }
	.mt1-xl { margin-top: .25rem; }
	.mt2-xl { margin-top: .5rem; }
	.mt3-xl { margin-top: 1rem; }
	.mt4-xl { margin-top: 2rem; }
	.mt5-xl { margin-top: 4rem; }
	.mt6-xl { margin-top: 8rem; }
	.mt7-xl { margin-top: 16rem; }
	.mv0-xl { margin-top: 0; margin-bottom: 0; }
	.mv1-xl { margin-top: .25rem; margin-bottom: .25rem; }
	.mv2-xl { margin-top: .5rem; margin-bottom: .5rem; }
	.mv3-xl { margin-top: 1rem; margin-bottom: 1rem; }
	.mv4-xl { margin-top: 2rem; margin-bottom: 2rem; }
	.mv5-xl { margin-top: 4rem; margin-bottom: 4rem; }
	.mv6-xl { margin-top: 8rem; margin-bottom: 8rem; }
	.mv7-xl { margin-top: 16rem; margin-bottom: 16rem; }
	.mh0-xl { margin-left: 0; margin-right: 0; }
	.mh1-xl { margin-left: .25rem; margin-right: .25rem; }
	.mh2-xl { margin-left: .5rem; margin-right: .5rem; }
	.mh3-xl { margin-left: 1rem; margin-right: 1rem; }
	.mh4-xl { margin-left: 2rem; margin-right: 2rem; }
	.mh5-xl { margin-left: 4rem; margin-right: 4rem; }
	.mh6-xl { margin-left: 8rem; margin-right: 8rem; }
	.mh7-xl { margin-left: 16rem; margin-right: 16rem; }
	.na1-xl { margin: -0.25rem; }
	.na2-xl { margin: -0.5rem; }
	.na3-xl { margin: -1rem; }
	.na4-xl { margin: -2rem; }
	.na5-xl { margin: -4rem; }
	.na6-xl { margin: -8rem; }
	.na7-xl { margin: -16rem; }
	.nl1-xl { margin-left: -0.25rem; }
	.nl2-xl { margin-left: -0.5rem; }
	.nl3-xl { margin-left: -1rem; }
	.nl4-xl { margin-left: -2rem; }
	.nl5-xl { margin-left: -4rem; }
	.nl6-xl { margin-left: -8rem; }
	.nl7-xl { margin-left: -16rem; }
	.nr1-xl { margin-right: -0.25rem; }
	.nr2-xl { margin-right: -0.5rem; }
	.nr3-xl { margin-right: -1rem; }
	.nr4-xl { margin-right: -2rem; }
	.nr5-xl { margin-right: -4rem; }
	.nr6-xl { margin-right: -8rem; }
	.nr7-xl { margin-right: -16rem; }
	.nb1-xl { margin-bottom: -0.25rem; }
	.nb2-xl { margin-bottom: -0.5rem; }
	.nb3-xl { margin-bottom: -1rem; }
	.nb4-xl { margin-bottom: -2rem; }
	.nb5-xl { margin-bottom: -4rem; }
	.nb6-xl { margin-bottom: -8rem; }
	.nb7-xl { margin-bottom: -16rem; }
	.nt1-xl { margin-top: -0.25rem; }
	.nt2-xl { margin-top: -0.5rem; }
	.nt3-xl { margin-top: -1rem; }
	.nt4-xl { margin-top: -2rem; }
	.nt5-xl { margin-top: -4rem; }
	.nt6-xl { margin-top: -8rem; }
	.nt7-xl { margin-top: -16rem; }
	.strike-xl { text-decoration: line-through; }
	.underline-xl { text-decoration: underline; }
	.no-underline-xl { text-decoration: none; }
	.tl-xl { text-align: left; }
	.tr-xl { text-align: right; }
	.tc-xl { text-align: center; }
	.tj-xl { text-align: justify; }
	.ttc-xl { text-transform: capitalize; }
	.ttl-xl { text-transform: lowercase; }
	.ttu-xl { text-transform: uppercase; }
	.ttn-xl { text-transform: none; }
	.f-6-l, .f-headline-xl { font-size: 6rem; }
	.f-5-l, .f-subheadline-xl { font-size: 5rem; }
	.f1-xl { font-size: 3rem; }
	.f2-xl { font-size: 2.25rem; }
	.f3-xl { font-size: 1.5rem; }
	.f4-xl { font-size: 1.25rem; }
	.f5-xl { font-size: 1rem; }
	.f6-xl { font-size: .875rem; }
	.f7-xl { font-size: .75rem; }
	.measure-xl { max-width: 30em; }
	.measure-wide-xl { max-width: 34em; }
	.measure-narrow-xl { max-width: 20em; }
	.indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
	.small-caps-xl { font-variant: small-caps; }
	.truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.center-xl { margin-right: auto; margin-left: auto; }
	.mr-auto-xl { margin-right: auto; }
	.ml-auto-xl { margin-left: auto; }
	.clip-xl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
	.ws-normal-xl { white-space: normal; }
	.nowrap-xl { white-space: nowrap; }
	.pre-xl { white-space: pre; }
	.v-base-xl { vertical-align: baseline; }
	.v-mid-xl { vertical-align: middle; }
	.v-top-xl { vertical-align: top; }
	.v-btm-xl { vertical-align: bottom; }
}
.css-grid {
	display: flex;
	display: grid;
	flex-wrap: wrap;
	grid-gap: var(--gap, 2rem);
	grid-template-columns: repeat(auto-fit, minmax(var(--width, 200px), 1fr));
}

[style*='--aspect-ratio']::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 0;
	padding-bottom: calc(100% / (var(--aspect-ratio)));
}

/* Grid */
:root {
	--Grid-gutterSize: 4.167rem;
}
.Grid {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0;
}
.Grid > * {
	box-sizing: inherit;
	flex-basis: 100%;
	min-width: 0;
}
.Grid--alignCenter {
	justify-content: center;
}
.Grid--alignRight {
	justify-content: flex-end;
}
.Grid--alignMiddle {
	align-items: center;
}
.Grid--alignBottom {
	align-items: flex-end;
}
.Grid--fill > * {
	flex: 1 1 0%;
}
.Grid--fit > * {
	flex-basis: auto;
}
.Grid--equalHeight > * {
	display: grid;
}
.Grid--withGutter {
	margin: 0 calc(-0.5 * var(--Grid-gutterSize));
}
.Grid--withGutter > * {
	padding: 0 calc(0.5 * var(--Grid-gutterSize));
}


/* Utilities */
/**
* @define utilities
* Sizing utilities
*/

/* Proportional widths
========================================================================== */

/**
* Specify the proportional width of an object.
* Intentional redundancy build into each set of unit classes.
* Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
*
* 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
*    http://git.io/vllMD
*/

.u-size1of12 {
	flex-basis: auto !important;
	width: calc(100% * 1 / 12) !important;
}

.u-size1of10 {
	flex-basis: auto !important;
	width: 10% !important;
}

.u-size1of8 {
	flex-basis: auto !important;
	width: 12.5% !important;
}

.u-size1of6,
.u-size2of12 {
	flex-basis: auto !important;
	width: calc(100% * 1 / 6) !important;
}

.u-size1of5,
.u-size2of10 {
	flex-basis: auto !important;
	width: 20% !important;
}

.u-size1of4,
.u-size2of8,
.u-size3of12 {
	flex-basis: auto !important;
	width: 25% !important;
}

.u-size3of10 {
	flex-basis: auto !important;
	width: 30% !important;
}

.u-size1of3,
.u-size2of6,
.u-size4of12 {
	flex-basis: auto !important;
	width: calc(100% * 1 / 3) !important;
}

.u-size3of8 {
	flex-basis: auto !important;
	width: 37.5% !important;
}

.u-size2of5,
.u-size4of10 {
	flex-basis: auto !important;
	width: 40% !important;
}

.u-size5of12 {
	flex-basis: auto !important;
	width: calc(100% * 5 / 12) !important;
}

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
	flex-basis: auto !important;
	width: 50% !important;
}

.u-size7of12 {
	flex-basis: auto !important;
	width: calc(100% * 7 / 12) !important;
}

.u-size3of5,
.u-size6of10 {
	flex-basis: auto !important;
	width: 60% !important;
}

.u-size5of8 {
	flex-basis: auto !important;
	width: 62.5% !important;
}

.u-size2of3,
.u-size4of6,
.u-size8of12 {
	flex-basis: auto !important;
	width: calc(100% * 2 / 3) !important;
}

.u-size7of10 {
	flex-basis: auto !important;
	width: 70% !important;
}

.u-size3of4,
.u-size6of8,
.u-size9of12 {
	flex-basis: auto !important;
	width: 75% !important;
}

.u-size4of5,
.u-size8of10 {
	flex-basis: auto !important;
	width: 80% !important;
}

.u-size5of6,
.u-size10of12 {
	flex-basis: auto !important;
	width: calc(100% * 5 / 6) !important;
}

.u-size7of8 {
	flex-basis: auto !important;
	width: 87.5% !important;
}

.u-size9of10 {
	flex-basis: auto !important;
	width: 90% !important;
}

.u-size11of12 {
	flex-basis: auto !important;
	width: calc(100% * 11 / 12) !important;
}


.u-size3of7 {
	flex-basis: auto !important;
	width: calc(100% * 3 / 7) !important;
}


.u-size4of7 {
	flex-basis: auto !important;
	width: calc(100% * 4 / 7) !important;
}

/* Intrinsic widths
========================================================================== */

/**
* Make an element shrink wrap its content.
*/

.u-sizeFit {
	flex-basis: auto !important;
}

/**
* Make an element fill the remaining space.
*
* 1. Be explicit to work around IE10 bug with shorthand flex
*    http://git.io/vllC7
* 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
*    http://git.io/vllMt
*/

.u-sizeFill {
	flex: 1 1 0% !important; /* 1 */
	flex-basis: 0% !important; /* 2 */
}

/**
* An alternative method to make an element fill the remaining space.
* Distributes space based on the initial width and height of the element
*
* http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
*/

.u-sizeFillAlt {
	flex: 1 1 auto !important;
	flex-basis: auto !important;
}

/**
* Make an element the width of its parent.
*/

.u-sizeFull {
	width: 100% !important;
}
/**
* @define utilities
* Size: breakpoint 3 (large)
*/

@media (min-width:960px) {

	/* Proportional widths: breakpoint 3 (large)
	======================================================================== */

	/**
	* Specify the proportional width of an object.
	* Intentional redundancy build into each set of unit classes.
	* Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
	*
	* 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
	*    http://git.io/vllMD
	*/

	.u-lg-size1of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 12) !important;
	}

	.u-lg-size1of10 {
		flex-basis: auto !important;
		width: 10% !important;
	}

	.u-lg-size1of8 {
		flex-basis: auto !important;
		width: 12.5% !important;
	}

	.u-lg-size1of6,
	.u-lg-size2of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 6) !important;
	}

	.u-lg-size1of5,
	.u-lg-size2of10 {
		flex-basis: auto !important;
		width: 20% !important;
	}

	.u-lg-size1of4,
	.u-lg-size2of8,
	.u-lg-size3of12 {
		flex-basis: auto !important;
		width: 25% !important;
	}

	.u-lg-size3of10 {
		flex-basis: auto !important;
		width: 30% !important;
	}

	.u-lg-size1of3,
	.u-lg-size2of6,
	.u-lg-size4of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 3) !important;
	}

	.u-lg-size3of8 {
		flex-basis: auto !important;
		width: 37.5% !important;
	}

	.u-lg-size2of5,
	.u-lg-size4of10 {
		flex-basis: auto !important;
		width: 40% !important;
	}

	.u-lg-size5of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 12) !important;
	}

	.u-lg-size1of2,
	.u-lg-size2of4,
	.u-lg-size3of6,
	.u-lg-size4of8,
	.u-lg-size5of10,
	.u-lg-size6of12 {
		flex-basis: auto !important;
		width: 50% !important;
	}

	.u-lg-size7of12 {
		flex-basis: auto !important;
		width: calc(100% * 7 / 12) !important;
	}

	.u-lg-size3of5,
	.u-lg-size6of10 {
		flex-basis: auto !important;
		width: 60% !important;
	}

	.u-lg-size5of8 {
		flex-basis: auto !important;
		width: 62.5% !important;
	}

	.u-lg-size2of3,
	.u-lg-size4of6,
	.u-lg-size8of12 {
		flex-basis: auto !important;
		width: calc(100% * 2 / 3) !important;
	}

	.u-lg-size7of10 {
		flex-basis: auto !important;
		width: 70% !important;
	}

	.u-lg-size3of4,
	.u-lg-size6of8,
	.u-lg-size9of12 {
		flex-basis: auto !important;
		width: 75% !important;
	}

	.u-lg-size4of5,
	.u-lg-size8of10 {
		flex-basis: auto !important;
		width: 80% !important;
	}

	.u-lg-size5of6,
	.u-lg-size10of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 6) !important;
	}

	.u-lg-size7of8 {
		flex-basis: auto !important;
		width: 87.5% !important;
	}

	.u-lg-size9of10 {
		flex-basis: auto !important;
		width: 90% !important;
	}

	.u-lg-size11of12 {
		flex-basis: auto !important;
		width: calc(100% * 11 / 12) !important;
	}


	/* Intrinsic widths
	======================================================================== */

	/**
	* Make an element shrink wrap its content.
	*/

	.u-lg-sizeFit {
		flex-basis: auto !important;
		width: auto !important;
	}

	/**
	* Make an element fill the remaining space.
	*
	* 1. Be explicit to work around IE10 bug with shorthand flex
	*    http://git.io/vllC7
	* 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
	*    http://git.io/vllMt
	*/

	.u-lg-sizeFill {
		flex: 1 1 0% !important; /* 1 */
		flex-basis: 0% !important; /* 2 */
	}

	/**
	* An alternative method to make an element fill the remaining space.
	* Distributes space based on the initial width and height of the element
	*
	* http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
	*/

	.u-lg-sizeFillAlt {
		flex: 1 1 auto !important;
		flex-basis: auto !important;
	}

	/**
	* Make an element the width of its parent.
	*/

	.u-lg-sizeFull {
		width: 100% !important;
	}

}
/**
* @define utilities
* Size: breakpoint 2 (medium)
*/

@media (min-width:640px) and (max-width:960px) {

	/* Proportional widths: breakpoint 2 (medium)
	======================================================================== */

	/**
	* Specify the proportional width of an object.
	* Intentional redundancy build into each set of unit classes.
	* Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
	*
	* 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
	*    http://git.io/vllMD
	*/

	/* postcss-bem-linter: ignore */

	.u-md-size1of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 12) !important;
	}

	.u-md-size1of10 {
		flex-basis: auto !important;
		width: 10% !important;
	}

	.u-md-size1of8 {
		flex-basis: auto !important;
		width: 12.5% !important;
	}

	.u-md-size1of6,
	.u-md-size2of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 6) !important;
	}

	.u-md-size1of5,
	.u-md-size2of10 {
		flex-basis: auto !important;
		width: 20% !important;
	}

	.u-md-size1of4,
	.u-md-size2of8,
	.u-md-size3of12 {
		flex-basis: auto !important;
		width: 25% !important;
	}

	.u-md-size3of10 {
		flex-basis: auto !important;
		width: 30% !important;
	}

	.u-md-size1of3,
	.u-md-size2of6,
	.u-md-size4of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 3) !important;
	}

	.u-md-size3of8 {
		flex-basis: auto !important;
		width: 37.5% !important;
	}

	.u-md-size2of5,
	.u-md-size4of10 {
		flex-basis: auto !important;
		width: 40% !important;
	}

	.u-md-size5of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 12) !important;
	}

	.u-md-size1of2,
	.u-md-size2of4,
	.u-md-size3of6,
	.u-md-size4of8,
	.u-md-size5of10,
	.u-md-size6of12 {
		flex-basis: auto !important;
		width: 50% !important;
	}

	.u-md-size7of12 {
		flex-basis: auto !important;
		width: calc(100% * 7 / 12) !important;
	}

	.u-md-size3of5,
	.u-md-size6of10 {
		flex-basis: auto !important;
		width: 60% !important;
	}

	.u-md-size5of8 {
		flex-basis: auto !important;
		width: 62.5% !important;
	}

	.u-md-size2of3,
	.u-md-size4of6,
	.u-md-size8of12 {
		flex-basis: auto !important;
		width: calc(100% * 2 / 3) !important;
	}

	.u-md-size7of10 {
		flex-basis: auto !important;
		width: 70% !important;
	}

	.u-md-size3of4,
	.u-md-size6of8,
	.u-md-size9of12 {
		flex-basis: auto !important;
		width: 75% !important;
	}

	.u-md-size4of5,
	.u-md-size8of10 {
		flex-basis: auto !important;
		width: 80% !important;
	}

	.u-md-size5of6,
	.u-md-size10of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 6) !important;
	}

	.u-md-size7of8 {
		flex-basis: auto !important;
		width: 87.5% !important;
	}

	.u-md-size9of10 {
		flex-basis: auto !important;
		width: 90% !important;
	}

	.u-md-size11of12 {
		flex-basis: auto !important;
		width: calc(100% * 11 / 12) !important;
	}

	/* Intrinsic widths
	======================================================================== */

	/**
	* Make an element shrink wrap its content.
	*/

	.u-md-sizeFit {
		flex-basis: auto !important;
		width: auto !important;
	}

	/**
	* Make an element fill the remaining space.
	*
	* 1. Be explicit to work around IE10 bug with shorthand flex
	*    http://git.io/vllC7
	* 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
	*    http://git.io/vllMt
	*/

	.u-md-sizeFill {
		flex: 1 1 0% !important; /* 1 */
		flex-basis: 0% !important; /* 2 */
	}

	/**
	* An alternative method to make an element fill the remaining space.
	* Distributes space based on the initial width and height of the element
	*
	* http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
	*/

	.u-md-sizeFillAlt {
		flex: 1 1 auto !important;
		flex-basis: auto !important;
	}

	/**
	* Make an element the width of its parent.
	*/

	.u-md-sizeFull {
		width: 100% !important;
	}

}
/**
* @define utilities
* Size: breakpoint 1 (small)
*/

@media (min-width:320px) and (max-width:640px) {

	/* Proportional widths: breakpoint 1 (small)
	======================================================================== */

	/**
	* Specify the proportional width of an object.
	* Intentional redundancy build into each set of unit classes.
	* Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
	*
	* 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
	*    http://git.io/vllMD
	*/

	.u-sm-size1of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 12) !important;
	}

	.u-sm-size1of10 {
		flex-basis: auto !important;
		width: 10% !important;
	}

	.u-sm-size1of8 {
		flex-basis: auto !important;
		width: 12.5% !important;
	}

	.u-sm-size1of6,
	.u-sm-size2of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 6) !important;
	}

	.u-sm-size1of5,
	.u-sm-size2of10 {
		flex-basis: auto !important;
		width: 20% !important;
	}

	.u-sm-size1of4,
	.u-sm-size2of8,
	.u-sm-size3of12 {
		flex-basis: auto !important;
		width: 25% !important;
	}

	.u-sm-size3of10 {
		flex-basis: auto !important;
		width: 30% !important;
	}

	.u-sm-size1of3,
	.u-sm-size2of6,
	.u-sm-size4of12 {
		flex-basis: auto !important;
		width: calc(100% * 1 / 3) !important;
	}

	.u-sm-size3of8 {
		flex-basis: auto !important;
		width: 37.5% !important;
	}

	.u-sm-size2of5,
	.u-sm-size4of10 {
		flex-basis: auto !important;
		width: 40% !important;
	}

	.u-sm-size5of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 12) !important;
	}

	.u-sm-size1of2,
	.u-sm-size2of4,
	.u-sm-size3of6,
	.u-sm-size4of8,
	.u-sm-size5of10,
	.u-sm-size6of12 {
		flex-basis: auto !important;
		width: 50% !important;
	}

	.u-sm-size7of12 {
		flex-basis: auto !important;
		width: calc(100% * 7 / 12) !important;
	}

	.u-sm-size3of5,
	.u-sm-size6of10 {
		flex-basis: auto !important;
		width: 60% !important;
	}

	.u-sm-size5of8 {
		flex-basis: auto !important;
		width: 62.5% !important;
	}

	.u-sm-size2of3,
	.u-sm-size4of6,
	.u-sm-size8of12 {
		flex-basis: auto !important;
		width: calc(100% * 2 / 3) !important;
	}

	.u-sm-size7of10 {
		flex-basis: auto !important;
		width: 70% !important;
	}

	.u-sm-size3of4,
	.u-sm-size6of8,
	.u-sm-size9of12 {
		flex-basis: auto !important;
		width: 75% !important;
	}

	.u-sm-size4of5,
	.u-sm-size8of10 {
		flex-basis: auto !important;
		width: 80% !important;
	}

	.u-sm-size5of6,
	.u-sm-size10of12 {
		flex-basis: auto !important;
		width: calc(100% * 5 / 6) !important;
	}

	.u-sm-size7of8 {
		flex-basis: auto !important;
		width: 87.5% !important;
	}

	.u-sm-size9of10 {
		flex-basis: auto !important;
		width: 90% !important;
	}

	.u-sm-size11of12 {
		flex-basis: auto !important;
		width: calc(100% * 11 / 12) !important;
	}

	/* Intrinsic widths
	======================================================================== */

	/**
	* Make an element shrink wrap its content.
	*/

	.u-sm-sizeFit {
		flex-basis: auto !important;
		width: auto !important;
	}

	/**
	* Make an element fill the remaining space.
	*
	* 1. Be explicit to work around IE10 bug with shorthand flex
	*    http://git.io/vllC7
	* 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
	*    http://git.io/vllMt
	*/

	.u-sm-sizeFill {
		flex: 1 1 0% !important; /* 1 */
		flex-basis: 0% !important; /* 2 */
	}

	/**
	* An alternative method to make an element fill the remaining space.
	* Distributes space based on the initial width and height of the element
	*
	* http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
	*/

	.u-sm-sizeFillAlt {
		flex: 1 1 auto !important;
		flex-basis: auto !important;
	}

	/**
	* Make an element the width of its parent.
	*/

	.u-sm-sizeFull {
		width: 100% !important;
	}

}

/****************************************/
/* HubSpot Style Boilerplate            */ 
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/****************************************/
/*              Variables		            */
/****************************************/
:root {
	/* New colours */
	--coral-red: #ff3043;
	--crimson: #d92939;
	--radical-red: #ff4455;
	--malibu: #6192ff;
	--malibu-hover: #709dff;
	--bright-grey: #313547;
	--mid-grey: #656774;
	--bright-turquoise: #00eac8;
	--turbo: #ffe600;
	--waterloo: #838690;
	--santas-grey: #9b9ba4;
	--zircon: #f4f7ff;
	--iron: #d6d7da;
	--manatee: #989aa3;

	/* Social media colours */
	--google: #dd4b39;
	--linkedin: #0075b2;
	--twitter: #1da1f2;
	--facebook: #3b5998;

	/* base colours */
	--white: #ffffff;
	--black: #000000;
	--red: #ff0000;
}

/*****************************************/
/* 						BASE STYLES			*/
/* 					  Font Size: 15 px 		*/
/*						Line height: 1.575	*/
/*			      Scale Factor 1.5		    */
/*****************************************/

html {
	font-size: 62.5% !important;
	line-height: 2.4rem !important;
	min-width: 320px;
}
body {
	font-family: akagi-pro, sans-serif !important;
	font-size: 1.5rem !important;
	line-height: 2.4rem !important;
	color: var(--mid-grey) !important;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.container {
		width: 1280px;
	}
}

.responsive-container {
	width: calc(100% - 2rem);
	max-width: 98rem;
	margin: auto;
}

.responsive-container-wrapper {
	margin: 12rem auto 0 auto;
	min-height: 100vh;
	width: 100%;
}

@media (min-width: 915px) {
	.responsive-container-wrapper {
		margin: 16rem auto 0 auto !important;
	}
}

.wrapper,
.wrapper-sticky {
	max-width: 1000px !important;
}

.wrapper {
	margin: 9rem auto 0 auto !important;
}

.wrapper-sticky {
	margin: 19.9rem auto 9rem auto !important;
}

.wrapper-small {
	padding-bottom: 9rem !important;
}

.wrapper-demo {
	max-width: 1280px !important;
	margin: 0 auto !important;
}

/****************************************/
/*                ICONS 	              */
/****************************************/

@font-face {
	font-family: "icomoon";
	src: url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/icomoon.eot?1zq3ub");
	src: url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/icomoon.eot?1zq3ub#iefix")
			format("embedded-opentype"),
		url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/icomoon.ttf?1zq3ub")
			format("truetype"),
		url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/icomoon.woff?1zq3ub")
			format("woff"),
		url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/icomoon.svg?1zq3ub#icomoon")
			format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron:before {
	content: "\e90f";
}

.icon-search:before {
	content: "\e910";
}

.icon-tick:before {
	content: "\e90e";
}

.icon-star:before {
	content: "\e90d";
}

.icon-chat:before {
	content: "\e900";
}

.icon-facebook-metric:before {
	content: "\e901";
}

.icon-messenger .path1:before {
	content: "\e902";
	color: rgb(255, 255, 255);
}

.icon-messenger .path2:before {
	content: "\e909";
	margin-left: -1.125em;
}

.icon-response:before {
	content: "\e90a";
}

.icon-smile:before {
	content: "\e90b";
}

.icon-twitter-metric:before {
	content: "\e90c";
}

.icon-quoteIcon:before {
	content: "\e908";
}

.icon-stat-arrow-up:before {
	content: "\e905";
}

.icon-stat-arrow-down:before {
	content: "\e907";
}

.icon-nav-chevron:before {
	content: "\e906";
}

.icon-link-arrow:before {
	content: "\e904";
}

.icon-reply:before {
	content: "\e903";
}

.icon-link-arrow {
	font-weight: bold;
	position: relative;
	top: 1px;
	font-size: 1.2rem;
}

/*****************************************/
/* 		TYPOGRAPHY		                */
/* 	    Font Size: 15 px 	            */
/*	    Line height: 1.575				*/
/*	    Scale Factor 1.5				*/
/*****************************************/

.grid__item.type-styles,
.grid__item.blog-type-styles {
	text-align: left;
	background: var(--white);
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
	font-family: ff-tisa-web-pro, serif;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	color: var(--bright-grey);
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: var(--malibu) !important;
}

h1 {
	font-size: 4.2rem !important;
	line-height: 1.352941176 !important;
	margin-top: 1.8rem;
	margin-bottom: 5.1rem;
}

h2 {
	font-size: 3.2rem !important;
	line-height: 1.333333333 !important;
	margin-bottom: 2.5rem;
}

h3,
blockquote {
	font-size: 2rem !important;
	line-height: 3.3rem !important;
	margin-bottom: 2.5rem;
}

h4 {
	font-size: 1.6rem !important;
	line-height: 1.375 !important;
	margin-top: 0.3rem;
	margin-bottom: 1.8rem;
}

h5 {
	font-size: 1.4rem !important;
	line-height: 1.2 !important;
	margin-top: 1.5rem;
	margin-bottom: 0;
}

h6 {
	font-size: 1.2rem;
	line-height: 2.1rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 2rem 0 1rem;
	letter-spacing: 0.2rem;
	color: var(--manatee);
}

h6.label {
	background-image: url("https://www.conversocial.com/hubfs/labelBG-light@3x.png");
	background-size: 100% 100%;
	padding: 1rem 1rem;
	text-transform: uppercase;
	margin-right: 0.6rem;
	display: inline-block;
	margin: 0 0 2rem 0;
	line-height: 1;
	color: var(--mid-grey);
}

.theme-charcoal h6.label {
	background-image: url("https://www.conversocial.com/hubfs/labelBG@3x.png");
}

@media screen and (min-width: 640px) {
	h1 {
		font-size: 5.1rem !important;
		line-height: 1.352941176 !important;
		margin-top: 1.8rem;
		margin-bottom: 5.1rem;
	}

	h2 {
		font-size: 3.6rem !important;
		line-height: 1.333333333 !important;
		margin-bottom: 2.5rem;
	}

	h3,
	blockquote {
		font-size: 2.4rem !important;
		line-height: 3.3rem !important;
		margin-bottom: 2.5rem;
	}

	h4 {
		font-size: 1.8rem !important;
		line-height: 1.375 !important;
		margin-top: 0.3rem;
		margin-bottom: 1.8rem;
	}

	h5 {
		font-size: 1.5rem !important;
		line-height: 1.2 !important;
		margin-top: 1.5rem;
		margin-bottom: 0;
	}
}

p,
a,
ul,
ol,
pre,
table {
	margin-top: 0rem;
	text-decoration: none;
}

blockquote {
	margin: 2.1rem 0;
	padding-left: 2.1rem;
	border-left: 0.25rem solid var(--coral-red);
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0rem;
	margin-bottom: 2.4rem;
}

ul li + li {
	margin-top: 2rem;
}

hr {
	border-top: 1px solid var(--waterloo);
	margin: -1px 0;
	margin-top: 3rem;
	margin-bottom: 3.3rem;
	border-width: 0;
}

b,
strong {
	line-height: 0;
	color: var(--mid-grey);
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

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

sup {
	top: -0.5rem;
}

sub {
	bottom: -0.25rem;
}

img {
	height: auto;
}

a {
	color: var(--malibu);
	display: inline-block;
	cursor: pointer;
	transition: 0.3s;
}

a .icon-link-arrow {
	transition: left 0.3s;
	left: 0px;
}

a:hover .icon-link-arrow {
	left: 7px;
}

.strapline {
	font-size: 2.4rem;
	line-height: 1.5;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	display: block;
	margin-bottom: 2rem;
}

.cta__red,
.cta__white,
.cta__white-alt,
input[type="submit"] {
	font-size: 1.5rem;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	transition: 0.3s;
}

.cta__red,
input[type="submit"] {
	color: var(--white) !important;
	background-color: var(--coral-red);
	padding: 0.9rem 2.4rem 0.7rem;
	cursor: pointer;
	border: none;
}

.cta__red:hover,
input[type="submit"]:hover {
	background-color: var(--crimson);
}

.cta__red:active,
input[type="submit"]:active {
	background-color: var(--radical-red);
}

.cta__white {
	color: var(--malibu) !important;
	border: 2px solid var(--malibu);
	background-color: var(--white);
	padding: 0.6rem 2.4rem;
}

.cta__white:hover {
	color: var(--white) !important;
	background-color: var(--malibu);
}

.cta__white:active {
	color: var(--white) !important;
	background-color: var(--malibu-hover);
}

.cta__white-alt {
	color: var(--coral-red) !important;
	border: 2px solid var(--coral-red);
	background-color: var(--white);
	padding: 0.6rem 2.4rem;
}

.cta__white-alt:hover {
	color: var(--white) !important;
	background-color: var(--coral-red);
}

.cta__white-alt:active {
	color: var(--white) !important;
	background-color: var(--radical-red);
}

.card {
	border: 1px solid rgba(49, 53, 71, 0.2);
	padding: 3.2rem 4.5rem;
}

.sidr-inner {
	display: none;
}

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

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

.u-float-right {
	float: right;
}

.u-float-left {
	float: left;
}

.u-letter-spacing {
	letter-spacing: 0.2rem;
}

.general-overlay {
	position: absolute;
	top: 0;
}

/****************************************/
/*                NAVBAR 	              */
/****************************************/

.navbar,
.footer {
	position: relative;
	width: 100%;
}

.navbar__content,
.footer__content {
	width: 1280px;
	margin: 0 auto;
	padding: 0 4rem;
}

.navbar {
	z-index: 4;
	list-style: none;
	display: inline-block;
	border-bottom: 1px solid rgba(49, 53, 71, 0.15);
	top: 0;
	position: fixed;
	background: var(--white);
}

.navbar,
.navbar__top {
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.navbar a {
	color: var(--bright-grey);
	cursor: pointer;
}

.navbar a:hover,
.navbar a:hover h4 {
	color: var(--malibu);
}

.navbar ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

.navbar ul li {
	margin: 0;
	display: inline-block;
}

.navbar__logo {
	margin: 0 2rem 1.5rem 0;
}

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

.navbar__logo a {
	width: 100%;
	max-width: 187px;
}

.navbar__top {
	font-size: 1.2rem;
	text-align: right;
	padding-right: 3rem;
}

.navbar__top ul li {
	margin: 1.5rem 0 0.4rem 2rem;
}

.navbar__btm {
	display: flex;
	align-items: center;
}

.navbar__main {
	flex: 1;
	text-align: right;
}

.navbar__main::before,
.navbar__main::after {
	display: flex;
}

.navbar__main__desktop,
.navbar__top {
	width: auto;
	height: auto;
	margin: auto;
	position: relative;
	clip: auto;
	overflow: visible;
	z-index: 7;
}

.navbar__main a {
	font-size: 1.8rem;
	padding: 0.9rem 0;
	display: block;
	margin: 0 0 1.3rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.navbar__main ul li ul li a {
	margin: 0;
	padding: 0;
}

.navbar__main i {
	font-size: 0.3rem;
	color: #989aa3;
	position: relative;
	bottom: 2px;
}

.navbar-cta > .cta__red,
.navbar-cta > .cta__white-alt {
	font-size: 1.5rem;
}

.navbar-cta > .cta__red {
	padding: 0.8rem 2.4rem 0.5rem;
}

.navbar-cta > .cta__white-alt {
	padding: 0.5rem 2.1rem 0.2rem;
}

.navbar__main__desktop ul li {
	position: relative;
	margin-left: 4rem;
}

.navbar__main__desktop ul li ul {
	display: none;
	position: absolute;
	min-width: 375px;
	z-index: 6;
	box-shadow: 0 4px 7px 0 rgba(69, 103, 252, 0.11);
	padding: 0.8rem 0;
	border: 1px solid rgba(49, 53, 71, 0.15);
	transition: 0.5s linear;
	background: var(--white);
	text-align: left;
	top: 45px;
	left: -20px;
}

.navbar__main__desktop ul li ul li {
	display: block;
	margin: 0;
	padding: 1.5rem 3.9rem;
}

.navbar__main__desktop ul .super ul {
	min-width: 475px;
	left: -40px;
	padding: 0;
}

.navbar__main__desktop ul .super ul li {
	padding-top: 2.3rem;
	padding-bottom: 2.3rem;
}

.navbar__main__desktop ul li ul div {
	width: 50%;
	display: table-cell;
}

.navbar__main__desktop ul .super ul div a {
	display: block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	padding: 0;
	margin: 0 0 1rem 0;
}

.navbar__main__desktop ul .super ul div a:last-child {
	margin-bottom: 0;
}

.navbar__main__desktop ul .super ul div:nth-child(1) {
	padding-right: 2.5rem;
}

.navbar__main__desktop ul .super ul div:nth-child(2) {
	padding-left: 2.5rem;
}

.navbar__main__desktop ul .super ul li {
	border-bottom: 1px solid rgba(49, 53, 71, 0.1);
}

.navbar__main__desktop ul .super ul li:last-child {
	border-bottom: none;
}

.navbar .packages {
	background-color: var(--zircon);
	text-align: center;
	padding: 0 !important;
}

.navbar .packages a {
	background-color: var(--zircon);
	color: var(--malibu);
	font-size: 1.8rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	padding: 1.5rem 16.4rem 1.1rem;
	transition: 0.3s;
}

.navbar .packages a:hover {
	background-color: var(--malibu);
	color: var(--white);
}

.navbar .about .u-lg-size1of2:nth-child(1) {
	padding-right: 1.3rem;
}

.navbar .about .u-lg-size1of2:nth-child(2) {
	padding-left: 1.2rem;
}

.navbar__main__desktop ul .super ul li h5 {
	margin-top: 0.5rem;
	margin-bottom: 0.6rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.navbar__main__desktop ul .super ul li span {
	color: var(--mid-grey);
}

.navbar__main__desktop ul .about ul {
	min-width: 475px;
	left: unset;
	right: -45px;
}

.navbar__main__desktop ul .about ul li a {
	padding: 0 2.5rem 2.3rem 0;
}

.navbar__main__desktop ul .about ul li a:last-child {
	padding-bottom: 0;
}

.navbar__main__desktop ul .about ul:before,
.navbar__main__desktop ul .about ul:after {
	left: unset;
	right: 80px;
}

.navbar__main__desktop ul li:hover ul {
	display: block;
}

.navbar__main__desktop ul li:hover ul {
	display: block;
}

.navbar__main__desktop ul li ul:before,
.navbar__main__desktop ul li ul:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 80px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
}

.navbar__main__desktop ul li ul:before {
	border-color: transparent transparent var(--iron) transparent;
	top: -10px;
}

.navbar__main__desktop ul li ul:after {
	border-color: transparent transparent var(--white) transparent;
	top: -9px;
}

.navbar__main__desktop ul li ul li h4 {
	line-height: 2.7rem !important;
	margin: 0;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.navbar__main__desktop ul li ul li span {
	color: var(--mid-grey);
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.navbar__main__desktop ul .learn ul {
	left: -70px;
}

.sticky {
	top: -30px;
}

.sticky .navbar__top {
	opacity: 0;
}

.navbar.sticky,
.sticky-blog {
	box-shadow: 0px 0px 20px -6px rgba(0, 0, 0, 0.4);
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: var(--white);
	width: 100%;
	overflow: hidden;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 8;
	top: 0;
}

.dropdown-logo {
	margin-top: 0.1rem;
	margin-bottom: 2.9rem;
}

.dropdown-logo img {
	width: 40px;
}

.dropdown-content h5 {
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	margin-bottom: 1.2rem;
}

.dropdown-content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.dropdown-content li {
	margin-bottom: 1rem;
}

.dropdown-content li a {
	color: var(--mid-grey);
}

.dropdown-close {
	position: relative;
}

.dropdown-close a {
	position: absolute;
	top: -55px;
	right: 0;
	font-size: 4rem;
	color: var(--bright-grey);
}

.dropdown-close a:hover {
	color: var(--malibu);
}

.show {
	display: block;
}

.navbar.navblog {
	position: initial;
}

header {
	position: fixed;
	background-color: var(--white);
	width: 100%;
	z-index: 7;
	top: 0;
}

header,
.navblog {
	border-bottom: 1px solid #dadbde;
}

.navblog {
	padding: 1rem 4rem;
}

.dropdown-content .navblog {
	padding-bottom: 6rem;
}

.blog__logo img {
	width: 40px;
}

.blog__logo a {
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
}

.blog__logo .blog__logo-title {
	position: relative;
	top: 5px;
	font-size: 2.4rem;
	font-family: ff-tisa-web-pro !important;
	left: 10px;
	line-height: 30px;
	color: var(--bright-grey);
}

.blog__logo .blog__logo-title a {
	line-height: 3rem;
}

.blog__logo .blog__logo-title i {
	font-size: 1.7rem;
	color: rgba(49, 53, 71, 0.5);
	margin-right: 5px;
	line-height: 36px;
	vertical-align: top;
}

.navblog .navbar-wrapper {
	width: 1200px;
	margin: 0 auto;
}

.navblog .navbar__main__desktop ul {
	padding-left: 0;
}

.navblog .navbar__main__desktop .blog__logo {
	margin-left: 0;
}

.navblog .navbar__categories {
	text-align: right;
	padding: 0;
}

.navblog .navbar__categories li a {
	padding: 1.3rem 0 0.6rem;
	margin-left: 2.5rem;
}

.navblog .navbar__categories i {
	font-size: 1.8rem;
}

a.top-dropdown {
	cursor: default;
}

.stat-text__small {
	font-size: 2rem;
	display: inline-block !important;
}

/****************************************/
/*                FOOTER 	              */
/****************************************/

.footer {
	border-top: 1px solid rgba(49, 53, 71, 0.15);
}

.footer__content {
	font-size: 1.5rem;
	margin: 0 auto;
	padding-top: 4rem;
}

.footer__content a {
	color: var(--mid-grey);
	font-family: akagi-pro, sans-serif;
	display: block;
	margin: 0;
}

.footer__content a:hover,
.footer__content a:active {
	color: var(--malibu);
}

.footer__content h5 {
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: var(--mid-grey);
}

.footer__content h5 a {
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.footer__menu_learn {
	margin-top: 2rem;
}

.footer__menu .footer-list,
.footer__social_partner .footer-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.footer__menu .footer-list-item {
	padding: 0.55rem 0;
}

.footer__blog-link a {
	color: var(--malibu);
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.footer__social_partner {
	padding-top: 5.5rem;
	padding-bottom: 3rem;
}

.footer__social_partner .footer-list-item {
	display: inline-block;
}

.footer__social_partner .footer__partner li:nth-child(1) img {
	height: 28px;
}

.footer__social_partner .footer__partner li:nth-child(2) img {
	height: 32px;
}

.footer__partner .footer-list-item {
	margin-right: 2.8rem;
}

.footer__social .footer-list {
	text-align: right;
}

.footer__social .footer-list-item {
	margin-left: 2.3rem;
}

/****************************************/
/*                FORMS 	              */
/****************************************/

.default__forms input[type="text"],
.default__forms input[type="email"],
.default__forms textarea,
.default__forms select,
form input,
form select {
	height: 42px;
	padding: 0 1.1rem;
	margin-bottom: 1.3rem;
	background-color: white;
	border-radius: 3px;
	border: 1px solid #c1c3c8;
}

.default__forms textarea {
	padding: 1.4rem 1.1rem 1.2rem !important;
}

.default__forms input[type="text"]::placeholder,
.default__forms input[type="email"]::placeholder,
.default__forms textarea::placeholder,
form input::placeholder,
form select:invalid,
form select:disabled {
	color: #c1c3c8;
}

.hs-form > fieldset:nth-child(6) > div > div > ul > li > label > span {
	display: block;
}

#subscribe_to_conversocial_updates-6ecfddfd-176a-48f9-8bae-5182c4f6fffb {
	margin-top: 0.3rem !important;
}

.default__forms .hs-form-field label,
.default__forms .hs-error-msgs label,
.hs-error-msgs label {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.default__forms .hs-error-msgs label,
.hs-error-msgs label {
	color: indianred;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.default__forms
	.hs-form
	fieldset.form-columns-2
	.hs-form-field:first-child
	.input {
	margin-right: 0.5rem !important;
	margin-top: 0.2rem !important;
}

.default__forms
	.hs-form
	fieldset.form-columns-2
	.hs-form-field:last-child
	.input,
.default__forms
	.hs-form
	fieldset.form-columns-2
	.hs-form-field:last-child
	label {
	margin-left: 0.5rem;
	margin-top: 0.2rem !important;
}

.default__forms fieldset.form-columns-1 input[type="checkbox"] {
	margin: 0.6rem 1rem 1.5rem 0;
	float: left;
}

.default__forms input[type="submit"] {
	width: 100%;
	padding: 1.3rem 2.4rem 0.9rem;
	margin-top: 2rem;
	border: none;
}

.default__forms fieldset.form-columns-1 input[type="text"],
.default__forms fieldset.form-columns-1 input[type="email"],
.default__forms fieldset.form-columns-1 textarea,
.default__forms fieldset.form-columns-1 select,
input,
select,
textarea {
	width: 100% !important;
	margin-top: 0.2rem !important;
}

.default__forms fieldset.form-columns-2 .input,
.default__forms fieldset.form-columns-1 .input {
	margin-right: 0 !important;
}

.default__forms .inputs-list,
.hs-error-msgs li,
.inputs-list {
	list-style-type: none;
	padding-left: 0;
}

.default__forms .hs-form-required {
	color: var(--coral-red);
}

.blog-subscribe {
	text-align: center;
}

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

.bg-grey {
	background-color: #f8f9f9;
	padding: 1.3rem 0;
}

.blog-subscribe .hs-input,
.blog-subscribe .hs-button {
	border-radius: 50px !important;
	height: auto !important;
}

.blog-subscribe .hs-input {
	border: 1px solid rgba(49, 53, 71, 0.3);
	padding: 1rem 1.5rem 0.7rem !important;
	width: 264px !important;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	margin: 0 1rem 0 0 !important;
}

.hbspt-form > .submitted-message > p {
	margin: 1rem 0 0.2rem;
}

.blog-subscribe .hs-button {
	padding: 1.1rem 2.2rem 0.8rem;
	text-align: center;
	display: inline-block;
	color: var(--white) !important;
	background-color: var(--coral-red);
	border: none;
	margin: 0 !important;
}

.blog-subscribe form div {
	display: inline-block;
}

.blog-subscribe form div label {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	line-height: 1.4rem;
	padding-right: 2rem;
	letter-spacing: 2px;
}

form label {
	font-size: 1.2rem;
}
form input[type="checkbox"] {
	min-height: 0 !important;
	height: auto !important;
	width: auto !important;
}
/****************************************/
/*                DEMO  	              */
/****************************************/

.demo__confirmation-logo {
	border-bottom: 1px solid #e0e1e4;
}

.demo__confirmation-logo div {
	width: 1280px;
	margin: 0 auto;
	padding: 4rem 4rem 2rem;
}

/************************************************************/
/*                WEBINARS & WHITE PAPDERS  	              */
/************************************************************/

.webinar-header {
	border-bottom: 1px solid var(--iron);
}

.webinar-upcoming,
.webinar-listings,
.webinar-related {
	width: 100%;
	max-width: 992px;
	margin: auto;
}

.webinar-upcoming {
	padding-bottom: 4rem;
}

.customer-upcoming {
	margin-top: 17.9rem !important;
}

.webinar-upcoming__text h1 {
	margin-top: 1rem;
	margin-bottom: 2.5rem;
}

.webinar-upcoming__text span {
	font-size: 2.4rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	line-height: 36px;
	display: block;
	padding-bottom: 2.4rem;
}

.webinar-listings {
	margin: 5rem auto 9rem auto;
}

.webinar-upcoming__link .cta__red {
	padding: 0.7rem 2.4rem 0.5rem;
}

.webinar-upcoming__image {
	background-size: 100% 100%;
	max-width: 375px;
	height: 100%;
	position: relative;
	overflow: hidden;
	max-height: 215px;
	width: 100%;
	margin-top: 1rem;
}

.webinar-upcoming__image img {
	width: 100%;
}

.webinar-upcoming__guests {
	padding: 2rem;
	text-align: center;
}

.webinar-upcoming__guests span {
	display: block;
	margin-bottom: 0.5rem;
}

.u-text-small {
	font-size: 1.2rem;
}

.u-text-center {
	text-align: center;
	display: block;
}

.webinar-upcoming__guests img {
	border-radius: 50px;
	width: 40px;
	height: 40px;
	border: 2px solid white;
	margin-bottom: 0.7rem;
}

.webinar-upcoming__guests img:nth-child(2),
.webinar-upcoming__guests img:nth-child(3) {
	margin-left: -1.2rem;
}

.webinar-upcoming__guests img:nth-child(3) {
	margin-right: 1rem;
}

.webinar-upcoming__guests-small {
	padding: 2rem;
}

.webinar-upcoming__guests-small img {
	float: left;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	border: 2px solid white;
	margin-bottom: 7rem;
}

.webinar-upcoming__guests-small img:nth-child(2),
.webinar-upcoming__guests-small img:nth-child(3) {
	margin-left: -1.2rem;
}

.webinar-upcoming__guests-small img:nth-child(3) {
	margin-right: 1rem;
}

.webinar__guests {
	padding: 2rem 0;
}

.webinar__guests-title {
	text-transform: uppercase;
	display: block;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	color: var(--santas-grey);
	letter-spacing: 0.1rem;
}

.webinar__guests-image {
	margin-bottom: 1rem;
	padding-right: 2rem;
}

.webinar__guests-image img {
	float: left;
	border-radius: 50px;
	width: 50px !important;
	height: 50px;
	margin: 0rem 1.5rem 2rem 0;
}

.webinar__guests-name {
	display: block;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.webinar__guests-job {
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.webinar-filter {
	list-style-type: none;
	padding: 0;
	margin-bottom: 7rem;
}

.webinar-filter li {
	display: inline-block;
	margin-left: 1.5rem;
}

.webinar-filter li input,
.webinar-upcoming input[type="checkbox"] {
	margin-right: 0.5rem;
	display: inline-block;
	width: auto !important;
	height: auto;
}

.webinar-listing {
	width: 268px;
	margin-bottom: 9rem;
}

.webinar-listing__image {
	background-size: cover;
}

.webinar-listings__text {
	padding: 3rem 2rem 0;
}

.webinar-listings__details {
	margin-bottom: 0.4rem;
}

.webinar-listings__text span {
	display: block;
	color: var(--bright-grey);
}

.webinar-listings__link {
	color: var(--malibu) !important;
	padding: 0.5rem 0;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.webinar-upcoming__details {
	font-size: 1.2rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.webinar-upcoming__details div {
	display: inline-block;
}

.webinar-upcoming__details .label {
	background-image: url("https://cdn2.hubspot.net/hubfs/154001/--EL--2018+/labelBG.svg");
	background-size: 100% 100%;
	padding: 1rem;
	text-transform: uppercase;
	margin-right: 0.6rem;
}

.webinar-upcoming__details .date {
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	display: inline-block;
}

.webinar-register {
	margin-left: 5.7rem;
}

.webinar-speaker__image {
	position: relative;
	overflow: hidden;
	margin-left: 5.7rem;
}

.webinar-background,
.whitepaper-background {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.webinar-related {
	margin: 9rem auto 8rem auto;
}

.webinar-related h2,
.webinar-related .related-title {
	text-align: center;
}

.webinar-related h2 {
	margin-bottom: 5rem;
}

.webinar-related h3 {
	margin-bottom: 4rem;
}

.whitepapers-upcoming__image {
	position: relative;
	overflow: hidden;
	max-width: 375px;
	width: 100%;
	margin-top: 4rem;
}

.webinar-register form span.hs-form-required {
	display: none;
}

.webinar-register a {
	display: block;
}

.webinar-register-right {
	float: right;
	width: 372px;
}

.webinar-register-right iframe {
	width: 315px;
}

.social-share-set {
	text-align: center;
	margin-top: 1.5rem;
}

.whitepaper-main__text #hs_cos_wrapper_ > ul,
.whitepaper-main__text #hs_cos_wrapper_ > ol {
	margin: 0 0 0 1.7rem;
	padding: 0;
}

.whitepaper-main__text #hs_cos_wrapper_ > ul li,
.whitepaper-main__text #hs_cos_wrapper_ > ol li {
	padding-left: 1rem;
}

.webinar-listings a .icon-link-arrow {
	transition: left 0.3s;
	left: 0px;
}

.webinar-listings a:hover .icon-link-arrow {
	left: 7px;
}

/****************************************/
/*                BLOG  	              */
/****************************************/

.blog-latest {
	min-height: 480px;
	margin-top: 16.7rem;
}

.blog-listings__content,
.blog-latest__content {
	width: 1280px;
	margin: 0 auto;
}

.blog-latest__content {
	color: var(--white);
	padding: 6.5rem 37.5rem 6.5rem 14.5rem;
}

.blog-latest__content.blog-post__title {
	padding: 12.6rem 37.5rem 12.6rem 14.5rem !important;
}

.blog-latest__details,
.blog-latest__text,
.blog-latest__link {
	background-color: var(--bright-grey);
}

.blog-latest__details,
.blog-latest__text {
	color: var(--santas-grey);
}

.blog-latest__details {
	width: fit-content;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	padding: 1.6rem 3rem 0;
}

.blog-latest__details div {
	position: relative;
	bottom: -13px;
}

.blog-latest__details .latest {
	background-color: var(--malibu);
	text-transform: uppercase;
	padding: 0.2rem 0.5rem 0rem 0.6rem;
	margin-right: 0.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	position: relative;
	bottom: 1px;
	color: var(--white);
}

.blog-latest__text {
	padding: 1.5rem 3rem 2rem;
}

.blog-latest__text h1 {
	color: var(--white) !important;
	margin: 0 0 1.5rem;
}

.blog-latest__text .blog-latest__description {
	font-size: 1.8rem;
	line-height: 2.7rem !important;
	margin: 0;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.blog-latest__link {
	width: fit-content;
	padding: 1.6rem 3rem 2.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	color: var(--white);
}

.blog-latest__link a {
	width: fit-content;
	padding: 1.5rem 2.5rem 2.5rem;
	color: var(--white);
	text-decoration: none;
	padding: 0;
}

.blog-listings__content {
	padding: 0 12.4rem;
}

.blog-listings__image,
.blog-latest {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.blog-listings__image {
	width: 268px;
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
}

.blog-listings__text {
	padding: 2.3rem 1rem;
	font-size: 1.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	line-height: 24px;
	color: var(--mid-grey);
}

.blog-listings__text h3 {
	font-family: ff-tisa-web-pro;
	font-size: 2.4rem;
	line-height: 33px !important;
	margin: 1rem 0 2rem;
	transition: 0.3s;
}

a:hover .blog-listings__text h3 {
	color: var(--malibu) !important;
}

.blog-listings__details {
	font-size: 1.2rem;
}

.blog-subscribe__large {
	border: 1px solid rgba(49, 53, 71, 0.2);
	text-align: center;
	padding: 3.5rem 4.2rem;
	margin: 0 auto 8rem auto;
	width: 100%;
	max-width: 1093px;
}

.blog-subscribe__large h2 {
	font-family: ff-tisa-web-pro;
	font-size: 3.6rem;
	line-height: 36px !important;
	color: #313547 !important;
	margin: 0 0 3rem;
}

.blog-subscribe__large .post-subscribe__text {
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	margin-bottom: 2.5rem;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.blog-subscribe__large form .hs-button,
.blog-subscribe__large .hs-form-field {
	margin-bottom: 0 !important;
}

.blog-post__author {
	margin-bottom: 6rem;
}

.blog-post__author img {
	height: 40px;
	border-radius: 50px;
	width: 40px;
	margin-right: 1rem;
}

.blog-post__author span {
	line-height: 35px;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	display: inline-block;
}

.blog-post__author a {
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	color: var(--bright-grey);
	transition: 0.3s;
}

.blog-post__author a:hover {
	color: var(--malibu);
}

.blog-post__intro {
	font-size: 2.4rem;
	line-height: 3.6rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	margin-bottom: 6rem;
}

.blog-post__content {
	position: relative;
	padding: 0rem 12rem;
}

.blog-post__content p {
	margin-bottom: 3.5rem;
	font-size: 1.8rem;
	line-height: 2.7rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.blog-post__related {
	border: 1px solid #d6d7da;
	max-width: 371px;
	padding: 2rem 3rem;
	float: left;
	margin: 0 4rem 4rem -11rem;
}

.blog-post__related span div {
	margin-bottom: 2rem;
}

.blog-post__related ol {
	margin: 0 0 0 2.5rem;
	padding: 0;
}

.blog-post__related ol li {
	padding: 0 0 1.5rem 1rem;
}

.blog-post__related ol li:nth-child(3) {
	padding-bottom: 0;
}

.blog-post__related ol li a {
	display: block;
}

.blog-post__content a:hover {
	text-decoration: underline;
}

.blog-post__snippet {
	border-left: 5px solid var(--coral-red);
	font-size: 2.4rem;
	line-height: 3.6rem;
	font-family: ff-tisa-web-pro;
	padding: 0 2rem 0 2.5rem;
	margin: 12rem 0;
	clear: both;
}

#hs_cos_wrapper_ > figure {
	padding: 0;
	margin: 0 0 4.5rem 0;
}

#hs_cos_wrapper_ > figure figcaption {
	max-width: 371px;
	text-align: center;
	margin: 1.5rem auto;
	font-size: 1.2rem;
	line-height: 2.1rem;
	color: #c0c1c6;
	font-family: ff-tisa-web-pro;
}

.blog-post__quote {
	max-width: 584px;
	text-align: center;
	margin: 10rem auto 9rem;
}

.blog-post__quote blockquote {
	border: none;
	padding: 0;
	font-family: ff-tisa-web-pro;
	color: var(--bright-grey);
}

.blog-post__quote blockquote div {
	display: inline;
}

.blog-post__quote span {
	color: #a6a7af;
}

.blog-post__quote i {
	width: 60px;
	height: 60px;
	background-color: var(--coral-red);
	color: var(--white);
	padding: 1.7rem 1.6rem;
	border-radius: 50px;
	position: relative;
	top: -10px;
	font-size: 1.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.blog-post_tags {
	margin: 7rem 0 9rem;
}

.blog-post_tags ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	font-size: 1.2rem !important;
}

.blog-post_tags ul li {
	display: inline-block;
	padding: 0.2rem 1rem 0;
	background-color: #eaeaec;
	margin-right: 0.6rem !important;
}

.blog-post__social {
	position: absolute;
	top: 0;
	right: 0;
}

.blog-post__social.sticky-social {
	right: 43px;
}

.sticky-social ul {
	position: fixed;
	top: 140px;
}

.blog-post__social ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.blog-post__social a {
	color: var(--white);
	font-size: 1.5rem;
	border-radius: 50px;
	margin-bottom: 1.2rem;
}

.blog-post__social-twitter a {
	background-color: var(--twitter);
	padding: 1.1rem 1.3rem 0.7rem;
	font-size: 1.7rem;
}

.blog-post__social-facebook a {
	background-color: var(--facebook);
	padding: 1.2rem 1.3rem 0.7rem;
	font-size: 1.9rem;
}

.blog-post__social-linkedin a {
	background-color: var(--linkedin);
	padding: 1rem 1.3rem 0.8rem;
	font-size: 1.9rem;
}

.blog-post__social-google a {
	background-color: var(--google);
	padding: 1.1rem 0.9rem 0.7rem 1rem;
	font-size: 1.9rem;
}

ul.pagination {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.pagination li {
	float: left;
	margin: 0 0.5rem;
}

.pagination li a {
	color: var(--mid-grey);
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.pagination .disabled {
	visibility: hidden;
}

.pagination .active a {
	color: var(--malibu);
}

.pagination-container {
	overflow: hidden;
	text-align: center;
	margin-bottom: 6rem;
}

/****************************************/
/*                MODAL  	              */
/****************************************/

.search-modal {
	display: none;
	position: fixed;
	z-index: 8;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: var(--white);
}

.search-modal-content {
	max-width: 600px;
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 127px;
	margin-top: -63px;
}

.search-modal-content .post-search-field {
	border: none;
	border-bottom: 1px solid #c0c1c6;
	font-family: ff-tisa-web-pro;
	font-size: 3.6rem;
	line-height: 4.8rem;
	padding: 3rem 0;
	color: var(--bright-grey);
}

.search-modal-content .post-search-field::placeholder {
	color: var(--bright-grey);
}

.post-search-box div {
	text-align: center;
	margin-top: 1.5rem;
}

.post-search-button {
	font-size: 1.5rem;
	border: none;
	padding: 1.1rem 3.4rem 0.8rem;
	cursor: pointer;
}

.search-close {
	position: absolute;
	right: 0;
	top: -40px;
	color: var(--bright-grey);
	font-size: 5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	cursor: pointer;
	transition: 0.3s;
}

.search-close:hover {
	color: var(--malibu);
}

.blog-post__content ul,
.blog-post__content ol {
	margin: 0 0 3rem;
	padding: 0 0 0 1.9rem;
	font-size: 1.8rem;
	line-height: 2.7rem;
}

.blog-post__content ul li,
.blog-post__content ol li {
	margin-bottom: 0.5rem;
}

.blog-post__content ul li:last-child,
.blog-post__content ol li:last-child {
	margin-bottom: 0;
}

/****************************************************/
/*                CUSTOMER STORIES  	              */
/****************************************************/

.case-studies {
	font-size: 1.8rem;
	line-height: 2.7rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.case-studies-main {
	width: 784px;
	margin: 0 auto;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.case-studies-main p {
	margin-bottom: 3rem;
}

.customer-logo {
	padding: 1.5rem 0;
}

.customer-logo .customer-listing__logo {
	width: 160px;
	height: 50px;
	margin-bottom: 0;
}

.customer-download {
	margin-left: 10.11rem;
	text-align: center;
	position: relative;
}

.customer-download img {
	margin-bottom: 3rem;
	height: auto;
	width: 269px;
}

.download-overlay {
	position: absolute;
}

.customer-text span {
	display: block;
}

.customer-metrics__trio {
	margin-bottom: 8rem;
}

.customer-metrics {
	border: 1px solid var(--iron);
	text-align: center;
	padding: 1.2rem 1.4rem;
	max-width: 165px;
}

.customer-metrics i,
.customer-help-metric i,
.customer-listing__metric i {
	font-size: 3rem;
	color: var(--bright-turquoise);
	position: relative;
	bottom: -4px;
}

.customer-metrics i,
.customer-help-metric i {
	left: 2px;
}

.customer-listing__metric i {
	left: 0;
}

.customer-metrics_hilo {
	font-size: 3.3rem !important;
	font-family: ff-tisa-web-pro, serif !important;
	margin-bottom: 1rem;
	color: var(--bright-grey);
	margin-left: 0.5rem;
}

.customer-metrics_hilo div {
	display: inline-block;
}

.customer-metrics_name {
	font-size: 1.5rem !important;
}

.customer-intro p,
.customer-intro span {
	margin-bottom: 3.5rem;
	display: block;
}

.customer-details {
	width: 212px;
	margin: 5rem 2rem 0 auto;
}

.customer-features {
	margin-bottom: 4rem;
}

.customer-features span {
	padding: 0.2rem 0.8rem 0;
	color: var(--white);
	background-color: var(--malibu);
	font-size: 1.2rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	letter-spacing: 0.08rem;
	margin: 0 0.5rem 0.8rem 0;
	display: inline-block;
}

.customer-about {
	font-size: 1.2rem;
	line-height: 2.1rem;
}

.customer-about p,
.customer-about span {
	margin-bottom: 1rem;
	display: block;
}

.customer-sector {
	margin: 2rem 0 2.5rem;
}

.customer-sector span:nth-child(1) {
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	display: block;
	margin-bottom: 0;
}

.customer-social ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
}

.customer-social ul li {
	display: inline-block;
	margin-right: 1rem;
	margin-top: 0;
}

.customer-social ul li a {
	border-radius: 50px;
	color: var(--white);
}

.customer-social-twitter a {
	background-color: var(--twitter);
	padding: 0.7rem 1.1rem 0.2rem 1.1rem;
	font-size: 1.4rem;
}

.customer-social-facebook a {
	background-color: var(--facebook);
	padding: 0.7rem 0.93rem 0.2rem 1.1rem;
	font-size: 1.8rem;
}

.customer-social-linkedin a {
	background-color: var(--linkedin);
	padding: 0.5rem 1.1rem 0.4rem 1.1rem;
	font-size: 1.6rem;
}

.customer-social-google a {
	background-color: var(--google);
	padding: 0.7rem 0.75rem 0.2rem 0.85rem;
	font-size: 1.6rem;
}

.customer-quote {
	position: relative;
	overflow: hidden;
	margin-bottom: 9rem !important;
}

.customer-quote img {
	position: absolute;
	bottom: -35px;
	height: 255px;
	width: auto;
	right: 60px;
}

.customer-quote,
.customer-platform,
.customer-latest__image {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.customer-quote,
.customer-platform {
	margin: 7rem auto 5rem;
}

.customer-quote,
.customer-latest__image {
	padding: 4rem;
}

.customer-platform {
	background-image: url("https://www.conversocial.com/hubfs/--EL--2018+/homePageTestimonialBG.png");
	padding: 2.5rem 5rem 3rem;
}

.customer-quote span,
.customer-quote blockquote {
	z-index: 2;
	position: relative;
	display: block;
}

.customer-quote span,
.customer-latest__image span,
.customer-listing__metric .customer-metrics_name {
	font-size: 1.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	line-height: 2.4rem;
	margin-top: 2.1rem;
	display: block;
}

.customer-quote blockquote,
.customer-latest__image blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-family: ff-tisa-web-pro, serif;
}

.customer-quote blockquote {
	width: 65%;
}

.customer-latest__image blockquote {
	color: var(--bright-grey);
	width: 46%;
}

.customer-quote blockquote div,
.customer-latest__image blockquote div {
	display: inline;
}

.customer-section {
	margin-bottom: 8rem;
}

.case-studies .blog-post__related span div {
	font-size: 1.5rem;
	line-height: 2.4rem;
}

.customer-section figure {
	width: 578px;
	margin: 7rem auto !important;
}

.bottom-social {
	text-align: center;
	margin-bottom: 7rem;
}

.customer-listing {
	border: 1px solid var(--iron);
	padding: 3.6rem 3.1rem;
	position: relative;
	margin-bottom: 6rem;
	transition: 0.3s;
	min-height: 400px;
}

.customer-listing:hover {
	box-shadow: 0 9px 15px 2px rgba(69, 103, 252, 0.11);
}

.customer-listing__logo {
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 1.3rem;
	background-position: left center;
	width: 130px;
}

.customer-listing h3 {
	margin-bottom: 10rem;
}

.customer-listings a {
	position: absolute;
	bottom: 2.3rem;
}

.customer-latest__text {
	text-align: center;
	padding: 0 100px;
}

.customer-latest__text h1 {
	margin-bottom: 8rem;
}

.customer-latest__image {
	position: relative;
	min-height: 314px;
}

.customer-image {
	position: absolute;
	bottom: 0;
	max-width: 271px;
	right: 310px;
}

.customer-help {
	position: absolute;
	top: 48px;
	right: 41px;
	width: 250px;
}

.customer-help img {
	max-width: 130px;
	max-height: 40px;
}

.customer-latest__image .customer-metrics_name,
.customer-listing__metric .customer-metrics_name {
	margin-top: 0rem;
	margin-left: 0.5rem;
}

.customer-latest__link {
	font-size: 1.8rem;
	text-align: center;
	margin-top: 3rem;
}

.customer-brands {
	margin: 50px 0 110px;
	text-align: center;
	display: block;
}

.customer-brands img {
	margin: 0 auto;
	vertical-align: middle;
	max-width: 95px;
	opacity: 0.6;
}

.customer-brands .u-size1of5 span {
	display: table-cell;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	width: 160px;
}

.customer-brands .u-size1of5:nth-child(5) > span {
	padding-bottom: 5rem;
}

.customer-brands .customer-brands__title {
	text-transform: uppercase;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 2.1rem;
	color: #adaeb5;
	margin-bottom: 2.9rem;
	display: block;
	letter-spacing: 0.1rem;
}

.customers-say {
	width: 939px;
	margin: 0rem auto 9rem;
	text-align: center;
}

.customers-say h2 {
	margin-bottom: 4rem;
}

.customers-say blockquote {
	border: none;
	padding: 0;
	margin: 0.5rem 0;
	font-family: ff-tisa-web-pro, serif;
}

.customer-stories__link {
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
	position: absolute;
	bottom: 30px;
}

.customers-say > div > div > div {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 1.8rem;
}

.customers-say .icon-star {
	font-size: 2.4rem;
	color: var(--bright-grey);
}

.customers-say > div > div > div > .icon-star:nth-child(1),
.customers-say > div > div > div > .icon-star:nth-child(3) {
	transform: rotate(-12deg);
}

.customers-say > div > div > div > .icon-star:nth-child(2) {
	transform: rotate(-24deg);
}

.customers-say > div > div > div > .icon-star:nth-child(4) {
	transform: rotate(-19deg);
}

.customers-say > div > div > div > .icon-star:nth-child(5) {
	transform: rotate(-28deg);
}

.customers-say > div > div:nth-child(1) > div > .icon-star:nth-child(5) {
	color: #bababf;
}

.customers-say a {
	margin-top: 2.5rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.customer-listing:hover h3 {
	opacity: 0;
}
.customer-listing h3 {
	transition: 0.3s;
}

.customer-listing .customer-listing__intro,
.customer-listing .customer-listing__metric {
	opacity: 0;
	transition-duration: 0.3s;
	position: absolute;
	color: var(--mid-grey);
	margin-right: 3rem;
}

.customer-listing .customer-listing__intro {
	top: 90px;
}

.customer-listing .customer-listing__metric {
	top: 210px;
}

.customer-listing:hover .customer-listing__intro,
.customer-listing:hover .customer-listing__metric {
	opacity: 1;
}

.customer-listing:hover .customer-listing__intro {
	top: 100px;
	transition-delay: 0.1s;
}

.customer-listing:hover .customer-listing__metric {
	top: 230px;
	transition-delay: 0.3s;
}

.platforms-automation {
	margin-bottom: 6rem;
}

.platforms-automation h2 {
	text-align: center;
	margin-bottom: 4.5rem;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.platforms-automation img {
	margin-bottom: 3rem;
}

.platforms-automation h3 {
	margin-top: 6rem;
	width: 320px;
	margin-bottom: 1.7rem;
}

.platforms-automation span {
	width: 370px;
}

.platforms-automation h3,
.platforms-automation span {
	display: block;
	margin-left: 6rem;
}

.platforms-automation.covered h2 {
	margin-bottom: 2rem;
}

.platforms-automation .covered-strapline {
	text-align: center;
	width: 600px;
	margin: 0 auto 4.5rem;
}

.platforms-automation.covered h3 {
	margin-top: 0;
}

.platforms-automation.covered h3,
.platforms-automation.covered .covered-text,
.platforms-automation.covered .covered-bullets {
	margin-left: 4.5rem;
}

.platforms-automation.covered h3,
.platforms-automation.covered span,
.platforms-automation.covered p {
	display: block;
	width: auto;
}

.platforms-automation.covered span,
.platforms-automation.covered p {
	margin-left: 0;
}

.platforms-automation .covered-text {
	font-family: akagi-pro, sans-serif;
	font-weight: 700;
}

.platforms-automation .covered-bullets {
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	margin: 2rem 0 8rem;
}

.platforms-automation > div > div:nth-child(7) > span.covered-bullets {
	margin-bottom: 0;
}

.platforms-automation .covered-bullets ul {
	margin: 0 0 0 2.5rem;
	padding: 0;
}

.platforms-automation .covered-bullets ul li {
	margin-bottom: 2.5rem;
	padding-left: 1rem;
}

.intgration-logos img {
	vertical-align: middle;
	margin-right: 1rem;
}

.covered-logos {
	margin-left: 2rem;
}

.covered-logos img {
	vertical-align: middle;
	max-height: 40px;
	max-width: 75px;
	margin-right: 0.8rem;
}

.theme-red {
	background: var(--crimson);
	border-color: var(--red);
}

.theme-red h1,
.theme-red h2,
.theme-red h3,
.theme-red h4,
.theme-red h5,
.theme-red h6,
.theme-red div,
.theme-red label,
.theme-red span,
.theme-red p {
	color: white;
}

.theme-red .demo__hi {
	background: transparent;
}

.theme-red .demo__lo {
	background: transparent;
}

.theme-red i[class*="icon-"] {
	mix-blend-mode: screen;
}

.theme-blue {
	background: var(--malibu);
	border-color: var(--malibu-hover);
}
.theme-blue h1,
.theme-blue h2,
.theme-blue h3,
.theme-blue h4,
.theme-blue h5,
.theme-blue h6,
.theme-blue div,
.theme-blue label,
.theme-blue span,
.theme-blue p {
	color: white;
}

.theme-blue .demo__hi {
	background: transparent;
}

.theme-blue .demo__lo {
	background: transparent;
}

.theme-blue i[class*="icon-"] {
	mix-blend-mode: screen;
}

.theme-turquoise {
	background: var(--bright-turquoise);
	border-color: var(--white);
}

.theme-turquoise .demo__hi {
	background: transparent;
}

.theme-turquoise .demo__lo {
	background: transparent;
}

.theme-turquoise i[class*="icon-"] {
	mix-blend-mode: screen;
}

.theme-charcoal {
	background: var(--bright-grey);
	border-color: var(--malibu-hover);
}
.theme-charcoal h1,
.theme-charcoal h2,
.theme-charcoal h3,
.theme-charcoal h4,
.theme-charcoal h5,
.theme-charcoal h6,
.theme-charcoal div,
.theme-charcoal label,
.theme-charcoal span,
.theme-charcoal p {
	color: white;
}

.theme-charcoal .demo__hi {
	background: transparent;
}

.theme-charcoal .demo__lo {
	background: transparent;
}

.theme-charcoal i[class*="icon-"] {
	mix-blend-mode: screen;
}

.header-shown .u-sizeFull {
	padding-top: 9.9rem;
}

#hs_cos_wrapper_Right_Content > div {
	height: 100%;
}

.hs-form .hs-form-booleancheckbox-display span {
	display: block;
	margin-left: 0.8rem;
	top: -0.2rem;
	position: relative;
}

.hs-form .hs-form-booleancheckbox-display span > span {
	margin-left: 0;
	top: initial;
}

.hs-form .hs-form-booleancheckbox-display {
	display: flex;
	align-items: baseline;
}

label {
	font-size: 13px !important;
	font-weight: bold;
}

.hs-error-msgs label {
	font-size: 12px !important;
	font-weight: 400 !important;
}

select,
input,
textarea {
	min-height: 42px;
	padding: 1.1rem 0.6rem;
	margin-bottom: 1.3rem;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #c1c3c8;
	outline: none;
	box-shadow: none;
}

select:focus,
input:focus,
textarea:focus {
	outline: none;
	border-color: var(--malibu);
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--manatee) !important;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: pink !important;
}
:-ms-input-placeholder {
	/* IE 10+ */
	color: pink !important;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: var() !important;
}

/* Will's Blog Edits - Aug 28, 2018 */
.blog-latest__content.blog-post__title {
	padding: 10% 0 !important;
	max-width: 800px;
	width: 90%;
	margin: auto;
}

@media (min-width: 780px) {
	.blog-latest__content.blog-post__title {
		transform: translateX(0);
	}
}

@media (min-width: 940px) {
	.blog-latest__content.blog-post__title {
		transform: translateX(-5rem);
	}
}

@media (max-width: 800px) {
	.blog-latest__text h1 {
		font-size: 6.5vw !important;
	}
}

.blog-latest {
	min-height: auto;
}

@media (max-width: 915px) {
	.blog-latest {
		margin-top: 13.5rem;
	}
}

@media (max-width: 750px) {
	.blog-latest {
		margin-top: 6.5rem;
	}
}

@media (max-width: 1050px) {
	.blog-post__related {
		float: none;
		max-width: initial;
		width: 100%;
		margin: 5vw auto;
	}
}

.blog-post {
	max-width: 78rem;
	margin: auto;
	width: 90%;
}

.blog-post__content__wrapper {
	padding-right: 7rem;
}

div#blog-post__social {
	margin-right: -2rem !important;
	transform: translateX(4rem);
}

@media (max-width: 500px) {
	div#blog-post__social {
		display: none;
	}

	.blog-post__content__wrapper {
		padding: 0;
	}
}

.blog-subscribe__large .post-subscribe__text {
	max-width: 550px;
	width: 100%;
}

.blog-subscribe form div.actions {
	margin-top: 2rem;
}

.blog-subscribe__large {
	width: calc(100% + 7rem);
	margin: auto;
	float: none;
}

@media (max-width: 500px) {
	.blog-subscribe__large {
		width: 100%;
	}
}

.blog-listings__image {
	width: 100%;
	height: auto;
}

.blog-listings__image:before {
	content: "";
	display: block;
}

.webinar-related {
	width: 100%;
}

.blog-listings__image {
	width: 100%;
	height: auto;
}

@media (max-width: 400px) {
	.blog-subscribe form div.input {
		width: 100%;
	}

	.blog-subscribe .hs-input {
		width: 100% !important;
		margin: 0 !important;
		max-width: 100% !important;
		display: block;
	}
}

.blog-latest__content {
	width: 100%;
	max-width: 1280px;
}

@media (max-width: 1280px) {
	.blog-latest__content {
		padding: 5vw 5vw 5vw;
		max-width: 980px;
	}
}

@media (max-width: 780px) {
	.blog-latest__text .blog-latest__description {
		font-size: 1.4rem;
	}
}

.blog-subscribe__wrapper {
	grid-column: 1 / span 3;
	grid-row: 3;
	width: 100%;
}

@media (max-width: 1000px) {
	.blog-subscribe__wrapper {
		grid-column: 1 / span 2;
		grid-row: 3;
		width: 100%;
	}
}

@media (max-width: 650px) {
	.blog-subscribe__wrapper {
		grid-column: 1 / span 1;
		grid-row: 3;
		width: 100%;
	}
}

.demo__left {
	width: 90%;
	max-width: 100%;
	margin: 0 auto;
}

@media (min-width: 650px) {
	.demo__left {
		width: 90%;
		max-width: 92rem;
		margin-top: 4rem !important;
		padding: 0 4rem;
		margin: 0 auto;
	}
}

.u-lg-size2of3 .demo__left,
.u-lg-size3of4 .demo__left {
	margin: 0 auto;
}

/* CTA's */
.cta,
input[type="submit"] {
	font-size: 1.5rem;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	padding: 0.92275em 2.6em 0.8em;
	cursor: pointer;
	border: 0;
	color: var(--white);
	border: 2px solid transparent;
	line-height: 1;
}

.cta.small {
	font-size: 1.5rem !important;
	padding: 0.5em 1.8em 0.4em;
}

.cta.large {
	font-size: 1.8rem !important;
}

.cta.wide {
	padding-left: 3.6em;
	padding-right: 3.6em;
}

.cta.slim {
	padding-left: 1em;
	padding-right: 1em;
}

.cta.red,
input[type="submit"] {
	background-color: var(--coral-red);
}

.cta.red:hover,
input[type="submit"]:hover,
.cta.red:focus,
input[type="submit"]:focus {
	background-color: var(--crimson);
}

.cta.red:active,
input[type="submit"]:active {
	background-color: var(--radical-red);
}

.cta.blue {
	background-color: var(--malibu);
}

.cta.blue:hover,
.cta.blue:focus {
	background-color: var(--malibu-hover);
}

.cta.blue:active {
	background-color: var(--malibu-hover);
}

.cta.gray {
	background-color: var(--bright-grey);
}

.cta.gray:hover,
.cta.gray:focus {
	background-color: var(--black);
}

.cta.gray:active {
	background-color: var(--bright-grey);
}

.cta.white {
	background-color: var(--white);
	color: var(--bright-gray);
}

.cta.white:hover,
.cta.white:focus,
.cta.white:active {
	background-color: var(--white);
}

.cta.outline {
	border-color: var(--red);
	outline: 0;
	background: transparent;
}

.cta.red.outline {
	color: var(--red);
}

.cta.red.outline:hover,
.cta.red.outline:focus {
	color: white;
	background: var(--coral-red);
	border-color: var(--coral-red);
}

.cta.blue.outline {
	border-color: var(--malibu);
	color: var(--malibu);
}

.cta.blue.outline:hover,
.cta.blue.outline:focus {
	color: white;
	background: var(--malibu);
}

.cta.gray.outline {
	border-color: var(--bright-grey);
	color: var(--bright-grey);
}

.cta.gray.outline:hover,
.cta.gray.outline:focus {
	color: white;
	background: var(--bright-grey);
}

.cta.white.outline {
	border-color: var(--white);
	color: var(--white);
}

.cta.white.outline:hover,
.cta.white.outline:focus {
	color: var(--bright-grey);
	background: var(--white);
}

.cta i.icon-link-arrow {
	margin-left: 0.75rem;
}

.cta.ghost {
	border: 0;
	background: transparent !important;
	padding: 0;
}

.cta.ghost.red {
	color: var(--coral-red);
}

.cta.ghost.red:hover,
.cta.ghost.red:focus {
	color: var(--crimson);
}

.cta.ghost.blue {
	color: var(--malibu);
}

.cta.ghost.blue:hover,
.cta.ghost.blue:focus {
	color: var(--malibu-hover);
}

.cta.ghost.gray {
	color: var(--bright-grey);
}

.cta.ghost.gray:hover,
.cta.ghost.gray:focus {
	color: var(--grey);
}

.cta.ghost.white {
	color: var(--white);
}

.cta.ghost.white:hover,
.cta.ghost.white:focus {
	color: var(--zircon);
}

#copied.active {
	transform: translateY(0%) !important;
}

.custom-checkbox {
	position: relative;
	top: 2px;
	left: 0;
	height: 17px;
	width: 17px;
	flex: 0 0 17px;
	background-color: var(--zircon);
	opacity: 1;
	transition: all 200ms ease 0s;
	background: transparent;
	border: 1px solid var(--iron);
	cursor: pointer;
}

.cs-theme-blue .custom-checkbox,
.theme-blue .custom-checkbox {
	background: white;
	border-color: var(--iron) !important;
}

/* On mouse-over, add a grey background color */
label:hover input[type="checkbox"] ~ .custom-checkbox {
	opacity: 0.725;
	border-color: var(--bright-grey);
}

.theme-dark label:hover input[type="checkbox"] ~ .custom-checkbox,
.cs-theme-dark label:hover input[type="checkbox"] ~ .custom-checkbox {
	border-color: white;
}

/* When the checkbox is checked, add a blue background */
label input[type="checkbox"]:checked ~ .custom-checkbox {
	opacity: 1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox::after {
	content: "";
	position: absolute;
}

/* Show the checkmark when checked */
label input[type="checkbox"]:checked ~ .custom-checkbox:after {
	transform: scale(1) rotate(45deg);
}

/* Style the checkmark/indicator */
.custom-checkbox::after {
	left: 5px;
	top: 2px;
	width: 3px;
	height: 7px;
	border: solid var(--malibu);
	border-width: 0 2px 2px 0;
	transition: all 200ms ease 0s;
	transform: scale(0) rotate(45deg);
}

.no-header .responsive-container-wrapper {
	margin-top: 0 !important;
}

.navigation {
	position: relative;
	width: 100%;
	margin-top: -3rem;
	border-bottom: 1px solid rgba(49, 53, 71, 0.15);
	min-width: 320px;
}

.navigation .navigation__top {
	opacity: 0;
}

#mobile-navigation {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100%;
	background: white;
	padding: calc(10vh + 1rem) 0 calc(5vh + 10rem) 0;
	top: 0%;
	transition: opacity 350ms ease 0s, clip-path 350ms ease 0s;
	opacity: 0;
	pointer-events: none;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
	clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
}

@media screen and (min-width: 1000px) {
	#mobile-navigation {
		display: none;
	}
}

#mobile-navigation.open {
	opacity: 1;
	pointer-events: initial;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

#mobile-navigation a {
	font-size: inherit;
}

#mobile-navigation .navigation-cta > .hs_cos_wrapper_type_cta .cta__red {
	padding: 2rem 6rem;
	line-height: 1;
}

#mobile-navigation ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	align-items: center;
}

#mobile-navigation ul li {
	font-size: 2rem;
}

@media screen and (min-width: 600px) {
	#mobile-navigation ul li {
		font-size: 2.4rem;
	}
}

#mobile-navigation.open ul li {
	animation: fadeInDown 350ms linear both 100ms;
}

#mobile-navigation.open ul li:nth-child(1) {
	animation-delay: 150ms;
}
#mobile-navigation.open ul li:nth-child(2) {
	animation-delay: 200ms;
}
#mobile-navigation.open ul li:nth-child(3) {
	animation-delay: 250ms;
}
#mobile-navigation.open ul li:nth-child(4) {
	animation-delay: 300ms;
}
#mobile-navigation.open ul li:nth-child(5) {
	animation-delay: 350ms;
}
#mobile-navigation.open ul li:nth-child(6) {
	animation-delay: 400ms;
}
#mobile-navigation.open ul li:nth-child(7) {
	animation-delay: 450ms;
}
#mobile-navigation.open ul li:nth-child(8) {
	animation-delay: 500ms;
}
#mobile-navigation.open ul li:nth-child(9) {
	animation-delay: 550ms;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.hamburger {
	width: 2rem;
	height: 2rem;
	display: block;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: white;
}

.hamburger::before,
.hamburger::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--bright-grey, black);
	left: 0;
	top: 4px;
	transition: all 250ms ease 0s;
}

.hamburger::after {
	top: auto;
	bottom: 4px;
}

.hamburger.open::before {
	transform: rotate(45deg) translate3d(3.5px, 3.5px, 0) scale(1.2, 1);
}

.hamburger.open::after {
	transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0) scale(1.2, 1);
}

.navigation ul li.search-button {
	display: none;
}

.blog .navigation ul li.search-button {
	display: block;
}

button.search-btn {
	font-size: 2rem;
	display: flex;
	padding: 0.3rem 0 0 0;
	height: 3.2rem;
	width: 3.2rem;
	justify-content: center;
	align-items: center;
	color: var(--bright-grey, black);
	-webkit-appearance: none;
	appearance: none;
	outline: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

button.search-btn:hover,
button.search-btn:focus {
	color: var(--malibu);
}

.navigation__main .search-button i {
	font-size: inherit;
	color: inherit;
}

.navigation__content {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 5%;
}

.navigation {
	z-index: 4;
	list-style: none;
	display: inline-block;
	top: 0;
	position: fixed;
	background: var(--white);
}

.navigation,
.navigation__top {
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.navigation a {
	color: var(--bright-grey);
	cursor: pointer;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.navigation a:hover,
.navigation a:hover h4 {
	color: var(--malibu);
}

.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.navigation ul li {
	margin: 0;
	display: inline-block;
}

.navigation__logo {
	margin: 0 2rem 0 0;
	position: relative;
	z-index: 9;
	min-width: 40px;
}

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

.navigation__logo {
	position: relative;
	width: 187px;
	height: 40px;
	background: url("//www.conversocial.com/hubfs/--EL--2018+/--Conversocial-Logos/0.0-Conversocial-Logo.svg");
	transition: all 0s ease 0s;
}

.navigation__logo::after {
	transition: all 100ms ease 0s;
	content: "";
	display: block;
	position: absolute;
	background: white;
	z-index: 1;
	width: calc(100% - 40px);
	height: 100%;
	top: 0;
	left: 40px;
	opacity: 0;
	pointer-events: none;
}

.navigation.open .navigation__logo,
.blog .navigation__logo {
	width: 40px;
	transition: all 100ms ease 100ms;
}

.navigation.open .navigation__logo::after,
.blog .navigation__logo::after {
	opacity: 1;
}

.navigation__logo a {
	width: 100%;
	max-width: 187px;
	height: 100%;
}

.navigation__logo a.ttu {
	letter-spacing: 0.04em;
}

.navigation__top {
	font-size: 1.2rem;
	text-align: right;
	padding-right: 2.25rem;
}

.navigation__top ul li {
	margin: 1.3rem 0 0.4rem 2rem;
}

.navigation__btm {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}

.navigation__main {
	flex: 1;
	text-align: right;
	position: relative;
}

.navigation__main::before,
.navigation__main::after {
	display: flex;
}

.navigation__main__desktop,
.navigation__top {
	width: auto;
	height: auto;
	margin: auto;
	position: relative;
	clip: auto;
	overflow: visible;
}

.navigation__main__desktop ul li {
	display: none;
}

.navigation__main__desktop ul li.navigation-cta {
	display: none;
}
.navigation__main__desktop ul li.hamburger-button {
	display: inline-block;
}

.navigation__main__desktop ul li.hamburger-button {
	position: relative;
	z-index: 2;
}

.navigation__main a {
	font-size: 1.8rem;
	padding: 0.9rem 1rem;
	display: block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.navigation__main ul li ul li a {
	margin: 0;
	padding: 0;
}

.navigation__main i {
	font-size: 0.3rem;
	color: #989aa3;
	position: relative;
	bottom: 2px;
}

.navigation-cta > .hs_cos_wrapper_type_cta .cta__red {
	font-size: 1.5rem;
	margin: 0;
	padding: 0.8rem 2.4rem 0.5rem;
}

.navigation__main__desktop ul li {
	position: relative;
	margin-left: 1rem;
}

.navigation__main__desktop ul li:first-of-type {
	margin-left: 0;
}

.navigation__main__desktop ul li ul {
	display: none;
	position: absolute;
	min-width: 375px;
	z-index: 6;
	box-shadow: 0 4px 7px 0 rgba(69, 103, 252, 0.11);
	padding: 0.8rem 0;
	border: 1px solid rgba(49, 53, 71, 0.15);
	transition: 0.5s linear;
	background: var(--white);
	text-align: left;
	top: 99%;
	left: -20px;
}

.navigation__main__desktop ul li ul li {
	display: block;
	margin: 0;
	padding: 1.5rem 3.9rem;
}

.navigation__main__desktop ul .super ul {
	min-width: 475px;
	left: -40px;
	padding: 0;
}

.navigation__main__desktop ul .super ul li {
	padding-top: 2.3rem;
	padding-bottom: 2.3rem;
}

.navigation__main__desktop ul li ul div {
	width: 50%;
	display: table-cell;
}

.navigation__main__desktop ul .super ul div a {
	display: block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	padding: 0;
	margin: 0 0 1rem 0;
}

.navigation__main__desktop ul .super ul div a:last-child {
	margin-bottom: 0;
}

.navigation__main__desktop ul .super ul div:nth-child(1) {
	padding-right: 2.5rem;
}

.navigation__main__desktop ul .super ul div:nth-child(2) {
	padding-left: 2.5rem;
}

.navigation__main__desktop ul .super ul li {
	border-bottom: 1px solid rgba(49, 53, 71, 0.1);
}

.navigation__main__desktop ul .super ul li:last-child {
	border-bottom: 0;
}

.navigation .packages {
	background-color: var(--zircon);
	text-align: center;
	padding: 0 !important;
}

.navigation .packages a {
	background-color: var(--zircon);
	color: var(--malibu);
	font-size: 1.8rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	padding: 1.5rem 1rem 1.1rem;
	transition: 0.3s;
}

.navigation .packages a:hover {
	background-color: var(--malibu);
	color: var(--white);
}

.navigation .about .u-lg-size1of2:nth-child(1) {
	padding-right: 1.3rem;
}

.navigation .about .u-lg-size1of2:nth-child(2) {
	padding-left: 1.2rem;
}

.navigation__main__desktop ul .super ul li h5 {
	margin-top: 0.5rem;
	margin-bottom: 0.6rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.navigation__main__desktop ul .super ul li span {
	color: var(--mid-grey);
}

.navigation__main__desktop ul .about ul {
	min-width: 175px;
	left: unset;
	right: -45px;
}

.navigation__main__desktop ul .about ul li a {
	padding: 0 2.5rem 2.3rem 0;
}

.navigation__main__desktop ul .about ul li a:last-child {
	padding-bottom: 0;
}

.navigation__main__desktop ul .about ul:before,
.navigation__main__desktop ul .about ul:after {
	left: unset;
	right: 80px;
}

.navigation__main__desktop ul li:hover ul {
	display: block;
}

.navigation__main__desktop ul li:hover ul {
	display: block;
}

.navigation__main__desktop ul li ul:before,
.navigation__main__desktop ul li ul:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 80px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
}

.navigation__main__desktop ul li ul:before {
	border-color: transparent transparent var(--iron) transparent;
	top: -10px;
}

.navigation__main__desktop ul li ul:after {
	border-color: transparent transparent var(--white) transparent;
	top: -9px;
}

.navigation__main__desktop ul li.solutions ul:before,
.navigation__main__desktop ul li.solutions ul:after {
	left: 6rem;
}

.navigation__main__desktop ul li.learn ul:before,
.navigation__main__desktop ul li.learn ul:after {
	left: 10rem;
}

.navigation__main__desktop ul li ul li h4 {
	line-height: 2.7rem !important;
	margin: 0;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.navigation__main__desktop ul li ul li span {
	color: var(--mid-grey);
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
}

.navigation__main__desktop ul .learn ul {
	left: -70px;
}
.navigation-2019 .navigation__main__desktop ul .learn ul {
	min-width: 275px;
}

.navigation__main__desktop ul li.solutions > ul {
	padding-bottom: 0;
}

.solutions-context {
	padding-left: 4rem;
	padding-top: 2rem;
	display: block;
	font-family: akagi-pro, sans-serif;
	font-weight: 600;
}

.sticky {
	top: -30px;
}

.sticky .navigation__top {
	opacity: 0;
}

.navigation.sticky,
.sticky-blog {
	box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.4);
}

.dropbtn {
	border: 0;
	cursor: pointer;
}

.alt > .navigation .cta__red {
	color: var(--coral-red) !important;
	border: 2px solid var(--coral-red);
	background-color: var(--white);
	padding: 0.5rem 2.1rem 0.2rem;
}

.alt > .navigation .cta__red:hover,
.alt > .navigation .cta__red:focus {
	color: var(--white) !important;
	background-color: var(--coral-red);
}

.navigation__blog,
.navigation__why {
	display: none;
	border-top: 1px solid rgba(49, 53, 71, 0.15);
}

.navigation__blog__content,
.navigation__why__content {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 5%;
}

ul.navigation__blog__categories,
ul.navigation__why__categories {
	display: flex;
	width: 100%;
	--width: 100px;
	max-width: 750px;
	justify-content: space-evenly;
	margin-left: auto;
	margin-right: 0;
}

.navigation__blog__categories li a,
.navigation__why__categories li a {
	padding: 1.3rem 1rem 0.6rem;
}

.navigation__blog__categories i.icon-search,
.navigation__why__categories i.icon-search {
	font-size: 1.8rem;
}

.navigation__blog__logo {
	display: none;
	width: 180px;
}

.navigation__blog__logo:hover,
.navigation__blog__logo:focus {
	color: var(--malibu);
}

.navigation__blog__logo svg,
.navigation__blog__logo svg * {
	fill: currentColor !important;
}

#search-modal {
	display: block;
	transition: opacity 350ms ease 0s, clip-path 350ms ease 0s;
	opacity: 0;
	pointer-events: none;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
	clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
}

#search-modal.open {
	opacity: 1;
	pointer-events: initial;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.search-modal {
	position: fixed;
	z-index: 8;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: var(--white);
}

.search-modal-content {
	width: 90%;
	max-width: 600px;
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 127px;
	margin-top: -83px;
	animation: fadeInDown 350ms linear both 100ms;
}

.search-modal-content .post-search-field {
	border: 0;
	border-bottom: 1px solid #c0c1c6;
	font-family: ff-tisa-web-pro;
	font-size: 2.4rem;
	line-height: 1.33333333;
	padding: 3rem 0;
	color: var(--bright-grey);
	outline: 0;
	border-radius: 0;
}

.search-modal-content .post-search-field:focus {
	border-bottom-color: var(--malibu);
}

.search-modal-content .post-search-field::placeholder {
	color: var(--bright-grey);
}

.post-search-box div {
	text-align: center;
	margin-top: 1.5rem;
}

.post-search-button {
	font-size: 1.5rem;
	border: 0;
	padding: 1.1rem 3.4rem 0.8rem;
	cursor: pointer;
	outline: 0;
}

.post-search-button:focus {
	background: var(--crimson);
}

#search-modal .search-close {
	position: absolute;
	right: 0;
	top: -6rem;
	color: var(--bright-grey);
	font-size: 3.4rem;
	font-family: akagi-pro, sans-serif;
	font-weight: 400;
	cursor: pointer;
	-webkit-appearance: none;
	transition: 0.3s;
	border: 0;
	height: 3.4rem;
	width: 3.4rem;
	padding: 0;
	line-height: 3.4rem;
	outline: 0;
	background: transparent;
}

#search-modal .search-close:hover,
#search-modal .search-close:focus {
	color: var(--malibu);
	outline: 0;
}

@media screen and (min-width: 550px) {
	.navigation__main__desktop ul li.navigation-cta {
		display: inline-block;
	}
}

@media screen and (min-width: 700px) {
	.navigation__content,
	.navigation__blog__content,
	.navigation__why__content {
		padding: 0 4rem;
	}

	.search-modal-content .post-search-field {
		font-size: 3.6rem;
	}

	#search-modal .search-close {
		font-size: 5rem;
		height: 5rem;
		line-height: 5rem;
	}
}

@media screen and (min-width: 750px) {
	.blog .navigation ul li.search-button {
		display: none;
	}

	.blog .navigation__blog,
	.why-page .navigation__why {
		display: block;
	}
}

@media screen and (min-width: 1000px) {
	.navigation {
		margin-top: 0;
	}

	.navigation .navigation__top {
		opacity: 1;
	}

	.navigation.full {
		margin-top: -3rem;
		box-shadow: 0px 0px 20px -6px rgba(0, 0, 0, 0.4);
	}

	.blog .navigation.full {
		margin-top: calc(-3rem - 6.9rem);
	}

	.navigation.full .navigation__top {
		opacity: 0;
	}

	.navigation__main__desktop ul li {
		display: inline-block;
	}

	.navigation__main__desktop ul li.hamburger-button {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	.navigation__blog__logo {
		display: block;
	}
}

@media screen and (min-width: 1165px) {
	.navigation__main__desktop ul li {
		margin-left: 3rem;
	}

	.navigation__main__desktop ul li:first-of-type {
		margin-left: 0;
	}
}

@keyframes fadeInDown { 
	0% { opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -50, 0, 1); }
	1.3% { transform: matrix3d(1.104, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -39.503, 0, 1); }
	2.55% { transform: matrix3d(1.127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.466, 0, 1); }
	4.1% { transform: matrix3d(1.108, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20.985, 0, 1); }
	5.71% { transform: matrix3d(1.073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.266, 0, 1); }
	8.11% { transform: matrix3d(1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.275, 0, 1); }
	8.81% { transform: matrix3d(1.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.64, 0, 1); }
	11.96% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.804, 0, 1); }
	12.11% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.922, 0, 1); }
	15.07% { transform: matrix3d(0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.11, 0, 1); }
	16.12% { transform: matrix3d(0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.168, 0, 1); }
	27.23% {  opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); }
	27.58% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.353, 0, 1); }
	38.34% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.052, 0, 1); }
	40.09% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.049, 0, 1); }
	50% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.008, 0, 1); }
	60.56% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
	82.78% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}