header > .inner, section > .inner, footer > .inner { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; }

blockquote p:before { content: '\201C'; }

blockquote p:after { content: '\201D'; }

section .content .copy, section .content .visual, section.success { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

section .content .copy > .child, section .content .visual > .child, section.success > .child { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

* { box-sizing: border-box; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; }

html, body { height: 100%; }

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

b, strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

ul, ol { list-style: none; }

li { display: list-item; }

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

th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }

q { quotes: none; }

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

sub, sup, small { font-size: 75%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

svg { overflow: hidden; }

body { font-family: "Source Sans Pro", sans-serif; font-size: 16px; color: #535353; }

img { max-width: 100%; }

h2 { font-size: 2em; text-transform: uppercase; font-weight: 400; margin-bottom: 0.5em; width: 100%; }

h3 { font-size: 1.4em; text-transform: uppercase; font-weight: 300; padding-bottom: 0.5em; }

h4 { font-size: 1.2em; font-weight: 400; margin-bottom: 1em; }

p { line-height: 180%; padding-bottom: 1em; }

iframe { max-width: 100%; }

header { height: 85px; background: rgba(35, 175, 180, 0.7); color: #e4e4e4; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #23afb4; box-shadow: 5px 0 5px #535353; }

header > .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

header .logo { max-width: 21rem; }

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

header a:hover { color: #ffc300; }

@media screen and (min-width: 601px) { header .left-side { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 1em; }
  header .right-side { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 2em; } }

@media screen and (max-width: 600px) { header { height: 50px; padding-left: 10px; padding-right: 10px; }
  header .left-side { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; max-width: 200px; padding-top: 0.65em; }
  header .left-side img { width: 100%; height: 100%; }
  header .right-side { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-top: 0.5em; }
  section.first { padding-top: 70px !important; } }

section { position: relative; padding-top: 2em; padding-bottom: 2em; }

section > .inner { z-index: 3; position: relative; text-align: center; }

section .notches { position: absolute; top: 0; right: 0; height: 100%; z-index: 1; }

section .notches * { fill: rgba(83, 83, 83, 0.2); }

section .content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

section .content .copy { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: left; }

section .content .visual { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: center; }

section .content .visual img { display: inline-block; }

section .content .button-holder { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

section .button-holder { text-align: center; display: block; width: 100%; padding-top: 1.5em; }

section .button.request { font-size: 1.25em; font-family: "Source Sans Pro", sans-serif; display: inline-block; text-transform: uppercase; padding: 1em 1em; min-width: 12.5em; background: #23afb4; color: #e4e4e4; border: 0; font-weight: 300; cursor: pointer; transition: all 0.3s ease; }

section .button.request:hover, section .button.request:focus { box-shadow: 0.2em 0.2em 0.2em #535353; }

section .button.request:active { box-shadow: inset 0.2em 0.2em 0.2em #535353; }

section .button.request[disabled] { background: rgba(35, 175, 180, 0.5); cursor: default; }

section .button.request[disabled]:hover { box-shadow: none; }

section.first { padding-bottom: 7em; }

section.first h1 { text-transform: uppercase; font-weight: 300; text-align: center; width: 100%; margin-bottom: 0.8em; }

section.video-holder { padding-top: 0; }

section.video-holder iframe { max-width: 100%; max-height: 52vw; }

section.video-holder .inner { text-align: center; }

section.grey { background: #58686f; color: #e4e4e4; }

section.white { background: #e4e4e4; }

section.blue { background: #3aa2d0; color: #e4e4e4; }

section.teal { background: #23afb4; color: #e4e4e4; }

section .video-wrapper { text-align: center; margin-top: 3.5em; }

section .video-wrapper iframe { margin-left: auto; margin-right: auto; }

section.success { height: 100vh; }

section.success h1 { font-weight: 300; text-transform: uppercase; font-size: 3.2rem; text-align: center; }

section.success h3 { text-align: center; font-size: 1.5rem; }

.inner.deployment { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 2em; border-bottom: 1px solid #535353; margin-bottom: 2em; }

.inner.deployment .logo-holder { text-align: left; padding-bottom: 1.2em; }

.inner.deployment .logo { max-width: 14rem; }

.inner.deployment .copy-holder { text-align: left; }

@media (max-width: 940px) { section > .inner { padding-left: 10px; padding-right: 10px; } }

@media (min-width: 940px) { section .content { min-height: 22em; }
  section .content .copy { font-size: 1.2em; }
  section.first { padding-top: 140px; }
  section.first h1 { font-size: 2.2em; }
  section.first p { font-size: 1.45em; font-weight: 300; }
  .inner.deployment .image-holder { -webkit-flex-basis: 36%; -ms-flex-preferred-size: 36%; flex-basis: 36%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
  .inner.deployment .copy-holder { -webkit-flex-basis: 64%; -ms-flex-preferred-size: 64%; flex-basis: 64%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding-left: 3em; } }

@media (max-width: 939px) { section { padding-top: 2em; padding-bottom: 2em; }
  section .inner { text-align: center; }
  section .notches { max-width: none; }
  section .content .copy { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: center; }
  section .content .visual { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
  section.first h1 { font-size: 6vw; }
  .video-wrapper iframe { height: 54vw; }
  .inner.deployment .image-holder { padding-bottom: 1.5em; } }

figure.infographic { /* h3 { font-size:1.5rem; font-weight: $bold; } h2 { text-transform: none; font-weight: $light; font-size:2rem; line-height: 105%; } h1 { font-size:4.5rem; font-weight: $bold; color:$teal; line-height: 100%; } sup { font-size:58%; } ul { padding-top: 1em; font-style: italic; font-size:0.8rem;} */ }

figure.infographic h3 { font-size: 1.7rem; font-weight: 700; padding-bottom: 0; }

figure.infographic h4 { font-size: 1.5rem; font-weight: 300; }

figure.infographic h2 { font-size: 1.9rem; font-weight: 700; color: #23afb4; }

@media (max-width: 939px) { figure.infographic .visual img { max-height: 240px; } }

blockquote p { font-size: 1.45rem; line-height: 165%; padding-bottom: 0.5em; text-align: center; }

blockquote cite { display: block; text-align: center; font-size: 1.2em; }

form { width: 100%; }

.flexy-form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; margin-right: auto; text-align: left; }

.flexy-form h2 { font-size: 2em; font-weight: 300; text-align: center; }

.flexy-form .half { -webkit-flex-basis: calc(50% - 3em); -ms-flex-preferred-size: calc(50% - 3em); flex-basis: calc(50% - 3em); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin-right: 2em; }

.flexy-form .half:nth-of-type(even) { margin-right: 0; }

.flexy-form .full-width { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

.flexy-form .form-box > span { text-transform: uppercase; font-weight: 400; line-height: 100%; font-size: 1.15em; display: block; color: #58686f; padding: 1em 0 0 0.5em; }

.flexy-form .form-box > span.required:after { content: '*'; color: #f1795d; }

.flexy-form .contact-type { opacity: 0; max-height: 12px; }

.flexy-form input[type="checkbox"] { opacity: 0; }

.flexy-form input[type="checkbox"] ~ svg.checkbox { width: 1.5em; height: 1.5em; cursor: pointer; }

.flexy-form input[type="checkbox"] ~ svg.checkbox .selected { opacity: 0; }

.flexy-form input[type="checkbox"]:checked ~ svg.checkbox .selected { opacity: 1; }

.flexy-form input[type="checkbox"]:focus ~ svg.checkbox * { fill: #3aa2d0; }

.flexy-form input[type="checkbox"]:focus ~ span { color: #3aa2d0; }

.flexy-form .check-then-label { padding-top: 1.5em; }

.flexy-form .check-then-label input[type="checkbox"] { float: left; }

.flexy-form .check-then-label svg.checkbox { float: left; margin-left: -1em; }

.flexy-form .check-then-label span { display: inline-block; float: left; font-weight: 400; text-transform: none; color: #535353; padding: 0.18em 0 0 0.5em; cursor: pointer; max-width: calc(100% - 2.5em); }

.flexy-form .check-then-label:hover span { color: #3aa2d0; }

.flexy-form .check-then-label:hover svg * { fill: #3aa2d0; }

input[type="text"], input[type="tel"], input[type="email"], textarea { background: rgba(88, 104, 111, 0.15); display: block; width: 100%; border: 0; font-family: "Source Sans Pro", sans-serif; padding: 0.5em 1em; font-size: 1.5em; outline: none; transition: background 0.3s ease-out; }

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus { background: rgba(237, 237, 55, 0.35); }

.contact-direct { font-size: 1.8em; line-height: 140%; font-weight: 300; text-align: center; padding-top: 1em; }

.contact-direct a { display: block; color: #23afb4; text-decoration: none; }

.contact-direct a:hover { text-decoration: underline; }

@media screen and (max-width: 939px) { .contact-direct { font-size: 6vw; }
  .contact-direct a { word-break: break-all; } }

footer { background: #23afb4; color: #e4e4e4; position: relative; overflow: hidden; }

footer > .inner { padding: 0.8em; text-align: center; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-slide { cursor: col-resize; }

.slick-dots { text-align: center; padding-top: 1em; }

.slick-dots li { display: inline-block; margin-right: 1em; }

.slick-dots button { background: transparent; width: 1.4em; height: 1.4em; border: 2px solid #58686f; border-radius: 50%; padding: 0; text-indent: -90px; cursor: pointer; transition: all 0.5s ease; outline: none; overflow: hidden; }

.slick-dots button:after { display: none; }

.slick-dots .slick-active button { background: #58686f; }

.slick-dots button:hover { background-color: #3aa2d0; }

section.grey .slick-dots button { border-color: #e4e4e4; }

section.grey .slick-active button { background: #e4e4e4; }

.slick-prev, .slick-next { outline: none; opacity: 0; transition: opacity 0.3s linear; width: 4em; height: 4em; border: 3px solid; border-radius: 50%; padding: 0; cursor: pointer; padding: 0.5em; position: absolute; top: 40%; font-weight: 700; background: transparent; }

.slick-prev svg *, .slick-next svg * { fill: currentColor; }

.slick-prev { left: -100px; }

.slick-next { right: -100px; }

section.white .slick-prev, section.white .slick-next { border-color: #58686f; color: #58686f; }

section.white .slick-prev:hover, section.white .slick-next:hover { background: #3aa2d0; color: #e4e4e4; }

section.grey .slick-prev, section.grey .slick-next { border-color: #e4e4e4; color: #e4e4e4; }

section.grey .slick-prev:hover, section.grey .slick-next:hover { background: #3aa2d0; }

section.has-slick { padding-top: 4em; padding-bottom: 4em; }

section.has-slick .slick-headline { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-weight: 300; font-size: 1.5rem; text-transform: uppercase; padding-top: 1em; }

section.has-slick:hover .slick-prev, section.has-slick:hover .slick-next { opacity: 1; }

@media (max-width: 939px) { .slick-prev, .slick-next { display: none !important; } }

@media (max-width: 900px) { .slick-prev { left: 10px; }
  .slick-next { right: 10px; } }

/*# sourceMappingURL=recon.css.map */