@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3034170, 2015-05-30T20:37:16-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: SanchezSlab-SemiBoldItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/semi-bold-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Italic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-LightItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/light-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/regular-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Light by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/light-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-SemiBold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/semi-bold-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-ExtraLigh by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/extra-light-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-ExtraLighItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/extra-light-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Bold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/bold-124806/
 * Copyright: Copyright (c) 2013 by Daniel hernández. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-BoldItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/bold-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Black by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/black-124806/
 * Copyright: Copyright (c) 2013 by Daniel hernández. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-BlackItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/black-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: ProximaNovaA-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaT-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 * Webfont: ProximaNovaS-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 * Webfont: ProximaNova-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3034170
 *
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e4c3a");
@font-face {
  font-family: 'SanchezSlab-SemiBoldItalic';
  src: url("/webfonts/2E4C3A_0_0.eot");
  src: url("/webfonts/2E4C3A_0_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_0_0.woff2") format("woff2"), url("/webfonts/2E4C3A_0_0.woff") format("woff"), url("/webfonts/2E4C3A_0_0.ttf") format("truetype"), url("/webfonts/2E4C3A_0_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Italic';
  src: url("/webfonts/2E4C3A_1_0.eot");
  src: url("/webfonts/2E4C3A_1_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_1_0.woff2") format("woff2"), url("/webfonts/2E4C3A_1_0.woff") format("woff"), url("/webfonts/2E4C3A_1_0.ttf") format("truetype"), url("/webfonts/2E4C3A_1_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-LightItalic';
  src: url("/webfonts/2E4C3A_2_0.eot");
  src: url("/webfonts/2E4C3A_2_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_2_0.woff2") format("woff2"), url("/webfonts/2E4C3A_2_0.woff") format("woff"), url("/webfonts/2E4C3A_2_0.ttf") format("truetype"), url("/webfonts/2E4C3A_2_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab';
  src: url("/webfonts/2E4C3A_3_0.eot");
  src: url("/webfonts/2E4C3A_3_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_3_0.woff2") format("woff2"), url("/webfonts/2E4C3A_3_0.woff") format("woff"), url("/webfonts/2E4C3A_3_0.ttf") format("truetype"), url("/webfonts/2E4C3A_3_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Light';
  src: url("/webfonts/2E4C3A_4_0.eot");
  src: url("/webfonts/2E4C3A_4_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_4_0.woff2") format("woff2"), url("/webfonts/2E4C3A_4_0.woff") format("woff"), url("/webfonts/2E4C3A_4_0.ttf") format("truetype"), url("/webfonts/2E4C3A_4_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-SemiBold';
  src: url("/webfonts/2E4C3A_5_0.eot");
  src: url("/webfonts/2E4C3A_5_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_5_0.woff2") format("woff2"), url("/webfonts/2E4C3A_5_0.woff") format("woff"), url("/webfonts/2E4C3A_5_0.ttf") format("truetype"), url("/webfonts/2E4C3A_5_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-ExtraLigh';
  src: url("/webfonts/2E4C3A_6_0.eot");
  src: url("/webfonts/2E4C3A_6_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_6_0.woff2") format("woff2"), url("/webfonts/2E4C3A_6_0.woff") format("woff"), url("/webfonts/2E4C3A_6_0.ttf") format("truetype"), url("/webfonts/2E4C3A_6_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-ExtraLighItalic';
  src: url("/webfonts/2E4C3A_7_0.eot");
  src: url("/webfonts/2E4C3A_7_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_7_0.woff2") format("woff2"), url("/webfonts/2E4C3A_7_0.woff") format("woff"), url("/webfonts/2E4C3A_7_0.ttf") format("truetype"), url("/webfonts/2E4C3A_7_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Bold';
  src: url("/webfonts/2E4C3A_8_0.eot");
  src: url("/webfonts/2E4C3A_8_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_8_0.woff2") format("woff2"), url("/webfonts/2E4C3A_8_0.woff") format("woff"), url("/webfonts/2E4C3A_8_0.ttf") format("truetype"), url("/webfonts/2E4C3A_8_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-BoldItalic';
  src: url("/webfonts/2E4C3A_9_0.eot");
  src: url("/webfonts/2E4C3A_9_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_9_0.woff2") format("woff2"), url("/webfonts/2E4C3A_9_0.woff") format("woff"), url("/webfonts/2E4C3A_9_0.ttf") format("truetype"), url("/webfonts/2E4C3A_9_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Black';
  src: url("/webfonts/2E4C3A_A_0.eot");
  src: url("/webfonts/2E4C3A_A_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_A_0.woff2") format("woff2"), url("/webfonts/2E4C3A_A_0.woff") format("woff"), url("/webfonts/2E4C3A_A_0.ttf") format("truetype"), url("/webfonts/2E4C3A_A_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-BlackItalic';
  src: url("/webfonts/2E4C3A_B_0.eot");
  src: url("/webfonts/2E4C3A_B_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_B_0.woff2") format("woff2"), url("/webfonts/2E4C3A_B_0.woff") format("woff"), url("/webfonts/2E4C3A_B_0.ttf") format("truetype"), url("/webfonts/2E4C3A_B_0.svg#wf") format("svg"); }
/*@font-face {font-family: 'ProximaNovaA-Bold';src: url('/webfonts/2E4C3A_C_0.eot');src: url('/webfonts/2E4C3A_C_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_C_0.woff2') format('woff2'),url('/webfonts/2E4C3A_C_0.woff') format('woff'),url('/webfonts/2E4C3A_C_0.ttf') format('truetype'),url('/webfonts/2E4C3A_C_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Bold';src: url('/webfonts/2E4C3A_D_0.eot');src: url('/webfonts/2E4C3A_D_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_D_0.woff2') format('woff2'),url('/webfonts/2E4C3A_D_0.woff') format('woff'),url('/webfonts/2E4C3A_D_0.ttf') format('truetype'),url('/webfonts/2E4C3A_D_0.svg#wf') format('svg');}
 */
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("/webfonts/2E4C3A_E_0.eot");
  src: url("/webfonts/2E4C3A_E_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_E_0.woff2") format("woff2"), url("/webfonts/2E4C3A_E_0.woff") format("woff"), url("/webfonts/2E4C3A_E_0.ttf") format("truetype"), url("/webfonts/2E4C3A_E_0.svg#wf") format("svg"); }
/*@font-face {font-family: 'ProximaNovaA-Extrabld';src: url('/webfonts/2E4C3A_F_0.eot');src: url('/webfonts/2E4C3A_F_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_F_0.woff2') format('woff2'),url('/webfonts/2E4C3A_F_0.woff') format('woff'),url('/webfonts/2E4C3A_F_0.ttf') format('truetype'),url('/webfonts/2E4C3A_F_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Extrabld';src: url('/webfonts/2E4C3A_10_0.eot');src: url('/webfonts/2E4C3A_10_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_10_0.woff2') format('woff2'),url('/webfonts/2E4C3A_10_0.woff') format('woff'),url('/webfonts/2E4C3A_10_0.ttf') format('truetype'),url('/webfonts/2E4C3A_10_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Extrabld';src: url('/webfonts/2E4C3A_11_0.eot');src: url('/webfonts/2E4C3A_11_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_11_0.woff2') format('woff2'),url('/webfonts/2E4C3A_11_0.woff') format('woff'),url('/webfonts/2E4C3A_11_0.ttf') format('truetype'),url('/webfonts/2E4C3A_11_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Black';src: url('/webfonts/2E4C3A_12_0.eot');src: url('/webfonts/2E4C3A_12_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_12_0.woff2') format('woff2'),url('/webfonts/2E4C3A_12_0.woff') format('woff'),url('/webfonts/2E4C3A_12_0.ttf') format('truetype'),url('/webfonts/2E4C3A_12_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Regular';src: url('/webfonts/2E4C3A_13_0.eot');src: url('/webfonts/2E4C3A_13_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_13_0.woff2') format('woff2'),url('/webfonts/2E4C3A_13_0.woff') format('woff'),url('/webfonts/2E4C3A_13_0.ttf') format('truetype'),url('/webfonts/2E4C3A_13_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Light';src: url('/webfonts/2E4C3A_14_0.eot');src: url('/webfonts/2E4C3A_14_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_14_0.woff2') format('woff2'),url('/webfonts/2E4C3A_14_0.woff') format('woff'),url('/webfonts/2E4C3A_14_0.ttf') format('truetype'),url('/webfonts/2E4C3A_14_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Thin';src: url('/webfonts/2E4C3A_15_0.eot');src: url('/webfonts/2E4C3A_15_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_15_0.woff2') format('woff2'),url('/webfonts/2E4C3A_15_0.woff') format('woff'),url('/webfonts/2E4C3A_15_0.ttf') format('truetype'),url('/webfonts/2E4C3A_15_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Semibold';src: url('/webfonts/2E4C3A_16_0.eot');src: url('/webfonts/2E4C3A_16_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_16_0.woff2') format('woff2'),url('/webfonts/2E4C3A_16_0.woff') format('woff'),url('/webfonts/2E4C3A_16_0.ttf') format('truetype'),url('/webfonts/2E4C3A_16_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Black';src: url('/webfonts/2E4C3A_17_0.eot');src: url('/webfonts/2E4C3A_17_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_17_0.woff2') format('woff2'),url('/webfonts/2E4C3A_17_0.woff') format('woff'),url('/webfonts/2E4C3A_17_0.ttf') format('truetype'),url('/webfonts/2E4C3A_17_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Light';src: url('/webfonts/2E4C3A_18_0.eot');src: url('/webfonts/2E4C3A_18_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_18_0.woff2') format('woff2'),url('/webfonts/2E4C3A_18_0.woff') format('woff'),url('/webfonts/2E4C3A_18_0.ttf') format('truetype'),url('/webfonts/2E4C3A_18_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Regular';src: url('/webfonts/2E4C3A_19_0.eot');src: url('/webfonts/2E4C3A_19_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_19_0.woff2') format('woff2'),url('/webfonts/2E4C3A_19_0.woff') format('woff'),url('/webfonts/2E4C3A_19_0.ttf') format('truetype'),url('/webfonts/2E4C3A_19_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Thin';src: url('/webfonts/2E4C3A_1A_0.eot');src: url('/webfonts/2E4C3A_1A_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1A_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1A_0.woff') format('woff'),url('/webfonts/2E4C3A_1A_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1A_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Semibold';src: url('/webfonts/2E4C3A_1B_0.eot');src: url('/webfonts/2E4C3A_1B_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1B_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1B_0.woff') format('woff'),url('/webfonts/2E4C3A_1B_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1B_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Black';src: url('/webfonts/2E4C3A_1C_0.eot');src: url('/webfonts/2E4C3A_1C_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1C_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1C_0.woff') format('woff'),url('/webfonts/2E4C3A_1C_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1C_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Light';src: url('/webfonts/2E4C3A_1D_0.eot');src: url('/webfonts/2E4C3A_1D_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1D_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1D_0.woff') format('woff'),url('/webfonts/2E4C3A_1D_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1D_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Semibold';src: url('/webfonts/2E4C3A_1E_0.eot');src: url('/webfonts/2E4C3A_1E_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1E_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1E_0.woff') format('woff'),url('/webfonts/2E4C3A_1E_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1E_0.svg#wf') format('svg');}

*/
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("/webfonts/2E4C3A_1F_0.eot");
  src: url("/webfonts/2E4C3A_1F_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_1F_0.woff2") format("woff2"), url("/webfonts/2E4C3A_1F_0.woff") format("woff"), url("/webfonts/2E4C3A_1F_0.ttf") format("truetype"), url("/webfonts/2E4C3A_1F_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src: url("/webfonts/2E4C3A_20_0.eot");
  src: url("/webfonts/2E4C3A_20_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_20_0.woff2") format("woff2"), url("/webfonts/2E4C3A_20_0.woff") format("woff"), url("/webfonts/2E4C3A_20_0.ttf") format("truetype"), url("/webfonts/2E4C3A_20_0.svg#wf") format("svg"); }
/*

@font-face {font-family: 'ProximaNovaA-Medium';src: url('/webfonts/2E4C3A_21_0.eot');src: url('/webfonts/2E4C3A_21_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_21_0.woff2') format('woff2'),url('/webfonts/2E4C3A_21_0.woff') format('woff'),url('/webfonts/2E4C3A_21_0.ttf') format('truetype'),url('/webfonts/2E4C3A_21_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Medium';src: url('/webfonts/2E4C3A_22_0.eot');src: url('/webfonts/2E4C3A_22_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_22_0.woff2') format('woff2'),url('/webfonts/2E4C3A_22_0.woff') format('woff'),url('/webfonts/2E4C3A_22_0.ttf') format('truetype'),url('/webfonts/2E4C3A_22_0.svg#wf') format('svg');}

*/
@font-face {
  font-family: 'ProximaNova-Medium';
  src: url("/webfonts/2E4C3A_23_0.eot");
  src: url("/webfonts/2E4C3A_23_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_23_0.woff2") format("woff2"), url("/webfonts/2E4C3A_23_0.woff") format("woff"), url("/webfonts/2E4C3A_23_0.ttf") format("truetype"), url("/webfonts/2E4C3A_23_0.svg#wf") format("svg"); }
.flex {
  display: flex; }

@media (min-width: 40em) {
  .sm-flex {
    display: flex; } }
@media (min-width: 52em) {
  .md-flex {
    display: flex; } }
@media (min-width: 64em) {
  .lg-flex {
    display: flex; } }
.flex-column {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.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; }

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-none {
  flex: none; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-last {
  order: 99999; }

/* Basscss Grid */
.col {
  float: left;
  box-sizing: border-box; }

.col-right {
  float: right;
  box-sizing: border-box; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box; }

  .sm-col-right {
    float: right;
    box-sizing: border-box; }

  .sm-col-1 {
    width: 8.33333%; }

  .sm-col-2 {
    width: 16.66667%; }

  .sm-col-3 {
    width: 25%; }

  .sm-col-4 {
    width: 33.33333%; }

  .sm-col-5 {
    width: 41.66667%; }

  .sm-col-6 {
    width: 50%; }

  .sm-col-7 {
    width: 58.33333%; }

  .sm-col-8 {
    width: 66.66667%; }

  .sm-col-9 {
    width: 75%; }

  .sm-col-10 {
    width: 83.33333%; }

  .sm-col-11 {
    width: 91.66667%; }

  .sm-col-12 {
    width: 100%; } }
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box; }

  .md-col-right {
    float: right;
    box-sizing: border-box; }

  .md-col-1 {
    width: 8.33333%; }

  .md-col-2 {
    width: 16.66667%; }

  .md-col-3 {
    width: 25%; }

  .md-col-4 {
    width: 33.33333%; }

  .md-col-5 {
    width: 41.66667%; }

  .md-col-6 {
    width: 50%; }

  .md-col-7 {
    width: 58.33333%; }

  .md-col-8 {
    width: 66.66667%; }

  .md-col-9 {
    width: 75%; }

  .md-col-10 {
    width: 83.33333%; }

  .md-col-11 {
    width: 91.66667%; }

  .md-col-12 {
    width: 100%; } }
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box; }

  .lg-col-right {
    float: right;
    box-sizing: border-box; }

  .lg-col-1 {
    width: 8.33333%; }

  .lg-col-2 {
    width: 16.66667%; }

  .lg-col-3 {
    width: 25%; }

  .lg-col-4 {
    width: 33.33333%; }

  .lg-col-5 {
    width: 41.66667%; }

  .lg-col-6 {
    width: 50%; }

  .lg-col-7 {
    width: 58.33333%; }

  .lg-col-8 {
    width: 66.66667%; }

  .lg-col-9 {
    width: 75%; }

  .lg-col-10 {
    width: 83.33333%; }

  .lg-col-11 {
    width: 91.66667%; }

  .lg-col-12 {
    width: 100%; } }
/* Basscss Margin */
.m0 {
  margin: 0; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.mx0 {
  margin-left: 0;
  margin-right: 0; }

.my0 {
  margin-top: 0;
  margin-bottom: 0; }

.m1 {
  margin: 0.5rem; }

.mt1 {
  margin-top: 0.5rem; }

.mr1 {
  margin-right: 0.5rem; }

.mb1 {
  margin-bottom: 0.5rem; }

.ml1 {
  margin-left: 0.5rem; }

.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.m2 {
  margin: 1rem; }

.mt2 {
  margin-top: 1rem; }

.mr2 {
  margin-right: 1rem; }

.mb2 {
  margin-bottom: 1rem; }

.ml2 {
  margin-left: 1rem; }

.mx2 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.m3 {
  margin: 2rem; }

.mt3 {
  margin-top: 2rem; }

.mr3 {
  margin-right: 2rem; }

.mb3 {
  margin-bottom: 2rem; }

.ml3 {
  margin-left: 2rem; }

.mx3 {
  margin-left: 2rem;
  margin-right: 2rem; }

.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.m4 {
  margin: 4rem; }

.mt4 {
  margin-top: 4rem; }

.mr4 {
  margin-right: 4rem; }

.mb4 {
  margin-bottom: 4rem; }

.ml4 {
  margin-left: 4rem; }

.mx4 {
  margin-left: 4rem;
  margin-right: 4rem; }

.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem; }

.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem; }

.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem; }

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

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

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

/* Basscss Padding */
.p0 {
  padding: 0; }

.pt0 {
  padding-top: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.pl0 {
  padding-left: 0; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.py0 {
  padding-top: 0;
  padding-bottom: 0; }

.p1 {
  padding: 0.5rem; }

.pt1 {
  padding-top: 0.5rem; }

.pr1 {
  padding-right: 0.5rem; }

.pb1 {
  padding-bottom: 0.5rem; }

.pl1 {
  padding-left: 0.5rem; }

.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.p2 {
  padding: 1rem; }

.pt2 {
  padding-top: 1rem; }

.pr2 {
  padding-right: 1rem; }

.pb2 {
  padding-bottom: 1rem; }

.pl2 {
  padding-left: 1rem; }

.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.px2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.p3 {
  padding: 2rem; }

.pt3 {
  padding-top: 2rem; }

.pr3 {
  padding-right: 2rem; }

.pb3 {
  padding-bottom: 2rem; }

.pl3 {
  padding-left: 2rem; }

.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.px3 {
  padding-left: 2rem;
  padding-right: 2rem; }

.p4 {
  padding: 4rem; }

.pt4 {
  padding-top: 4rem; }

.pr4 {
  padding-right: 4rem; }

.pb4 {
  padding-bottom: 4rem; }

.pl4 {
  padding-left: 4rem; }

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.px4 {
  padding-left: 4rem;
  padding-right: 4rem; }

/* Bower Dependencies
 * Added automatically with the Gulp file.
 * Do not remove the opening/closing comments.
================================================ */
/* Settings
================================================ */
/* Sizing
================================================ */
/* System Paths
================================================ */
/* Base Grid Settings
================================================ */
/* Colors
================================================ */
/* Fonts
================================================ */
/* Z-Indexes
================================================ */
.masthead {
  z-index: 101; }

/* Utilities
================================================ */
/*
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com
	Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* SVG Image Replacement
================================================ */
.header__logo--centered {
  position: relative; }
  .header__logo--centered svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/* Hide Text
================================================ */
.logo__link, .masthead__wordmark, .footer-links__item--social {
  overflow: hidden;
  text-indent: -1000px; }

/* Element Mixin
================================================ */
/* Modifier Mixin
================================================ */
/* Font-face Mixin
================================================ */
/* Aspect Ratio
================================================ */
/* Image URL Mixin
================================================ */
svg .cls-1 {
  fill: #27bdbe; }
svg .cls-2 {
  font-size: 16px;
  font-family: "ProximaNova-Semibold", "ProximaNova Semibold"; }
svg .cls-2,
svg .cls-7 {
  fill: #fff;
  font-weight: 700; }
svg .cls-3 {
  letter-spacing: 0em; }
svg .cls-4 {
  letter-spacing: 0.03em; }
svg .cls-5 {
  letter-spacing: 0.01em; }
svg .cls-6 {
  letter-spacing: 0.01em; }
svg .cls-7 {
  font-size: 40px;
  font-family: "ProximaNova-Bold", "ProximaNova Bold"; }
svg .cls-8,
svg .cls-9 {
  font-size: 60px; }
svg .cls-8 {
  letter-spacing: 0em; }
svg text {
  font-family: "ProximaNova-Bold", "ProximaNova Bold";
  letter-spacing: 0; }

.flex-spread, .feature-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.flex-grow {
  flex-grow: 1; }

/* @import "utilities/fonts"; */
/* Atoms
================================================ */
/* Placeholders
================================================ */
.h1, .h1--white, .h1--blue, .h1--orange, .h1--icy-blue, .h1--matchlight, .h2, .h2--orange, .h2--blue, .h2--white, .h2--icy-blue, .h2--aqua, .h3, .h3--orange, .h3--blue, .h3--icy-blue, .h3--aqua, .h3--white, .h5, .h5--orange, .h5--orange--margin, .h5--blue, .h5--gray, .h5--icy-blue, .h5--white, .h5--aqua, .h6, .h6--orange, .h6--aqua, .h6--blue, .h6--gray, .h6--medium-gray, .h6--dark-gray, .h6--icy-blue {
  font-family: "ProximaNova-Bold";
  font-weight: 300;
  position: relative; }

.h1--white .h1--underlined, .h1--blue .h1--underlined, .h1--orange .h1--underlined, .h1--icy-blue .h1--underlined, .h2--underlined, .h2--orange .h2--underlined, .h2--orange .h2__link:hover .h2--underlined, .h2--blue .h2--underlined, .h2--white .h2--underlined, .h2--icy-blue .h2--underlined, .h2--aqua .h2--underlined, .h3--underlined, .h3--orange .h3--underlined, .h3--orange .h3__link:hover .h3--underlined, .h3--blue .h3--underlined, .h3--icy-blue .h3--underlined, .h3--aqua .h3--underlined, .h3--white .h3--underlined, .h5--underlined, .h5--orange .h5--underlined, .h5--orange .h5__link:hover .h5--underlined, .h5--orange--margin .h5--underlined, .h5--blue .h5--underlined, .h5--gray .h5--underlined, .h5--icy-blue .h5--underlined, .h5--white .h5--underlined, .h5--aqua .h5--underlined, .h6--orange .h6--underlined, .h6--orange .h6--link:hover .h6--underlined, .h6--gray .h6--underlined, .h6--medium-gray .h6--underlined, .h6--dark-gray .h6--underlined, .standard-content__blockquote u, .standard-content__circle-blockquote u, .dark-matters__nav__link.active .inner-link {
  padding-bottom: 0.1em;
  text-decoration: none; }

.h3--outdent {
  float: left;
  margin-left: -150px;
  margin-right: 32px;
  margin-bottom: 20px;
  margin-top: 18px; }

.h1__link, .h2__link, .h3__link, .h5__link {
  color: inherit;
  text-decoration: none; }

.h1, .h1--white, .h1--blue, .h1--orange, .h1--icy-blue, .h1--matchlight {
  font-size: 80px;
  line-height: 1.5; }

.h2, .h2--orange, .h2--blue, .h2--white, .h2--icy-blue, .h2--aqua {
  font-size: 60px;
  line-height: 1.433; }

.h3, .h3--orange, .h3--blue, .h3--icy-blue, .h3--aqua, .h3--white {
  font-size: 36px;
  line-height: 1.6;
  margin-bottom: 20px; }
  .h3 + p, .h3--orange + p, .h3--blue + p, .h3--icy-blue + p, .h3--aqua + p, .h3--white + p {
    margin-top: 30px; }

.h5, .h5--orange, .h5--orange--margin, .h5--blue, .h5--gray, .h5--icy-blue, .h5--white, .h5--aqua {
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 22px; }
  .h5 + p, .h5--orange + p, .h5--orange--margin + p, .h5--blue + p, .h5--gray + p, .h5--icy-blue + p, .h5--white + p, .h5--aqua + p {
    margin-top: 30px; }
  .h5 + ul, .h5--orange + ul, .h5--orange--margin + ul, .h5--blue + ul, .h5--gray + ul, .h5--icy-blue + ul, .h5--white + ul, .h5--aqua + ul {
    margin-top: 0.5em; }

.h6, .h6--orange, .h6--aqua, .h6--blue, .h6--gray, .h6--medium-gray, .h6--dark-gray, .h6--icy-blue {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: .5em;
  transition: color 100ms; }

/* H1
================================================ */
.h1--white {
  color: white; }
  .h1--white .h1--underlined {
    box-shadow: inset 0 -0.165em 0 white; }
.h1--blue {
  color: #0091b1; }
  .h1--blue .h1--underlined {
    box-shadow: inset 0 -0.165em 0 #0091b1; }
.h1--orange {
  color: #f16138; }
  .h1--orange .h1--underlined {
    box-shadow: inset 0 -0.165em 0 #f16138; }
  .h1--orange .h1__link:hover {
    color: #e64010; }
.h1--icy-blue {
  color: #43c7f4; }
  .h1--icy-blue .h1--underlined {
    box-shadow: inset 0 -0.165em 0 #43c7f4; }
.h1--matchlight {
  color: #43c7f4;
  margin: 66px 0 40px 0; }
  .h1--matchlight .bug--logo {
    height: 108px;
    top: 50%;
    transform: translate3d(-30px, -50%, 0);
    width: 108px; }

/* H2
================================================ */
@media (min-width: 0) and (max-width: 950px) {
  .h2 {
    font-size: 42px; } }
.h2--underlined {
  box-shadow: inset 0 -0.165em 0 #6d6e70; }
.h2--orange {
  color: #f16138; }
  .h2--orange .h2--underlined {
    box-shadow: inset 0 -0.165em 0 #f16138; }
  .h2--orange .h2__link:hover {
    color: #e64010; }
    .h2--orange .h2__link:hover .h2--underlined {
      color: #e64010;
      box-shadow: inset 0 -0.165em 0 #e64010; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--orange {
      font-size: 45px; } }
.h2--blue {
  color: #0091b1; }
  .h2--blue .h2--underlined {
    box-shadow: inset 0 -0.165em 0 #0091b1; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--blue {
      font-size: 45px; } }
.h2--white {
  color: white; }
  .h2--white .h2--underlined {
    box-shadow: inset 0 -0.165em 0 white; }
  .h2--white.h2--centered {
    text-align: center;
    width: 100%; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--white {
      font-size: 45px; } }
.h2--icy-blue {
  color: #43c7f4; }
  .h2--icy-blue .h2--underlined {
    box-shadow: inset 0 -0.165em 0 #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--icy-blue {
      font-size: 45px; } }
.h2--aqua {
  color: #27bdbe; }
  .h2--aqua .h2--underlined {
    box-shadow: inset 0 -0.165em 0 #27bdbe; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--aqua {
      font-size: 45px; } }

/* H3
================================================ */
.h3--underlined {
  box-shadow: inset 0 -0.165em 0 #6d6e70; }
.h3--uppercase {
  text-transform: uppercase; }
.h3--serif {
  font-family: "SanchezSlab", Courier; }
@media (min-width: 0) and (max-width: 950px) {
  .h3--outdent {
    margin-left: 0px; } }
@media (min-width: 0) and (max-width: 950px) {
  .h3 {
    font-size: 32px; } }
.h3--orange {
  color: #f16138; }
  .h3--orange .h3--underlined {
    box-shadow: inset 0 -0.165em 0 #f16138; }
  .h3--orange .h3__link:hover {
    color: #e64010; }
    .h3--orange .h3__link:hover .h3--underlined {
      color: #e64010;
      box-shadow: inset 0 -0.165em 0 #e64010; }
.h3--blue {
  color: #0091b1; }
  .h3--blue .h3--underlined {
    box-shadow: inset 0 -0.165em 0 #0091b1; }
  .h3--blue.h3--centered {
    text-align: center; }
  @media (min-width: 0) and (max-width: 950px) {
    .h3--blue {
      font-size: 32px; } }
.h3--icy-blue {
  color: #43c7f4; }
  .h3--icy-blue .h3--underlined {
    box-shadow: inset 0 -0.165em 0 #43c7f4; }
.h3--aqua {
  color: #27bdbe; }
  .h3--aqua .h3--underlined {
    box-shadow: inset 0 -0.165em 0 #27bdbe; }
.h3--white {
  color: white; }
  .h3--white .h3--underlined {
    box-shadow: inset 0 -0.165em 0 white; }

/* H5
================================================ */
.h5--header {
  font-size: 30px;
  line-height: 1.25; }
.h5--underlined {
  box-shadow: inset 0 -0.165em 0 #6d6e70;
  line-height: 1.5; }
.h5--no-space {
  margin: 0; }
.h5--serif {
  font-family: "SanchezSlab", Courier; }
.h5--orange {
  color: #f16138; }
  .h5--orange .h5--underlined {
    box-shadow: inset 0 -0.165em 0 #f16138; }
  .h5--orange.h5--centered {
    text-align: center; }
  .h5--orange.h5--section-title {
    margin-bottom: 30px; }
  .h5--orange .h5__link:hover .h5--underlined {
    color: #e64010;
    box-shadow: inset 0 -0.165em 0 #e64010; }
  .h5--orange--margin {
    color: #f16138;
    margin-bottom: 20px; }
    .h5--orange--margin .h5--underlined {
      box-shadow: inset 0 -0.165em 0 #f16138; }
    .h5--orange--margin.h5--centered {
      text-align: center; }
    .h5--orange--margin.h5--section-title {
      margin-bottom: 30px; }
.h5--blue {
  color: #0091b1; }
  .h5--blue .h5--underlined {
    box-shadow: inset 0 -0.165em 0 #0091b1; }
.h5--gray {
  color: #939597; }
  .h5--gray .h5--underlined {
    box-shadow: inset 0 -0.165em 0 #939597; }
.h5--icy-blue {
  color: #43c7f4; }
  .h5--icy-blue .h5--underlined {
    box-shadow: inset 0 -0.165em 0 #43c7f4; }
  .h5--icy-blue.h5--centered {
    text-align: center; }
.h5--white {
  color: white; }
  .h5--white .h5--underlined {
    box-shadow: inset 0 -0.165em 0 white; }
  .h5--white.h5--centered {
    text-align: center; }
  .h5--white a {
    transition: color 100ms; }
    .h5--white a:hover {
      color: #0091b1; }
.h5--aqua {
  color: #27bdbe; }
  .h5--aqua .h5--underlined {
    box-shadow: inset 0 -0.165em 0 #27bdbe; }
.h5--matchlight-pitch {
  font-size: 25px;
  font-family: "SanchezSlab", Courier; }
  @media (min-width: 950px) {
    .h5--matchlight-pitch {
      margin-top: 20%; } }

/* H6
================================================ */
.h6 + .p {
  margin-top: 10px; }
.h6 + .list {
  margin: 10px 0 15px; }
.h6--uppercase {
  text-transform: uppercase;
  letter-spacing: 1px; }
.h6--no-space {
  margin-bottom: 0; }
.h6--serif {
  font-family: "SanchezSlab", Courier;
  font-weight: bold; }
.h6--orange {
  color: #f16138; }
  .h6--orange .h6--underlined {
    box-shadow: inset 0 -0.165em 0 #f16138; }
    .h6--orange .h6--underlined .h6--link:hover {
      color: #f16138; }
  .h6--orange .h6--centered {
    text-align: center;
    width: 100%; }
  .h6--orange .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--orange .h6--link:visited {
      color: inherit; }
    .h6--orange .h6--link:hover {
      color: #e64010; }
      .h6--orange .h6--link:hover .h6--underlined {
        color: #e64010;
        box-shadow: inset 0 -0.165em 0 #e64010; }
.h6--aqua {
  color: #27bdbe; }
.h6--blue {
  color: #0091b1; }
.h6--gray {
  color: #939597; }
  .h6--gray .h6--underlined {
    box-shadow: inset 0 -0.165em 0 #939597; }
  .h6--gray.h6--centered {
    text-align: center;
    width: 100%; }
.h6--medium-gray {
  color: #bbbdc0; }
  .h6--medium-gray .h6--underlined {
    box-shadow: inset 0 -0.165em 0 #bbbdc0; }
.h6--dark-gray {
  color: #6d6e70; }
  .h6--dark-gray .h6--underlined {
    box-shadow: inset 0 -0.165em 0 #6d6e70; }
.h6--icy-blue {
  color: #43c7f4; }

.category-title, .category-title--small {
  font-family: "ProximaNova-Bold", sans-serif;
  font-weight: bold;
  font-size: .875rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 1px; }

.category-title--small {
  font-size: .75rem; }

/* Paragraphs
================================================ */
.p + p, .p--intro + p, .p--small + p, .p--normal + p, .p--large + p, .p--spaced + p, .p--redirect + p, .p--tiny + p, .p--read-more + p {
  margin-top: 1em; }

.p--read-more {
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin-top: 1.4em;
  text-transform: uppercase; }
  .p--read-more a {
    color: #0091b1;
    display: inline-block;
    padding-right: 1.3em;
    position: relative;
    text-decoration: none;
    transition: color 150ms, padding-right 150ms; }
    .p--read-more a:after {
      border-bottom: 0.42em solid transparent;
      border-left: 0.63em solid #0091b1;
      border-top: 0.42em solid transparent;
      content: "";
      display: block;
      height: 0;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-60%);
      transition: color 150ms, border 150ms;
      width: 0; }
    .p--read-more a:hover {
      color: #f16138;
      padding-right: 1.5em; }
      .p--read-more a:hover:after {
        border-left: 0.63em solid #f16138; }

.p__link, .content-page__body a {
  box-shadow: 0 3px 0 #43c7f4;
  color: #6d6e70;
  text-decoration: none;
  transition: color 200ms; }
  .p__link:hover, .content-page__body a:hover {
    color: #43c7f4; }

.p {
  font: 300 16px/1.5 "SanchezSlab", Courier; }
  .p .orange-highlight {
    font-weight: bold;
    color: #f16138; }
  .p--intro {
    font: 300 20px/1.3333 "SanchezSlab", Courier;
    color: #939597; }
  .p--bold {
    font: bold 16px/1.5 "SanchezSlab", Courier; }
  .p--small {
    font: 300 13px/1.4 "SanchezSlab", Courier; }
    .p--small--bold {
      font: bold 13px/1.4 "SanchezSlab", Courier; }
  .p--normal {
    font: 300 16px/1.4 "SanchezSlab", Courier; }
    .p--normal--bold {
      font: bold 16px/1.4 "SanchezSlab", Courier; }
  .p--large {
    font: 300 20px/1.4 "SanchezSlab", Courier;
    margin: 0 40px; }
    .p--large--bold {
      font: bold 20px/1.4 "SanchezSlab", Courier; }
  .p--spaced {
    margin-bottom: 1em; }
  .p--redirect {
    margin-top: 40px;
    text-align: center; }
  .p--tiny {
    font: 300 11px/1.3 "SanchezSlab", Courier; }
    .p--tiny--bold {
      font: bold 11px/1.3 "SanchezSlab", Courier; }
  .p--dark-blue {
    color: #007b97; }
  .p--icy-blue {
    color: #43c7f4; }
  .p--dark-gray {
    color: #6d6e70; }
  .p--medium-gray {
    color: #bbbdc0; }
  .p--aqua {
    color: #27bdbe; }
  .p--blue {
    color: #0091b1; }
  .p--callout-orange {
    clear: both;
    box-shadow: inset 0 12px 0 #f16138;
    padding-top: 24px; }
    .p--callout-orange + p {
      margin-top: 41px; }

/* Strong
================================================ */
.p__link, .content-page__body a, .strong, .strong--orange, .strong--blue, .strong--dark-blue, .strong--icy-blue, .strong--aqua, .a, .a--icy-blue, .a--white {
  font-family: "SanchezSlab-Bold", Courier;
  font-weight: 300; }

.strong--orange {
  color: #f16138; }
.strong--blue {
  color: #0091b1; }
.strong--dark-blue {
  color: #007b97; }
.strong--icy-blue {
  color: #43c7f4; }
.strong--aqua {
  color: #27bdbe; }

/* Links
================================================ */
.a, .a--icy-blue, .a--white {
  color: #6d6e70;
  text-decoration: none;
  transition: color 200ms; }
  .a + a, .a--icy-blue + a, .a--white + a {
    margin-top: 1em; }
  .a:hover, .a--icy-blue:hover, .a--white:hover {
    box-shadow: 0 3px 0 #43c7f4; }

.a--clear {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none; }
  .a--clear:hover {
    box-shadow: none; }
.a--bold {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none; }
  .a--bold:hover {
    font-weight: bold;
    box-shadow: none; }
.a--icy-blue {
  color: #43c7f4; }
.a--white {
  color: white; }
  .a--white:hover {
    box-shadow: 0 3px 0 white; }

/* Lists
================================================ */
.list, .list--bulletless, .list--medium-text, .list--small-text, .list--small-text-bulletless {
  margin: 2em 0 1em; }
  .list:first-child, .list--bulletless:first-child, .list--medium-text:first-child, .list--small-text:first-child, .list--small-text-bulletless:first-child {
    margin-top: 0; }

.list--bulleted {
  list-style-type: none;
  position: relative;
  margin-bottom: 2em; }

.list--bulleted .list__item, .feature-list--bulleted .feature-list__item, .dark-matters__nav__link {
  font-weight: bold;
  padding-left: 1.2em;
  position: relative; }
  .list--bulleted .list__item:before, .feature-list--bulleted .feature-list__item:before, .dark-matters__nav__link:before {
    background-color: #0091b1;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0.5em;
    width: 8px; }

.list--bulletless {
  list-style-type: none; }
.list .list__item:last-child {
  margin-bottom: 0; }
.list--bulleted--aqua .list__item:before {
  background-color: #27bdbe; }
.list--bulleted--blue .list__item:before {
  background-color: #0091b1; }
.list--bulleted--medium-gray .list__item:before {
  background-color: #bbbdc0; }
.list--bulleted--dark-gray .list__item:before {
  background-color: #6d6e70; }
.list--bulleted--gray .list__item:before {
  background-color: #939597; }
.list--bulleted--icy-blue .list__item:before {
  background-color: #43c7f4; }
.list--bulleted--orange .list__item:before {
  background-color: #f16138; }
.list--medium-text {
  font: 300 20px/1.75 "SanchezSlab-Bold", Courier; }
.list--small-text {
  font: 300 16px/1.56 "SanchezSlab", Courier; }
.list--small-text-bulletless {
  font: 300 16px/1.56 "SanchezSlab", Courier;
  padding-left: 0.8em;
  list-style-type: none; }

.feature-list {
  align-items: flex-start;
  padding: 30px 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .feature-list {
      display: inline-block;
      width: 100%;
      padding: 0; }
      .feature-list .feature-list__item {
        margin-top: 60px; } }
  .feature-list--row-tb {
    display: inherit; }
    @media (min-width: 480px) and (max-width: 950px) {
      .feature-list--row-tb {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start; }
        .feature-list--row-tb .feature-list__item-quarter {
          flex-grow: 1;
          padding: 0 60px; } }
    @media (min-width: 950px) {
      .feature-list--row-tb .feature-list__item-quarter {
        width: 40%; } }
  .feature-list--mobile-padded {
    padding-bottom: 75px; }
  .feature-list .h6 {
    margin-bottom: 0; }
  .feature-list__item {
    width: 25%; }
    @media (min-width: 480px) and (max-width: 950px) {
      .feature-list__item--full-tablet {
        width: 100%; } }
    .feature-list__item--split {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .feature-list__item--split:after {
        content: " ";
        display: block;
        clear: both; }
      .feature-list__item--split__image {
        width: 32.71028%;
        float: left;
        margin-right: 0.93458%;
        position: relative; }
        .feature-list__item--split__image .image-wrapper {
          position: absolute;
          right: 25px; }
        @media (min-width: 0) and (max-width: 480px) {
          .feature-list__item--split__image {
            width: 43.92523%;
            float: left;
            margin-right: 0.93458%; } }
        @media (min-width: 480px) and (max-width: 950px) {
          .feature-list__item--split__image {
            width: 27.1028%;
            float: left;
            margin-right: 0.93458%; } }
      .feature-list__item--split__body {
        width: 66.35514%;
        float: right;
        margin-right: 0; }
        @media (min-width: 0) and (max-width: 480px) {
          .feature-list__item--split__body {
            width: 55.14019%;
            float: right;
            margin-right: 0; } }
        @media (min-width: 480px) and (max-width: 950px) {
          .feature-list__item--split__body {
            width: 71.96262%;
            float: right;
            margin-right: 0; } }
    .feature-list__item--quote {
      padding: 0; }
    @media (min-width: 950px) {
      .feature-list__item:last-child {
        padding: 0; } }
    @media (min-width: 0) and (max-width: 480px) {
      .feature-list__item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .feature-list__item-half {
    width: 50%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-half:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-half {
        width: 100%; } }
  .feature-list__item-third {
    width: 70%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-third:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-third {
        width: 100%; } }
  .feature-list__item-quarter {
    width: 20%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-quarter:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-quarter {
        width: 100%; } }

.feature-list--bulleted .feature-list__item {
  padding: 0em 0 0 16px; }
@media (min-width: 0) and (max-width: 950px) {
  .feature-list--bulleted {
    padding: 0; }
    .feature-list--bulleted .feature-list__item {
      margin-top: 36px; } }

/* Placeholders
================================================ */
.button, .button--text, .button--light-framed, .button--framed, .button__icon, .button__icon--arrow-right {
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: color 200ms;
  user-select: none;
  cursor: pointer; }

.button__icon, .button__icon--arrow-right {
  position: relative; }
  .button__icon:before, .button__icon--arrow-right:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px; }

/* Buttons
================================================ */
.button--text {
  font: 300 16px/1.4 "ProximaNova-Bold";
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 20px; }
.button--light-framed {
  border: 1px solid #43c7f4;
  background: white;
  color: #43c7f4;
  display: inline-block;
  font: 300 24px/1.166 "ProximaNova-Bold";
  padding: 10px 16px;
  transition: color 200ms, border 200ms;
  background: none; }
  .button--light-framed:hover {
    border: 1px solid #f16138;
    color: #f16138; }
  .button--light-framed.button--orange {
    border: 1px solid #f16138;
    color: #f16138;
    font-weight: 300;
    background: white; }
    .button--light-framed.button--orange:hover {
      border: 1px solid #43c7f4;
      color: #43c7f4; }
  .button--light-framed .download-icon {
    transition: background-image 100ms;
    background-image: url("/images/source/icon-download.svg");
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 4px; }
  .button--light-framed.download-icon--parent:hover .download-icon--hover-orange {
    background-image: url("/images/source/icon-download--orange.svg"); }
  .button--light-framed.button--small {
    font-size: 18px;
    padding: 10px 14px;
    font-weight: 300; }
  @media (min-width: 0) and (max-width: 950px) {
    .button--light-framed {
      font-size: 16px;
      padding: 8px 12px;
      font-weight: 300; } }
.button--framed {
  box-shadow: inset 0 0 0 8px #0091b1;
  color: #0091b1;
  display: inline-block;
  font: 300 24px/1.166 "ProximaNova-Bold";
  padding: 28px 24px;
  transition: color 200ms, box-shadow 200ms; }
  .button--framed:hover {
    box-shadow: inset 0 0 0 8px #f16138;
    color: #f16138; }
.button--orange {
  color: #f16138; }
  .button--orange:hover {
    color: #43c7f4; }
.button__icon--arrow-right {
  padding-right: 24px; }
  .button__icon--arrow-right:before {
    background-image: url("../images/source/icon-arrow-right.svg");
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
.button__icon--text-blue {
  color: #0091b1; }
  .button__icon--text-blue:hover {
    color: #007b97; }
.button__icon--text-dark-blue {
  color: #007b97; }

/* Placeholders
================================================ */
.bug, .bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  border-radius: 50%;
  position: relative;
  text-decoration: none; }

.bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  color: white;
  font: 300 24px/1.3 "ProximaNova-Bold";
  height: 100px;
  transition: background-color 200ms;
  width: 100px; }

.bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center; }

/* Bugs
================================================ */
.bug--logo {
  height: 1.25em;
  width: 4.625rem;
  margin-right: 1rem;
  /*display: inline-block;*/
  /*margin-bottom: -.45em;*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  /*transform: translateY(9px);*/
  background-image: url("/images/bug-blue.svg"); }
.bug--pair {
  display: block;
  padding-bottom: 20px; }
.bug--extra-large {
  position: absolute;
  margin-top: -125px;
  margin-left: 120px; }
  @media (min-width: 0) and (max-width: 950px) {
    .bug--extra-large {
      margin-top: 20px;
      position: relative;
      margin-left: 0;
      max-width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  .bug--extra-large--top {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -125px;
    margin-left: 130px; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--top {
        margin: 10px auto;
        margin-top: 36px;
        width: 100%; } }
  .bug--extra-large--middle {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -95px;
    margin-left: 280px;
    z-index: 1; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--middle {
        margin: 10px auto;
        width: 100%; } }
  .bug--extra-large--bottom {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -95px;
    margin-left: 130px; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--bottom {
        margin: 10px auto;
        width: 100%; } }
.bug--aqua {
  background-color: #27bdbe;
  padding: 1em; }
  .bug--aqua:hover {
    background-color: #1e9394; }
.bug--blue {
  background-color: #0091b1;
  padding: 1em; }
  .bug--blue:hover {
    background-color: #00677e; }
.bug--gray {
  background-color: #939597;
  padding: 1em; }
  .bug--gray:hover {
    background-color: #797c7e; }
.bug--medium-gray {
  background-color: #bbbdc0;
  padding: 1em; }
  .bug--medium-gray:hover {
    background-color: #a1a3a7; }
.bug--dark-gray {
  background-color: #6d6e70;
  padding: 1em; }
  .bug--dark-gray:hover {
    background-color: #545556; }
.bug--icy-blue {
  background-color: #43c7f4;
  padding: 1em; }
  .bug--icy-blue:hover {
    background-color: #13b9f1; }
.bug--orange {
  background-color: #f16138;
  padding: 1em;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "ProximaNova-Bold";
  letter-spacing: 1px; }
  .bug--orange:hover {
    background-color: #e64010; }
.bug--small {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: .5em; }
.bug--large {
  height: 145px;
  width: 145px; }

.feature-list__item-half .bug--blue,
.feature-list__item-half .bug--aqua,
.feature-list__item-half .bug--icy-blue,
.feature-list__item-half .bug--dark-gray,
.feature-list__item-half .bug--medium-gray,
.feature-list__item-half .bug--orange,
.feature-list__item-half .bug--gray {
  margin-left: 30px; }

.bug-grid {
  background: #eaf3f7;
  padding: 36px; }
  @media (min-width: 950px) and (max-width: 1020px) {
    .bug-grid {
      float: left !important;
      clear: left;
      margin-top: 30px;
      min-width: 450px; } }
  @media (min-width: 950px) {
    .bug-grid .content-block--split__first-block {
      width: 55.14019%;
      float: left;
      margin-right: 0.93458%;
      padding-bottom: 0; } }
  .bug-grid .content-block--split__first-block {
    padding-bottom: 0; }
  .bug-grid__header {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.2; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug-grid__header {
        padding-left: 42px;
        padding-top: 36px; } }
  .bug-grid__title {
    flex-grow: 1;
    padding-left: 10%;
    font-family: "ProximaNova-Bold"; }

.border-bug {
  position: absolute;
  top: -40px;
  left: 64px; }
  @media (min-width: 0) and (max-width: 950px) {
    .border-bug {
      left: 45px; } }

/* Figures
================================================ */
.figure__content--eye, .figure__content--tracking, .figure__content--monitor, .figure__content--fingerprints, .figure__content--secure, .figure__content--control {
  height: 100%; }
  .figure__content--eye svg, .figure__content--tracking svg, .figure__content--monitor svg, .figure__content--fingerprints svg, .figure__content--secure svg, .figure__content--control svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.figure__content--eye {
  position: relative; }
  .figure__content--eye:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 63.29114%; }
  .figure__content--eye svg {
    max-width: 225px; }
.figure__content--tracking {
  position: relative; }
  .figure__content--tracking:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 241.09589%; }
  .figure__content--tracking svg {
    right: 10px;
    max-width: 146px; }
.figure__content--monitor {
  position: relative; }
  .figure__content--monitor:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 116%; }
  .figure__content--monitor svg {
    max-width: 224px; }
.figure__content--fingerprints {
  position: relative; }
  .figure__content--fingerprints:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 324.67532%; }
  .figure__content--fingerprints svg {
    max-width: 154px;
    right: 16px; }
.figure__content--secure {
  position: relative; }
  .figure__content--secure:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 146.19883%; }
  .figure__content--secure svg {
    left: 10px;
    max-width: 225px; }
.figure__content--control {
  position: relative; }
  .figure__content--control:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 222.22222%; }
  .figure__content--control svg {
    max-width: 188px;
    right: 24px; }

/* Node Connector Intro/Outro
================================================ */
.node-connector__intro, .node-connector__intro--icy-blue, .node-connector__intro--blue, .node-connector__intro--light-gray, .node-connector__intro--dark-gray, .node-connector__intro--orange, .node-connector__intro--short, .node-connector__outro, .node-connector__outro--white, .node-connector__outro--blue, .node-connector__outro--dark-gray, .node-connector__outro--icy-blue, .node-connector__intro--long, .node-connector__intro--long--icy-blue {
  position: relative; }
  .node-connector__intro:before, .node-connector__intro--icy-blue:before, .node-connector__intro--blue:before, .node-connector__intro--light-gray:before, .node-connector__intro--dark-gray:before, .node-connector__intro--orange:before, .node-connector__intro--short:before, .node-connector__outro:before, .node-connector__outro--white:before, .node-connector__outro--blue:before, .node-connector__outro--dark-gray:before, .node-connector__outro--icy-blue:before, .node-connector__intro--long:before, .node-connector__intro--long--icy-blue:before {
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    height: 74px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 26px; }

.node-connector__intro:before, .node-connector__intro--icy-blue:before, .node-connector__intro--blue:before, .node-connector__intro--light-gray:before, .node-connector__intro--dark-gray:before, .node-connector__intro--orange:before, .node-connector__intro--short:before, .node-connector__intro--long:before, .node-connector__intro--long--icy-blue:before {
  top: 0;
  transform: rotate(180deg) translateX(50%); }

.node-connector__outro:before, .node-connector__outro--white:before, .node-connector__outro--blue:before, .node-connector__outro--dark-gray:before, .node-connector__outro--icy-blue:before {
  bottom: 0; }

.node-connector {
  z-index: 12; }
  .node-connector__intro:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--icy-blue:before {
    background-image: url("../images/source/icon-segment-icy-blue.svg");
    z-index: 9; }
  .node-connector__intro--blue:before {
    background-image: url("../images/source/icon-segment-blue.svg");
    z-index: 9; }
  .node-connector__intro--light-gray:before {
    background-image: url("../images/source/icon-segment-light-gray.svg");
    z-index: 9; }
  .node-connector__intro--dark-gray:before {
    background-image: url("../images/source/icon-segment-dark-gray.svg");
    z-index: 9; }
  .node-connector__intro--orange:before {
    background-image: url("../images/source/icon-segment-orange.svg");
    z-index: 9; }
  .node-connector__intro--short:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--short:before {
    background-image: url("../images/source/icon-segment-short-white.svg");
    background-position-y: 0px;
    height: 58px; }
  .node-connector__outro:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__outro--white:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__outro--blue:before {
    background-image: url("../images/source/icon-segment-blue.svg");
    z-index: 9; }
  .node-connector__outro--blue.node-connector--short:before {
    background-image: url("../images/source/icon-segment-short-blue.svg");
    height: 121px;
    margin-bottom: -59px;
    background-size: cover; }
  .node-connector__outro--dark-gray:before {
    background-image: url("../images/source/icon-segment-dark-gray.svg");
    z-index: 9; }
  .node-connector__outro--icy-blue:before {
    background-image: url("../images/source/icon-segment-icy-blue.svg");
    z-index: 9; }
  .node-connector__intro--long:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--long--icy-blue:before {
    background-image: url("../images/source/icon-segment-icy-blue.svg");
    z-index: 9; }
  @media (min-width: 0) and (max-width: 950px) {
    .node-connector__intro--long--icy-blue {
      padding-top: 100px !important; } }
  @media (min-width: 950px) {
    .node-connector__intro--long--icy-blue {
      padding-top: 60px; }
      .node-connector__intro--long--icy-blue:before {
        background-image: url("../images/source/icon-segment-long-icy-blue.svg");
        height: 580px;
        z-index: 8;
        margin-top: -90px; } }

.header-nav__title,
.header-nav__link, .footer-nav__title, .resource-featured__category, .resource-recent__title {
  font-family: "ProximaNova-Bold", sans-serif; }

.center {
  text-align: center; }

/* Components
================================================ */
.btn {
  font-family: "ProximaNova-Bold";
  font-weight: 500;
  border: solid 1px transparent;
  color: #6d6e70;
  text-decoration: none;
  display: inline-block;
  padding: .55rem .5rem .3rem .8rem;
  transition: all .2s ease; }

.btn-blue {
  color: #43c7f4;
  border-color: #43c7f4; }

.btn-white {
  color: #fff;
  border-color: #fff; }

.btn-orange {
  border-color: #f16138;
  color: #f16138; }

.btn-gray {
  color: #A6A9AB;
  border-color: #A6A9AB; }

.btn-gray:hover {
  color: #6d6e70;
  border-color: #6d6e70; }

/* Section
================================================ */
.intro-movie__control, .intro-movie__control--play, .intro-movie__control--skip {
  background: #007b97;
  border: none;
  color: white;
  cursor: pointer;
  font: 300 15px/1.166 "ProximaNova-Bold";
  outline: none;
  padding: 8px 12px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 200ms;
  letter-spacing: 1px; }

.intro-movie {
  background-color: white;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }
  @media (min-width: 950px) {
    .intro-movie {
      height: 95vh;
      overflow: visible; } }
  @media (min-width: 0) and (max-width: 950px) {
    .intro-movie {
      height: 100%; } }
  .intro-movie:before {
    padding-top: 0; }
  .intro-movie svg {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1; }
  .intro-movie__screen {
    height: 95vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__screen {
        height: 100%;
        left: 50%;
        position: absolute;
        top: 60px;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        width: 100%; } }
    @media (min-width: 950px) {
      .intro-movie__screen {
        height: 95vh;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        width: 100%; } }
  .intro-movie__callout {
    bottom: 50px;
    right: 0;
    padding: 0 76px;
    position: absolute;
    z-index: 2; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__callout {
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 10%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .intro-movie__callout {
        font-size: 16px;
        padding: 6px 8px;
        bottom: 15%; } }
    .intro-movie__callout.highlight {
      z-index: 100;
      bottom: -50px; }
    .intro-movie__callout.animate {
      bottom: 50px;
      transition: bottom 1s; }
      @media (min-width: 0) and (max-width: 950px) {
        .intro-movie__callout.animate {
          bottom: 10%; } }
      @media (min-width: 0) and (max-width: 480px) {
        .intro-movie__callout.animate {
          bottom: 15%; } }
  .intro-movie__controls {
    bottom: -16px;
    width: 100%;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 100;
    display: none; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__controls {
        bottom: -76px; } }
  .intro-movie.isHolding {
    background-color: transparent;
    pointer-events: none;
    overflow: visible; }
    .intro-movie.isHolding .intro-movie__controls {
      pointer-events: auto; }
    .intro-movie.isHolding .intro-movie__control--play {
      display: inline-block; }
    .intro-movie.isHolding .intro-movie__control--skip {
      display: none; }
  .intro-movie.isPlaying .intro-movie__control--play {
    display: none; }
  .intro-movie.isPlaying .intro-movie__control--skip {
    display: inline-block; }

@media (min-width: 0) and (max-width: 950px) {
  .mobile-pad {
    padding-top: 60px; } }

.content-thumbnail__category, .content-thumbnail__date, .content-page__category, .content-page__author, .content-page__category--white, .content-page__author--white, .content-page__back-button, .content-page__date, .content-page__about-author__heading span, .content-page__about-author__body b, .content-page__body h1, .content-page__body h2, .content-page__body h3, .content-page__body h4, .content-page__body h5, .content-page__body h6, .author__heading {
  text-transform: uppercase;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 8px 0;
  position: relative; }

.content-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #43c7f4;
  padding: 30px 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-row {
      display: block;
      border-bottom: none;
      padding: 0; } }

@media (min-width: 950px) {
  .resources-page .content-row:last-of-type {
    /*border-bottom: none;*/
    /*padding-bottom: 0;*/ } }
@media (min-width: 0) and (max-width: 950px) {
  .resources-page .content-row:last-of-type .content-thumbnail:last-of-type {
    /*border-bottom: none;*/ } }

.resources-page .content-row:last-of-type .content-row-sm {
  /*border-bottom: none;*/ }

@media (min-width: 480px) and (max-width: 950px) {
  .content-block.blog-content {
    padding: 0 90px 60px; } }
@media (min-width: 0) and (max-width: 480px) {
  .content-block.blog-content {
    padding: 0 20px 60px; } }

.content-row-sm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 50%; }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-row-sm {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      padding: 36px 0;
      border-bottom: 2px solid #43c7f4; }
      .content-row-sm.content-row--featured:first-child {
        /*border-bottom: none;*/ } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-row-sm {
      display: block;
      width: 100%; } }

.content-thumbnail:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #43c7f4;
  width: calc(100% + 1rem);
  left: .5rem; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-thumbnail:after {
      display: none !important; } }

.resources-inner .content-thumbnail__image-wrapper,
.news-thumbnails .content-thumbnail__image-wrapper {
  display: none; }
.resources-inner .news-header,
.news-thumbnails .news-header {
  margin-top: 0 !important; }

.resources-all .content-thumbnail__image-wrapper {
  display: block; }

.content-thumbnail:nth-child(n+5) .content-thumbnail__image-wrapper {
  display: none; }
.content-thumbnail:nth-child(n+5) .content-thumbnail__category {
  padding-top: 0 !important; }

.content-thumbnail {
  position: relative;
  width: 25%;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 950px) {
    .content-thumbnail:nth-of-type(4n) {
      overflow: hidden; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-thumbnail {
      width: 50%; }
      .content-thumbnail:nth-of-type(2n) {
        overflow: hidden; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-thumbnail {
      width: 100%;
      border-bottom: 2px solid #43c7f4;
      padding: 30px 0; } }
  .content-thumbnail__image-wrapper {
    position: relative;
    width: 180px;
    height: 180px;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-thumbnail__image-wrapper {
        width: 240px;
        height: 240px; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-thumbnail__image-wrapper {
        margin-bottom: 10px; } }
    .content-thumbnail__image-wrapper--large {
      position: relative;
      width: 300px;
      height: 300px;
      overflow: hidden; }
      @media (min-width: 0) and (max-width: 480px) {
        .content-thumbnail__image-wrapper--large {
          width: 100%; } }
    .content-thumbnail__image-wrapper + .content-thumbnail__category {
      /*padding-top: 20px;*/ }
  .content-thumbnail__image {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .content-thumbnail__category {
    color: #0091b1; }
    .content-thumbnail__category + .h5--orange {
      margin-top: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-thumbnail__category {
        padding: 0; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-thumbnail__article-title {
      /*padding: 0 10px;*/ } }
  .content-thumbnail__date {
    color: #939597;
    font-family: "SanchezSlab", Courier;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 30px;
    padding-bottom: 0; }
    .content-thumbnail__date--no-pad {
      margin-left: 0; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-thumbnail__date--no-pad {
          padding: 0 10px; } }
    .content-thumbnail__date + .content-thumbnail__category {
      padding-top: 6px;
      padding-bottom: 12px; }

.content-page__cover-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .content-page__cover-image-wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15); }
.content-page__bug {
  float: right; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__bug {
      float: none; } }
.content-page__cover-image {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__cover-image {
      height: 100%;
      width: auto; } }
.content-page--split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-page--split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-page--split__gutter {
    width: 15.88785%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--split__gutter {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 36px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--split__gutter {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%;
        padding-bottom: 36px; } }
  .content-page--split__main {
    width: 66.35514%;
    float: right;
    margin-right: 0;
    margin-right: 11.21495%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--split__main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--split__main {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
.content-page--blog-split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-page--blog-split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-page--blog-split__gutter {
    width: 15.88785%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--blog-split__gutter {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 36px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__gutter {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%;
        padding-bottom: 36px; } }
  .content-page--blog-split__main {
    width: 60.74766%;
    float: left;
    margin-right: 0.93458%;
    margin-left: 5.60748%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--blog-split__main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__main {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
  .content-page--blog-split__comments {
    width: 10.28037%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--blog-split__comments {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__comments {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
.content-page__image-wrapper {
  width: 100%;
  text-align: center;
  overflow: hidden; }
.content-page__image {
  height: auto;
  max-height: 500px;
  max-width: 960px;
  padding: 0 20px;
  width: 100%; }
.content-page__category, .content-page__author {
  color: #0091b1; }
  .content-page__category--white, .content-page__author--white {
    color: white; }
@media (min-width: 0) and (max-width: 950px) {
  .content-page__author {
    display: inline-block; } }
.content-page--author-section {
  text-align: center; }
  .content-page--author-section .content-page__date {
    margin: 0;
    font-size: 13px;
    font-family: "SanchezSlab", Courier; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page--author-section .content-page__date {
        display: block;
        padding-top: 0; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page--author-section {
      text-align: left; } }
.content-page__comment {
  color: #aaa;
  font-size: 14px;
  line-height: 16px; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__comment {
      padding-top: 16px;
      padding-bottom: 60px; } }
.content-page__author-type {
  font-size: 15px;
  color: #0091b1;
  font-family: "ProximaNova-Regular"; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__author-type {
      display: inline-block; } }
.content-page__author {
  padding: 0; }
.content-page__back-button {
  width: 100px;
  position: absolute;
  left: 60px;
  top: -5px;
  cursor: pointer;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 1px;
  transition: color 100ms; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__back-button {
      bottom: -100px;
      top: auto;
      left: 25%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-page__back-button {
      left: 8%; } }
  .content-page__back-button .back-chevron {
    font-size: 60px;
    float: left;
    margin-left: -60px;
    margin-top: -28px; }
  .content-page__back-button:hover {
    color: #0091b1; }
.content-page__date {
  color: #939597;
  font-family: "SanchezSlab", Courier;
  font-size: 12px;
  margin-left: 30px; }
.content-page__title {
  margin-bottom: 36px; }
.content-page__about-author__heading {
  display: flex;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 30px; }
  .content-page__about-author__heading span {
    color: #43c7f4;
    padding: 0 10px; }
  .content-page__about-author__heading:before, .content-page__about-author__heading:after {
    content: ' ';
    height: 1px;
    background: #43c7f4;
    margin: 5px 0;
    flex-grow: 1; }
.content-page__about-author__body {
  font-size: 13px;
  color: #939597;
  text-align: center; }
.content-page__body p:first-child:first-letter,
.content-page__body p:first-child strong:first-letter {
  float: left;
  color: #0091b1;
  font-size: 105px;
  line-height: 80px;
  height: 80px;
  padding: 10px 10px 0 0px;
  font-family: "ProximaNova-Bold"; }
.content-page__body p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px; }
  .content-page__body p img {
    max-width: 100%; }
.content-page__body blockquote {
  float: left;
  width: 430px;
  border: 8px solid #f16138;
  padding: 36px 50px;
  margin: 10px 52px 36px -240px; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__body blockquote {
      margin: 20px 0;
      float: none; } }
  .content-page__body blockquote p {
    color: #f16138;
    font-family: "ProximaNova-Bold";
    font-size: 28px;
    line-height: 1.2;
    margin: 0; }
    .content-page__body blockquote p:before {
      content: "“";
      float: left;
      margin-left: -12px; }
    .content-page__body blockquote p:after {
      content: "\”"; }
  .content-page__body blockquote p:first-child:first-letter {
    font-size: inherit;
    line-height: inherit;
    height: auto;
    color: inherit;
    margin: inherit;
    padding: inherit;
    position: relative;
    float: none; }
.content-page__body h1, .content-page__body h2, .content-page__body h3, .content-page__body h4, .content-page__body h5, .content-page__body h6 {
  color: #0091b1;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 20px; }
.content-page__body li {
  margin-left: 40px;
  color: #0091b1;
  font-size: 20px;
  line-height: 1.5; }

.blog-roll .post-list__first {
  background: white;
  margin-top: -125px;
  margin-bottom: 0;
  padding: 36px;
  width: 85%; }
  .blog-roll .post-list__first .content-block__interior {
    max-width: 100%; }
  @media (min-width: 0) and (max-width: 480px) {
    .blog-roll .post-list__first {
      width: 100%;
      max-width: 100%;
      margin: 0; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .blog-roll .post-list__first {
      width: 85%;
      max-width: 85%; } }
  .blog-roll .post-list__first-item__thumbnail {
    float: left;
    width: 25%; }
    @media (min-width: 0) and (max-width: 1120px) {
      .blog-roll .post-list__first-item__thumbnail {
        width: 100%;
        float: none; } }
  .blog-roll .post-list__first-item .h2--orange {
    margin-bottom: .5em; }
  .blog-roll .post-list__first-item__info {
    display: inline-block;
    padding-left: 90px;
    width: 75%; }
    @media (min-width: 0) and (max-width: 950px) {
      .blog-roll .post-list__first-item__info {
        width: 100%;
        padding: 0;
        display: block;
        padding-top: 20px; }
        .blog-roll .post-list__first-item__info .content-thumbnail__category {
          padding: 20px 0 0;
          padding-left: 0;
          display: inline-block; } }
    @media (min-width: 0) and (max-width: 1120px) {
      .blog-roll .post-list__first-item__info {
        padding: 0;
        width: 100%; } }
.post-list__item {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #43c7f4;
  padding: 36px 0; }
  .post-list__item:after {
    content: " ";
    display: block;
    clear: both; }
  .post-list__item:first-child {
    padding-top: 0; }
  .post-list__item__thumbnail {
    width: 15.88785%;
    float: left;
    margin-right: 0.93458%; }
    .post-list__item__thumbnail .content-thumbnail__image-wrapper {
      border-radius: 50%;
      height: 120px;
      width: 120px; }
    @media (min-width: 0) and (max-width: 480px) {
      .post-list__item__thumbnail {
        width: 100%;
        text-align: center;
        border-bottom: 10px; } }
  .post-list__item__info {
    width: 43.92523%;
    float: left;
    margin-right: 0.93458%; }
    .post-list__item__info .h5--orange {
      margin: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .post-list__item__info {
        width: 100%; }
        .post-list__item__info .content-thumbnail__category {
          padding-left: 0; }
        .post-list__item__info .content-thumbnail__date {
          margin-left: 15px; } }
  .post-list__item__summary {
    width: 38.31776%;
    float: right;
    margin-right: 0;
    font-family: "ProximaNova-Bold";
    padding-top: 30px; }
    @media (min-width: 0) and (max-width: 950px) {
      .post-list__item__summary {
        width: 100%;
        display: block;
        padding-top: 16px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .post-list__item__combined {
      width: 71.96262%;
      float: right;
      margin-right: 0; } }

.author {
  padding: 36px 0; }
  .author__social {
    color: #939597;
    font-size: 13px;
    margin-top: 30px;
    font-family: "ProximaNova-Bold"; }
  .author__heading {
    color: #939597;
    margin: 20px 0 10px; }
  .author__bio {
    font-size: 20px;
    line-height: 1.5; }

.author__social + .author__social {
  margin-top: 5px;
  margin-bottom: 20px; }

.author + .author {
  border-top: 1px solid #43c7f4; }

.framed-quote {
  position: relative; }
  .framed-quote::before {
    content: "“";
    position: absolute;
    left: -10px; }
  .framed-quote::after {
    content: "”"; }

.author-page .page-header--dark-matters {
  padding-bottom: 50px; }

._barchartbody {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 200px;
  margin-top: 36px;
  margin-bottom: 12px; }

._barchart_labels {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 36px; }

._barchartbar_wrapper {
  text-align: center;
  height: 100%;
  position: relative;
  width: 60px; }

._barchartbar_title {
  text-align: right;
  font-family: ProximaNova-Bold;
  font-weight: 300;
  font-size: 24px;
  color: #f16138; }

._barchartbar {
  display: inline-block;
  background-color: #0091b1;
  width: 60px;
  position: absolute;
  left: 0;
  bottom: 0; }

._barchartbar_label {
  padding-top: 3px;
  color: #6d6e70;
  font-family: ProximaNova-Bold;
  font-weight: 900px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 60px; }

._barchartbar_percentage {
  color: #6d6e70;
  font-family: ProximaNova-Bold;
  text-align: center;
  font-size: 24px; }

._barchartbar_source {
  color: #6d6e70;
  font-family: SanchezSlab;
  font-size: 8px;
  text-align: right; }

/* Base Logo
================================================ */
.logo__link {
  display: block;
  height: 68px;
  position: relative;
  width: 68px; }
.logo svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/* Masthead Component
================================================ */
.masthead {
  background: rgba(255, 255, 255, 0.97);
  height: 80px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-self: center; }
  .masthead__interior {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*height: $header-height;*/
    position: relative;
    justify-content: center; }
    .masthead__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .masthead__logo {
    display: block;
    background-image: url("/images/Terbium_Labs_logo_gray.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: color 200ms, border-color 200ms;
    height: 31px;
    width: 180px; }
    @media (min-width: 950px) {
      .masthead__logo {
        transform: translateY(4px); } }
    .masthead__logo:hover {
      background-image: url("/images/Terbium_Labs_logo_color.png");
      transition: color 200ms, border-color 200ms; }
  .masthead__nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 25px;
    text-align: center; }
    @media (min-width: 0) and (max-width: 480px) {
      .masthead__nav {
        align-items: flex-end; } }
    @media (min-width: 950px) {
      .masthead__nav {
        padding-top: 20px;
        padding-bottom: 20px; } }
    html.touchevents .masthead__nav {
      transform: translate3d(-42px, 0, 0); }
    @media (min-width: 480px) and (max-width: 950px) {
      .masthead__nav {
        /*padding: 10px 25px;*/ }
        html.touchevents .masthead__nav {
          transform: translate3d(0, 0, 0); } }
    @media (min-width: 0) and (max-width: 480px) {
      .masthead__nav {
        padding-left: 20px;
        padding-right: 20px; } }
    .masthead__nav--expanded {
      /*display: block;*/ }
      .masthead__nav--expanded .nav--controls {
        position: absolute;
        right: 25px;
        top: 19px;
        text-align: right; }
  .masthead__wordmark {
    height: 30px;
    margin-top: 6px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 177px; }
    .masthead__wordmark a {
      display: block; }
    html.touchevents .masthead__wordmark {
      transform: translate3d(-42px, -50%, 0); }
    .masthead__wordmark img,
    .masthead__wordmark svg {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .masthead__wordmark path, .masthead__wordmark rect {
      fill: #bbbdc0;
      transition: fill 200ms; }
    .masthead__wordmark:hover path {
      fill: #6d6e70; }
    .masthead__wordmark:hover rect {
      fill: #f16138; }
  @media (min-width: 0) and (max-width: 950px) {
    .masthead {
      height: 60px; }
      .masthead .nav {
        display: none; }
      .masthead .nav--app-buttons {
        display: none; } }
  .masthead__nav--expanded .nav--wrapper {
    background: white;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0; }
  .masthead__nav--expanded .nav--app-buttons,
  .masthead__nav--expanded .nav {
    display: block;
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-right: -25px;
    background: white; }
  .masthead__nav--expanded .nav--app-buttons {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28); }
  .masthead__nav--expanded .nav {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.28);
    /*padding-top: 10px;*/ }
    .masthead__nav--expanded .nav__item {
      display: block;
      width: 40%;
      margin: 0 auto; }
      .masthead__nav--expanded .nav__item:last-child .nav__link {
        border-color: white; }
    .masthead__nav--expanded .nav__link {
      width: 100%;
      padding: 12px 0 7px;
      transition: border-color, 200ms;
      line-height: 1.5; }
      .masthead__nav--expanded .nav__link--login, .masthead__nav--expanded .nav__link--signup {
        float: none; }
      .masthead__nav--expanded .nav__link:after {
        background-color: #f1f1f2;
        height: 2px; }
      .masthead__nav--expanded .nav__link.active, .masthead__nav--expanded .nav__link:hover {
        color: #f16138; }
        .masthead__nav--expanded .nav__link.active:after, .masthead__nav--expanded .nav__link:hover:after {
          background-color: #f16138;
          height: 4px; }
    .masthead__nav--expanded .nav--app-buttons {
      /*display: block;*/
      /*width: 100%;*/
      text-align: center;
      padding: 20px 0; }
    .masthead__nav--expanded .nav__link--expand {
      display: none; }
    .masthead__nav--expanded .nav__link--close {
      display: block; }

.masthead__nav--expanded .masthead__logo {
  transform: translateY(2px);
  margin-bottom: 17px; }

/* Header Component
================================================ */
.header {
  position: relative; }
  .header .logo {
    overflow: auto; }
  .header--intro {
    position: relative;
    background-color: #eeeeef;
    background-image: radial-gradient(white 0%, rgba(255, 255, 255, 0)), url("/images/bg-mesh.gif");
    background-position: center center, center center;
    position: relative;
    overflow: hidden; }
    .header--intro:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 64.84375%; }
    @media (min-width: 950px) {
      .header--intro {
        height: 95vh; } }
  .header--page {
    background-color: #43c7f4;
    background-image: url("../images/bg-mesh-white.png");
    padding: 200px 120px 120px 120px; }
  .header__logo--centered {
    height: 135px;
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate3d(-50%, 0, 0); }
    .header__logo--centered .logo--image {
      width: 500px; }
    @media (min-width: 480px) and (max-width: 950px) {
      .header__logo--centered {
        height: 35%;
        width: 52%;
        top: 28%; }
        .header__logo--centered .logo--image {
          width: 100%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .header__logo--centered {
        height: 45%;
        width: 60%;
        top: 22%; }
        .header__logo--centered .logo--image {
          width: 100%; } }
  .header__logo__slogan {
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 110px;
    line-height: 1.2;
    width: 69%; }
    .header__logo__slogan .logo--image {
      width: 100%; }
    @media (min-width: 0) and (max-width: 950px) {
      .header__logo__slogan {
        top: 45%; } }
  .header__nav {
    bottom: 0;
    left: 0;
    letter-spacing: -0.25em;
    padding-bottom: 80px;
    position: absolute;
    right: 0;
    text-align: center; }
  .header__nav-link {
    background-color: transparent;
    color: #6d6e70;
    box-shadow: inset 0 0 0 12px #f16138;
    display: block;
    line-height: 130px;
    padding: 0 66px;
    position: relative;
    text-decoration: none;
    transition: background-color 200ms, color 200ms; }
    .header__nav-link u {
      background-color: white;
      height: 0;
      left: 50%;
      margin-top: 0.74em;
      position: absolute;
      right: 50%;
      top: 50%;
      transition: left 100ms, right 100ms; }
    .header__nav-link:hover {
      background-color: #f16138;
      color: white; }
      .header__nav-link:hover u {
        height: 6px;
        left: 66px;
        right: 66px; }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav {
    overflow: hidden;
    max-height: 0;
    padding-top: 0; } }
@media (min-width: 950px) {
  .header-nav {
    padding-top: 50px;
    margin-left: 5.625rem; } }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav.expanded {
    padding-top: calc(50px - 1.5rem);
    max-height: 400px; } }

.header-nav .header-nav__list {
  list-style: none; }
  @media (min-width: 0) and (max-width: 800px) {
    .header-nav .header-nav__list {
      width: 49.29577%;
      float: left;
      margin-right: 1.40845%; }
      .header-nav .header-nav__list:nth-of-type(2n) {
        width: 49.29577%;
        float: right;
        margin-right: 0; }
      .header-nav .header-nav__list:nth-of-type(2n + 1) {
        clear: left; } }
  @media (min-width: 800px) {
    .header-nav .header-nav__list {
      width: 23.94366%;
      float: left;
      margin-right: 1.40845%; }
      .header-nav .header-nav__list:last-of-type {
        width: 23.94366%;
        float: right;
        margin-right: 0; } }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav .header-nav__list,
  .footer-nav .header-nav__list {
    margin-top: 1.5rem; } }

.footer-nav .header-nav__list {
  list-style: none; }
  @media (min-width: 0) and (max-width: 950px) {
    .footer-nav .header-nav__list {
      /*margin-top: 1.5rem;*/ } }
  @media (min-width: 480px) and (max-width: 800px) {
    .footer-nav .header-nav__list {
      width: 49.29577%;
      float: left;
      margin-right: 1.40845%; }
      .footer-nav .header-nav__list:nth-of-type(2n) {
        width: 49.29577%;
        float: right;
        margin-right: 0; }
      .footer-nav .header-nav__list:nth-of-type(2n + 1) {
        clear: left; } }
  @media (min-width: 800px) {
    .footer-nav .header-nav__list {
      width: 23.94366%;
      float: left;
      margin-right: 1.40845%; }
      .footer-nav .header-nav__list:last-of-type {
        width: 23.94366%;
        float: right;
        margin-right: 0; } }

.header-nav__item {
  line-height: 1.3125; }

.header-nav__link {
  color: #43c7f4;
  text-decoration: none;
  transition: all .2s ease; }

.header-nav__link:hover {
  color: #fff; }
  .footer-nav .header-nav__link:hover {
    color: #6d6e70; }

.header-nav__title {
  margin-bottom: .375rem; }

.header-nav .header-nav__title {
  color: #fff; }

.footer-nav__title {
  font-size: .75rem;
  margin-bottom: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #939597; }

.footer-nav .header-nav__title {
  color: #939597; }

.footer-nav {
  overflow: hidden;
  margin-bottom: 50px; }

.resources-inner + .page-footer {
  padding-top: 50px; }

.header-nav__expand-container {
  padding-top: 50px; }
  .resources-inner .header-nav__expand-container {
    padding-top: 0;
    /*margin-left: auto;*/
    /*margin-right: auto;*/ }
  @media (min-width: 480px) {
    .header-nav__expand-container {
      text-align: center; } }
  @media (min-width: 950px) {
    .header-nav__expand-container {
      display: none; } }

.header-nav__expand {
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  padding-right: calc(1.5rem + 12px);
  background-image: url(/images/icon-chevron-down.svg);
  background-size: 12px auto;
  background-position: right .75rem center;
  background-repeat: no-repeat; }

/* Placeholders
================================================ */
.content-block, .content-block--last, .content-block--blog, .content-block--first, .content-block__frame--vertical, .content-block__frame--horizontal, .content-block--feature, .content-block--blue, .content-block--icy-blue {
  padding: 40px 36px;
  position: relative; }

.content-block__header, .content-block__header--intro, .content-block__header--quote, .content-block__header--centered, .content-block__header--wide {
  margin-top: -1.2em; }

.content-block__content, .content-block__content--centered {
  margin-top: 2em; }

.content-block__frame, .content-block__frame--vertical, .content-block__frame--horizontal, .content-block__interior, .content-block__interior--narrow {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .content-block__frame:after, .content-block__frame--vertical:after, .content-block__frame--horizontal:after, .content-block__interior:after, .content-block__interior--narrow:after {
    content: " ";
    display: block;
    clear: both; }

.content-block__frame, .content-block__frame--vertical, .content-block__frame--horizontal {
  max-width: 90%;
  border: 6px solid white;
  padding: 50px 80px;
  margin: 20px auto 40px; }

.content-block__figure, .content-block__figure--right, .content-block__figure--left {
  height: 100%;
  position: absolute;
  width: 15.88785%; }

/* Content Block
================================================ */
.content-block--separator, .content-block--separator--thick, .content-block--separator--midpage {
  border-bottom: 1px solid #43c7f4;
  margin: 60px 0;
  width: 100%;
  height: 2px;
  display: block; }

.content-block + .content-block {
  padding-top: 0; }
@media (min-width: 480px) and (max-width: 950px) {
  .content-block {
    padding-left: 15%;
    padding-right: 15%; } }
.content-block--spaced {
  padding: 90px; }
  .content-block--spaced.node-connector__intro--orange {
    padding-top: 110px; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--spaced {
      padding: 60px 36px; }
      .content-block--spaced.node-connector__intro--orange {
        padding-top: 110px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--spaced {
      padding-left: 15%;
      padding-right: 15%; } }
.content-block--last {
  padding-bottom: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--last {
      padding: 50px 18px;
      padding-bottom: 0; }
      .content-block--last.content-block--spaced {
        padding-left: 36px;
        padding-right: 36px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--last {
      padding-left: 15%;
      padding-right: 15%; }
      .content-block--last.content-block--spaced {
        padding-left: 15%;
        padding-right: 15%; } }
@media (min-width: 0) and (max-width: 480px) {
  .content-block--blog {
    padding: 40px 36px;
    padding-bottom: 0; } }
@media (min-width: 480px) and (max-width: 950px) {
  .content-block--blog {
    padding-left: 10%;
    padding-right: 10%; } }
.content-block--first {
  padding-top: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--first {
      padding: 50px 18px;
      padding-top: 0; }
      .content-block--first.content-block--spaced {
        padding-left: 36px;
        padding-right: 36px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--first {
      padding-left: 15%;
      padding-right: 15%; } }
.content-block--spacer {
  height: 36px; }
@media (min-width: 480px) {
  .content-block__interior {
    overflow: hidden; } }
.content-block__interior--narrow {
  max-width: 960px; }
.content-block--separator--thick {
  margin: 0 auto;
  margin-top: -2px;
  border-bottom: 8px solid #43c7f4;
  max-width: 1080px; }
.content-block--separator--midpage {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
.content-block--radial-mesh {
  background-color: #eeeeef;
  background-image: radial-gradient(rgba(255, 255, 255, 0), white 75%), url("/images/homepage-midway-mesh.png");
  background-position: center center, center center;
  max-width: 1200px;
  margin: auto; }
.content-block--split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-block--split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-block--split__title {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__title {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20px; } }
  .content-block--split__body {
    width: 60.74766%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__body {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__content {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%; }
    .content-block--split__content--wide {
      width: 43.92523%;
      float: left;
      margin-right: 0.93458%; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__content--wide {
          width: 100%;
          display: block;
          margin: 0;
          float: none; } }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .content-block--split__content .h5--orange {
      font-size: 25px;
      font-family: "SanchezSlab", Courier; }
  .content-block--split__image {
    width: 43.92523%;
    float: right;
    margin-right: 0; }
    @media (min-width: 950px) and (max-width: 1100px) {
      .content-block--split__image {
        width: 55.14019%;
        float: right;
        margin-right: 0; } }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__image {
        width: 100%;
        padding: 0;
        max-width: 250px;
        margin: 50px auto 0;
        float: none;
        display: block; } }
    .content-block--split__image img {
      margin-top: 10%;
      width: 100%; }
    .content-block--split__image__mesh {
      width: 55.14019%;
      float: right;
      margin-right: 0; }
      .content-block--split__image__mesh img {
        width: 90%;
        margin-left: 30px; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__image__mesh {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; }
          .content-block--split__image__mesh img {
            width: 100%;
            margin-left: 0; } }
    .content-block--split__image__single-col {
      width: 32.71028%;
      float: right;
      margin-right: 0; }
      @media (min-width: 950px) and (max-width: 1100px) {
        .content-block--split__image__single-col {
          width: 55.14019%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__image__single-col {
          width: 100%;
          padding: 0;
          max-width: 250px;
          margin: 50px auto 0;
          float: none;
          display: block; } }
  .content-block--split__full-block-left {
    width: 49.53271%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__full-block-left {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__full-block-right {
    width: 49.53271%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__full-block-right {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__first-block {
    width: 43.92523%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__first-block {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 18px; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--split__first-block__full-width-mobile {
        width: 66.35514%;
        float: left;
        margin-right: 0.93458%;
        margin-left: -18px;
        width: -webkit-calc(100% + 36px);
        width: -moz-calc(100% + 36px);
        width: calc(100% + 36px); } }
  .content-block--split__second-block {
    width: 43.92523%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__second-block {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
.content-block__header--intro {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--intro {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__header--quote {
  width: 43.92523%;
  float: right;
  margin-right: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--quote {
      width: 77.57009%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block__header--quote {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__header--separator {
  border-bottom: 1px solid #43c7f4;
  margin: 30px 0;
  width: 100%;
  height: 2px;
  display: block; }
.content-block__header--centered {
  width: 32.71028%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
.content-block__header--wide {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--wide {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__content--centered {
  width: 55.14019%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
.content-block__closing-link {
  text-align: center; }
  .content-block__closing-link .button {
    text-transform: uppercase; }
.content-block__figure--right {
  right: 0; }
.content-block__figure--left {
  left: 0; }
.content-block__footer {
  padding-bottom: 80px;
  padding-top: 0; }
.content-block__frame--vertical {
  float: none;
  padding: 50px 50px; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical {
      padding: 36px 8px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical.request-box {
      width: 100%;
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 45px;
      padding-bottom: 100px;
      margin-left: 0;
      margin-right: 0;
      max-width: 100%; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block__frame--vertical.request-box {
      padding-left: 15%;
      padding-right: 15%;
      margin-bottom: 0; } }
  .content-block__frame--vertical--thin {
    width: 60%; }
  .content-block__frame--vertical--icy-blue {
    border: 8px solid #43c7f4; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block__frame--vertical--icy-blue {
        margin: 0 18px;
        padding: 60px 10%; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical__request-button {
      position: absolute;
      bottom: -60px;
      right: 0;
      left: 0;
      text-align: center; } }
  .content-block__frame--vertical .content-block__header {
    font-weight: bold; }
    .content-block__frame--vertical .content-block__header .h1 {
      margin-top: -0.3em;
      position: relative; }
    .content-block__frame--vertical .content-block__header p {
      font-weight: 500px;
      margin-top: 1em; }
    .content-block__frame--vertical .content-block__header .bug--logo {
      height: 1.7em;
      width: 1.7em;
      right: 100%;
      top: 0; }
  .content-block__frame--vertical .content-block__content {
    padding: 20px 0; }
@media (min-width: 0) and (max-width: 950px) {
  .content-block__frame--horizontal {
    padding: 10% 6%; } }
.content-block__frame--horizontal--full {
  max-width: 100%; }
.content-block__frame--horizontal--blue {
  border: 8px solid #0091b1; }
.content-block__frame--horizontal--icy-blue {
  border: 8px solid #43c7f4; }
.content-block__frame--horizontal--light-gray {
  border: 8px solid #eeeeef; }
.content-block__frame--horizontal--orange {
  border: 8px solid #f16138; }
.content-block__frame--horizontal .content-block__header {
  width: 32.71028%;
  float: left;
  margin-right: 0.93458%;
  font-weight: bold; }
  .content-block__frame--horizontal .content-block__header .h1 {
    margin-top: -0.3em;
    position: relative; }
  .content-block__frame--horizontal .content-block__header p {
    font-weight: 500px;
    margin-top: 1em; }
  .content-block__frame--horizontal .content-block__header .bug--logo {
    height: 1.7em;
    width: 1.7em;
    right: 100%;
    top: 0; }
.content-block__frame--horizontal .content-block__content {
  width: 60.74766%;
  float: right;
  margin-right: 0;
  margin-top: 0; }
.content-block__frame--horizontal .bug--callout {
  right: 10%;
  top: 0;
  transform: translateY(-50%); }
  .content-block__frame--horizontal .bug--callout span {
    max-width: 100%; }
@media (min-width: 0) and (max-width: 950px) {
  .content-block__frame {
    padding: 50px 12px; } }
.content-block--feature .content-block__header {
  margin-top: 0;
  font-weight: bold; }
@media (min-width: 0) and (max-width: 480px) {
  .content-block--endorsement {
    padding: 60px 18px; } }
.content-block--endorsement .h5--white {
  margin: 0; }
.content-block--endorsement .endorsement__logos {
  padding-top: 20px;
  text-decoration: none; }
  @media (min-width: 480px) {
    .content-block--endorsement .endorsement__logos {
      display: flex; } }
  .content-block--endorsement .endorsement__logos .endorsement__logo {
    display: block;
    padding-left: 5%;
    width: 25%;
    position: relative;
    z-index: 10;
    align-self: center; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo {
        width: auto;
        height: 45px;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--republic {
        height: auto !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--republic {
        height: 40px !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--mastercard {
        height: 60px !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--eaglebank {
        height: 40px !important;
        margin-bottom: 0; } }
  .content-block--endorsement .endorsement__logos .endorsement__logo:first-child {
    padding-left: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--endorsement .endorsement__logos {
      text-align: center; } }
.content-block--blue {
  background: #0091b1;
  color: white; }
.content-block--icy-blue {
  background: #43c7f4;
  color: white; }
.content-block__full-image {
  text-align: center;
  margin-bottom: 36px; }
  .content-block__full-image img {
    width: 70%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block__full-image img {
        width: 100%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block__full-image img {
        width: 120%;
        margin-left: -10%; } }

/* Page Header
================================================ */
.page-header, .page-header--dark-matters, .page-header--icy-blue, .page-header--blue, .page-header--orange, .page-header--pale-blue, .page-header--dark-blue, .page-header--dark-gray, .blog-post__header, .blog-post__header--with-image {
  padding: 180px 36px 130px;
  position: relative;
  z-index: 0; }
  .page-header:after, .page-header--dark-matters:after, .page-header--icy-blue:after, .page-header--blue:after, .page-header--orange:after, .page-header--pale-blue:after, .page-header--dark-blue:after, .page-header--dark-gray:after, .blog-post__header:after, .blog-post__header--with-image:after {
    background-position: center center;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }

.page-header__interior {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .page-header__interior:after {
    content: " ";
    display: block;
    clear: both; }

.page-header__intro-text, .page-header__intro-text--blue, .page-header__intro-text--dark-gray {
  font-size: 24px;
  line-height: 1.3333;
  margin-top: 1.5em; }

.page-header__text-link, .page-header__text-link--orange, .page-header__text-link--icy-blue {
  font-weight: 700;
  text-decoration: none; }

.page-header__separator {
  clear: both;
  display: block;
  height: 1px;
  background-color: #fff; }
  .page-header__separator--indented {
    margin-top: 50px; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-header__separator--indented {
        display: none; } }
    @media (min-width: 950px) {
      .page-header__separator--indented {
        margin-left: 5.625rem; } }
.page-header--dark-matters {
  padding: 120px 0 180px;
  background-color: #1e1e1e; }
  @media (min-width: 0) and (max-width: 480px) {
    .page-header--dark-matters {
      padding: 120px 0 50px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .page-header--dark-matters {
      padding: 120px 0 160px; } }
.page-header--post {
  padding: 120px 20px 120px; }
.page-header--content-header {
  padding: 130px 36px 50px 36px; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--content-header {
      padding: 90px 0 0 0; } }
.page-header--short {
  padding: 130px 36px 50px 36px; }
.page-header--resources {
  /*padding-bottom: 50px;*/ }
.page-header--wide .page-header__interior {
  max-width: 1080px; }
.page-header--mesh-a:after {
  background-image: url("../images/matchlight-mesh.png");
  opacity: 1.0; }
.page-header--mesh-b:after {
  background-image: url("../images/pricing-mesh.png");
  opacity: 1.0; }
.page-header--mesh-c:after {
  background-attachment: fixed;
  background-image: url("../images/resources-mesh.png");
  opacity: 1.0; }
.page-header--mesh-d:after {
  background-image: url("../images/news-header-tile-teal.png");
  opacity: 1.0; }
.page-header--mesh-e:after {
  background-image: url("../images/blog-header-tile-dark-grey.svg");
  opacity: 0.35; }
.page-header--mesh-f:after {
  background-image: url("../images/bg-mesh-f.png");
  opacity: 0.7; }
.page-header--mesh-g:after {
  background-image: url("../images/bg-mesh-g.png");
  opacity: 0.7; }
.page-header--mesh-g-blue:after {
  background-image: url("../images/bg-mesh-g-blue.png");
  opacity: 0.7; }
.page-header--mesh-contact:after {
  background-image: url("../images/bg-mesh-d.png");
  opacity: 0.7; }
.page-header--icy-blue {
  background-color: #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--icy-blue {
      padding: 120px 5% 130px; } }
.page-header--blue {
  background-color: #0091b1; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--blue {
      padding: 120px 5% 130px; } }
.page-header--orange {
  background-color: #f16138; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--orange {
      padding: 120px 5% 130px; } }
.page-header--pale-blue {
  background-color: #eaf3f7; }
  .page-header--pale-blue.midpage-header {
    padding: 70px 36px 50px 36px; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header--pale-blue.midpage-header {
        padding: 80px 5% 60px 5%; } }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--pale-blue {
      padding: 120px 5% 50px; } }
.page-header--dark-blue {
  background-color: #007b97; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--dark-blue {
      padding: 120px 5% 130px; } }
.page-header--dark-gray {
  background-color: #6d6e70; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--dark-gray {
      padding: 120px 5% 50px; } }
@media (min-width: 950px) {
  .page-header__interior--resources {
    padding-right: 5.625rem; } }
.page-header__hgroup {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 28.03738%;
  position: relative;
  top: 2em; }
  .page-header__hgroup--half-center {
    width: 66.35514%;
    float: left;
    margin-right: 0.93458%;
    float: none;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-header__hgroup--half-center {
        width: 90%; } }
  .page-header__hgroup--blog {
    width: 60.74766%;
    float: left;
    margin-right: 0.93458%;
    margin-left: 22.42991%; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--blog {
        width: 88.78505%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 5.60748%; } }
  .page-header__hgroup--full-width {
    margin-left: 16.82243%;
    width: 66.35514%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--full-width {
        width: 88.78505%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 5.60748%; } }
  .page-header__hgroup--with-nav {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .page-header__hgroup--with-nav:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--with-nav {
        display: block; } }
    .page-header__hgroup--with-nav__header {
      width: 55.14019%;
      float: left;
      margin-right: 0.93458%; }
      @media (min-width: 0) and (max-width: 480px) {
        .page-header__hgroup--with-nav__header {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          text-align: center; } }
    .page-header__hgroup--with-nav__nav {
      width: 32.71028%;
      float: right;
      margin-right: 0; }
      @media (min-width: 0) and (max-width: 480px) {
        .page-header__hgroup--with-nav__nav {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  .page-header__hgroup--with-wide-nav {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    .page-header__hgroup--with-wide-nav:after {
      content: " ";
      display: block;
      clear: both; }
    .page-header__hgroup--with-wide-nav__header {
      width: 49.53271%;
      float: left;
      margin-right: 0.93458%;
      /*margin-top: 50px;*/ }
      @media (min-width: 0) and (max-width: 950px) {
        .page-header__hgroup--with-wide-nav__header {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; }
          .page-header__hgroup--with-wide-nav__header h2 {
            /*text-align: center;*/ } }
    .page-header__hgroup--with-wide-nav__nav {
      width: 49.53271%;
      float: right;
      margin-right: 0; }
      @media (min-width: 0) and (max-width: 950px) {
        .page-header__hgroup--with-wide-nav__nav {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; } }
.page-header__intro-text {
  color: white; }
  .page-header__intro-text--blue {
    color: #0091b1; }
  .page-header__intro-text--dark-gray {
    color: #6d6e70; }
.page-header__text-link--orange {
  color: #f16138; }
.page-header__text-link--icy-blue {
  color: #43c7f4; }

/* Page Nav
================================================ */
.page-nav, .page-nav--white, .page-nav--blue {
  font-family: "ProximaNova-Bold";
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  list-style-type: none;
  padding: 36px 72px;
  margin: 36px 0; }

.page-nav__item + li {
  margin-top: 0.6em; }

.page-nav__link, .page-nav__link--blue, .page-nav__link--dark-blue, .page-nav__link--icy-blue, .page-nav__link--white, .dark-matters__nav__link {
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms;
  cursor: pointer; }
  .isSelected.page-nav__link, .isSelected.page-nav__link--blue, .isSelected.page-nav__link--dark-blue, .isSelected.page-nav__link--icy-blue, .isSelected.page-nav__link--white, .isSelected.dark-matters__nav__link, .page-nav__link:hover, .page-nav__link--blue:hover, .page-nav__link--dark-blue:hover, .page-nav__link--icy-blue:hover, .page-nav__link--white:hover, .dark-matters__nav__link:hover {
    color: white;
    transition-duration: 0ms; }

.page-nav--wide {
  padding: 36px 64px; }
  .page-nav--wide .page-nav__item {
    width: 49%;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-nav--wide .page-nav__item {
        width: 100%; } }
.page-nav--white {
  box-shadow: inset 0 0 0 12px white; }
  .page-nav--white .page-nav__link--icy-blue.active {
    color: white;
    box-shadow: 0 4px 0 white; }
  .page-nav--white .page-nav__link--icy-blue:hover {
    color: white; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-nav--white {
      padding: 30px;
      box-shadow: inset 0 0 0 8px white;
      max-width: 300px;
      margin: 0 auto;
      margin-top: 40px; } }
.page-nav--blue {
  box-shadow: inset 0 0 0 12px #0091b1; }
  .page-nav--blue .page-nav__link--dark-blue:hover {
    color: #6d6e70;
    box-shadow: 0 4px 0 #6d6e70; }
@media (min-width: 0) and (max-width: 950px) {
  .page-nav__item {
    width: 100%; } }
.page-nav__link--blue {
  color: #0091b1; }
.page-nav__link--dark-blue {
  color: #007b97; }
.page-nav__link--icy-blue {
  color: #43c7f4; }
.page-nav__link--white {
  color: white; }

/* Standard Content
================================================ */
.standard-content, .standard-content--matchlight {
  overflow: hidden;
  padding: 60px 0; }

.standard-content__blockquote, .standard-content__circle-blockquote {
  font-family: "ProximaNova-Bold";
  font-size: 44px;
  font-weight: 300;
  line-height: 1.5454em;
  position: relative;
  top: -0.29em; }
  .standard-content__blockquote u, .standard-content__circle-blockquote u {
    box-shadow: inset 0 -0.165em 0 #43c7f4; }

.standard-content + .standard-content {
  padding-top: 0; }
.standard-content__interior {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .standard-content__interior:after {
    content: " ";
    display: block;
    clear: both; }
.standard-content.node-connector__intro--orange {
  padding-top: 110px; }
.standard-content__article {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .standard-content__article:after {
    content: " ";
    display: block;
    clear: both; }
  .standard-content__article + article {
    margin-top: 55px; }
.standard-content__header {
  margin-left: -30.50847%;
  padding-bottom: 1.7em; }
  .standard-content__header--matchlight {
    margin-left: 33.64486%;
    margin-right: 33.64486%; }
.standard-content__footer {
  margin-left: 33.64486%;
  margin-right: 33.64486%; }
  .standard-content__footer--matchlight {
    margin-left: 5.60748%;
    margin-right: 5.60748%;
    background: white;
    box-shadow: 0 -2px 0 #eeeeef;
    margin-top: 80px;
    padding-top: 46px; }
    .standard-content__footer--matchlight p {
      margin-left: 31.57895%;
      margin-right: 5.60748%; }
.standard-content__content {
  margin-left: 22.42991%;
  margin-right: 22.42991%; }
  @media (min-width: 0) and (max-width: 480px) {
    .standard-content__content {
      margin-left: 18px;
      margin-right: 18px; } }
.standard-content__blockquote::before {
  content: "“";
  font-size: 70px;
  position: absolute;
  left: -36px;
  top: -5px;
  color: #43c7f4; }
.standard-content__circle-blockquote {
  background: #eaf3f7;
  border-radius: 50%;
  margin: 0 auto;
  height: 330px;
  width: 330px;
  margin-top: 80px;
  margin-left: 40px;
  padding: 80px 52px 0px 52px;
  height: 320px;
  text-align: center; }
  .standard-content__circle-blockquote::before {
    content: "“";
    font-size: 320px;
    font-family: "ProximaNova-Regular";
    position: absolute;
    left: 10px;
    top: 85px;
    color: #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .standard-content__circle-blockquote {
      margin: 80px auto 0; } }
  @media (min-width: 0) and (max-width: 480px) {
    .standard-content__circle-blockquote {
      margin: 80px auto 0;
      width: 320px;
      height: 320px; } }
.standard-content--matchlight {
  background-image: radial-gradient(rgba(255, 255, 255, 0), white 70%), url("../images/bg-mesh-light-gray.png");
  background-position: center center, center center; }

/* Asides
================================================ */
.aside__link, .aside__link--download {
  color: #939597;
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.411;
  text-decoration: none;
  text-transform: uppercase;
  text-spacing: 1px;
  transition: color 200ms; }

.aside--download {
  width: 18.64407%;
  float: left;
  margin-right: 1.69492%;
  margin-left: -30.50847%; }
.aside__link:hover {
  color: #f16138; }
.aside__link--download:hover {
  color: #6d6e70; }
.aside__link--download:after {
  background-image: url("../images/source/icon-download.svg");
  content: "";
  height: 24px;
  display: inline-block;
  margin-left: 0.5em;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 24px; }

/* Figures
================================================ */
.figure, .figure--wide {
  margin-bottom: 50px;
  margin-top: 50px; }
  .figure:first-child, .figure--wide:first-child {
    margin-top: 0; }

.figure__caption {
  color: #6d6e70;
  font-family: "ProximaNova";
  font-size: 13px;
  font-weight: 400;
  line-height: 1.384; }

.figure--wide {
  width: 181.35593%;
  float: left;
  margin-right: 1.69492%;
  margin-left: -40.67797%; }
.figure__caption {
  margin-left: 22.42991%;
  margin-right: 22.42991%;
  margin-top: 12px; }

/* Figures
================================================ */
.chevron--right, .chevron--left, .chevron--bottom, .chevron--top {
  position: relative;
  height: .6em;
  margin-bottom: -.05em;
  width: 0.367em;
  display: inline-block;
  margin-left: .2em;
  background-image: url("/images/chevron-right--white.svg");
  background-repeat: no-repeat;
  transition: background-image 100ms ease-in-out; }

.chevron--right {
  transform: rotate(0deg); }
.chevron--left {
  left: 0;
  transform: rotate(-180deg); }
.chevron--bottom {
  top: 0;
  transform: rotate(90deg); }
.chevron--top {
  left: 0.25em;
  transform: rotate(-90deg); }
.chevron--orange {
  background-image: url("/images/chevron-right--orange.svg"); }
.chevron--icy-blue {
  background-image: url("/images/chevron-right--icy-blue.svg"); }
.chevron--gray {
  background-image: url("/images/chevron-right--gray.svg"); }
.chevron--light-gray {
  background-image: url("/images/chevron-right--light-gray.svg"); }
.chevron--blue {
  background-image: url("/images/chevron-right--blue.svg"); }
.chevron--inline {
  margin-top: -.1em;
  margin-bottom: .02em; }
.chevron--parent:hover .chevron--hover-orange {
  background-image: url("/images/chevron-right--orange.svg"); }
.chevron--parent:hover .chevron--hover-blue {
  background-image: url("/images/chevron-right--blue.svg"); }
.chevron--parent:hover .chevron--hover-icy-blue {
  background-image: url("/images/chevron-right--icy-blue.svg"); }

.link--anchor {
  display: block;
  position: relative;
  top: -200px;
  visibility: hidden; }

@media (min-width: 0) and (max-width: 950px) {
  .tablet-hide {
    display: none; } }

@media (min-width: 0) and (max-width: 480px) {
  .content-block--endorsement .content-block__interior {
    margin-bottom: 0; } }

/* Nav Component
================================================ */
.nav__link--login, .nav__link--expand, .nav__link--close, .nav__link--signup {
  font-family: "ProximaNova-Bold";
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 10px 12px 8px;
  /*margin-top: 3px;*/
  text-decoration: none; }

.nav {
  /*display: inline-block;*/
  letter-spacing: 0;
  padding-top: 0;
  white-space: nowrap;
  font-size: .9em;
  /*width: 50%;*/ }
  @media (min-width: 950px) {
    .nav {
      transform: translateY(2px); } }
  .nav--controls {
    /*float: right;*/
    display: none;
    align-items: center;
    /*width: 100px;*/
    /*padding-top: 5px;*/ }
    @media (min-width: 0) and (max-width: 950px) {
      .nav--controls {
        display: flex; } }
  .nav__item {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "ProximaNova-Bold";
    font-size: 16px;
    font-letter-spacing: 1px;
    font-weight: 300;
    letter-spacing: 0.02em;
    padding: 0 1.5%;
    text-align: center;
    text-transform: uppercase; }
  .nav__link {
    color: #6d6e70;
    display: inline-block;
    padding: 8px 0 11px 0;
    line-height: 1;
    position: relative;
    text-decoration: none;
    transition: color 100ms; }
    .nav__link--login {
      color: #43c7f4;
      background: rgba(255, 255, 255, 0.97);
      border: 2px solid #43c7f4;
      margin-left: 20px;
      float: right;
      transition: color 80ms, border-color, 80ms; }
      @media (min-width: 950px) {
        .nav__link--login {
          margin-right: 10px; } }
      .nav__link--login:hover {
        color: #f16138;
        border-color: #f16138; }
    .nav__link--expand, .nav__link--close {
      display: block;
      /*width: 90px;*/
      text-transform: uppercase;
      background: #939597;
      color: white;
      text-decoration: none;
      padding: 8px 12px 8px;
      font-size: 13px;
      cursor: pointer; }
    .nav__link--close {
      background: transparent;
      color: #939597;
      padding: 0;
      display: none; }
    .nav__link--signup {
      float: right;
      background: #43c7f4;
      border: 2px solid #43c7f4;
      text-decoration: none;
      color: white;
      transition: background-color 80ms, border-color, 80ms; }
      .nav__link--signup:hover {
        background-color: #f16138;
        border-color: #f16138; }
    .nav__link--app-buttons {
      float: right; }
    .nav__link.active {
      color: #f16138; }
      .nav__link.active:after {
        height: 4px; }
    .nav__link:after {
      background: #f16138;
      bottom: 0;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      right: 0;
      transition: height 100ms; }
    .nav__link--here, .nav__link.active, .nav__link:hover {
      color: #f16138; }
      .nav__link--here:after, .nav__link.active:after, .nav__link:hover:after {
        height: 4px; }

.navigator .chevron-wrapper--left, .navigator .chevron-wrapper--right {
  font-size: 3em;
  position: absolute;
  top: 15px; }

.navigator {
  width: 520px;
  padding: 36px 60px; }
  .navigator--thin {
    width: 260px;
    padding: 36px 45px; }
    .navigator--thin .content-block--split__second-block,
    .navigator--thin .content-block--split__first-block {
      width: 100%;
      margin: 0; }
    .navigator--thin .pagination-separator {
      display: none; }
  @media (min-width: 0) and (max-width: 950px) {
    .navigator {
      width: 260px;
      padding: 36px 45px; }
      .navigator .content-block--split__second-block,
      .navigator .content-block--split__first-block {
        width: 100%;
        margin: 0; } }
  .navigator__link {
    padding: 0 25px; }
    .navigator__link .a--clear:hover .h6--orange {
      color: #e64010; }
    .navigator__link .a--clear:hover .content-thumbnail__category {
      color: #007c98; }
    .navigator__link .a--clear:hover .chevron--light-gray {
      color: #888; }
  .navigator__text {
    opacity: .6; }
  @media (min-width: 0) and (max-width: 950px) {
    .navigator__previous {
      padding-bottom: 20px; }
    .navigator__next {
      padding-top: 20px; }
    .navigator--thin .navigator__previous, .navigator--thin .navigator__next {
      padding-top: 0;
      padding-bottom: 0; } }
  .navigator .h6--orange {
    margin: 0;
    font-family: "ProximaNova-Bold"; }
  .navigator .content-thumbnail__category {
    padding: 0; }
  .navigator .chevron-wrapper--left {
    left: 0; }
  .navigator .chevron-wrapper--right {
    right: 20px; }
    @media (min-width: 0) and (max-width: 950px) {
      .navigator .chevron-wrapper--right {
        bottom: 30px;
        top: auto; } }
  .navigator .pagination-separator {
    height: 80%;
    position: absolute;
    width: 2px;
    background-color: #eeeeef;
    left: 50%;
    top: 10%; }
    @media (min-width: 0) and (max-width: 950px) {
      .navigator .pagination-separator {
        width: 80%;
        height: 2px;
        left: 10%;
        top: 50%; } }

.block-nav {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
  text-align: center; }
  .block-nav:after {
    content: " ";
    display: block;
    clear: both; }
  .flexbox .block-nav {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center; }
  .block-nav__item {
    margin: 0 12px; }
    .flexbox .block-nav__item {
      align-self: auto;
      flex: 0 1 auto;
      order: 0; }
    .no-flexbox .block-nav__item {
      display: inline-block; }
  .block-nav__text {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .block-nav__link {
    background-color: white;
    box-shadow: inset 0 0 0 12px #0091b1;
    color: #0091b1;
    display: block;
    font: 300 24px/1.2 "ProximaNova-Bold";
    height: 155px;
    max-width: 280px;
    padding: 12px 24px;
    text-decoration: none;
    transition: box-shadow 200ms, color 200ms; }
    .block-nav__link .no-flexbox {
      display: block; }
    .block-nav__link:hover {
      box-shadow: inset 0 0 0 12px #f16138;
      color: #f16138; }

/* Site Footer
================================================ */
.site-footer, .site-footer__logo, .site-footer__links {
  padding: 0 0; }

.site-footer {
  background-image: url("../images/bg-mesh-blue.gif");
  padding: 75px 0; }
  .site-footer__interior {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 90%;
    background-color: white;
    padding: 40px 20px; }
    .site-footer__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .site-footer__logo {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%;
    text-align: center; }
    .site-footer__logo svg {
      height: 70px;
      max-width: 225px; }
    @media (min-width: 0) and (max-width: 950px) {
      .site-footer__logo {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .site-footer__links {
    width: 60.74766%;
    float: right;
    margin-right: 0;
    text-align: center;
    width: 65%; }
    .site-footer__links--block {
      padding-bottom: 10px; }
    @media (min-width: 0) and (max-width: 950px) {
      .site-footer__links {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .site-footer__copyright {
    font-size: 11px;
    line-height: 1;
    margin-top: 2em;
    display: inline-block;
    width: 100%;
    text-align: center; }
    .site-footer__copyright a, .site-footer__copyright a:active, .site-footer__copyright a:hover, .site-footer__copyright a:visited {
      color: #6d6e70; }

/* Footer Links
================================================ */
.footer-links__item, .footer-links__item--social {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle; }

.footer-links__link, .footer-links__link--social {
  color: #6d6e70;
  font: 300 17px/1 "ProximaNova-Bold";
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms; }
  .footer-links__link:hover, .footer-links__link--social:hover {
    color: #f16138; }

.footer-links__link--social {
  border-radius: 50%;
  display: block;
  height: 32px;
  width: 32px; }

.footer-links {
  list-style-type: none;
  padding: 0; }
  .footer-links__icons {
    padding: 10px 0px; }
  .footer-links__item + .footer-links__item--social {
    margin-left: 12px; }
  .footer-links__item--social {
    margin: 0 3px; }
  @media (min-width: 0) and (max-width: 950px) {
    .footer-links--block {
      padding-top: 30px; } }
  .footer-links__link--social {
    background-image: url("../images/sprite-social.svg");
    background-repeat: no-repeat;
    background-size: 96px 160px; }
    .footer-links__link--social.facebook {
      background-position: 0 0; }
    .footer-links__link--social.twitter {
      background-position: 0 -64px; }
    .footer-links__link--social.linkedin {
      background-position: 0 -129px; }
    .footer-links__link--social.google {
      background-position: -65px 0; }
    .footer-links__link--social.github {
      background-position: -65px -64px; }
    .footer-links__link--social.rss {
      background-position: -64px -129px; }

.signup-call {
  text-align: center;
  padding-bottom: 60px; }
  .signup-call--description {
    font-size: 14px;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #999;
    font-family: "ProximaNova-Bold"; }
  .signup-call .button--light-framed {
    font-size: 28px; }
  .signup-call--contact {
    font-family: "SanchezSlab", Courier;
    margin-top: 50px;
    color: #999;
    padding: 20px; }
    .signup-call--contact .h6--underlined {
      font-family: "SanchezSlab-Bold", Courier !important;
      pointer: cursor;
      box-shadow: 0 0.165em 0 #ccc; }

/* Try Matchlight Component
================================================ */
.try-matchlight {
  font-size: 75%; }
  .try-matchlight__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .try-matchlight__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .try-matchlight__frame {
    margin-left: 5.60748%;
    margin-right: 5.60748%;
    width: 50%;
    margin: 0 auto;
    box-shadow: inset 0 0 0 8px #43c7f4;
    padding: 40px 50px; }
    @media (min-width: 0) and (max-width: 950px) {
      .try-matchlight__frame {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 25px;
        padding-bottom: 80px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .try-matchlight__frame {
        width: 70%; } }
  .try-matchlight__header {
    margin-left: 25.35211%; }
  .try-matchlight__form {
    margin-left: 25.35211%;
    margin-top: 36px; }
  .try-matchlight__title {
    margin-top: 0;
    font-size: 22px; }
    @media (min-width: 0) and (max-width: 480px) {
      .try-matchlight__title {
        font-weight: bold;
        padding-left: 15px; } }
  .try-matchlight__action {
    width: 32.71028%;
    float: right;
    margin-right: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .try-matchlight__request-button {
      position: absolute;
      bottom: -60px;
      left: 15px; } }
  .try-matchlight .bug--logo {
    height: 2.4em;
    width: 2.4em;
    right: 100%;
    top: 0;
    transform: translateY(-0.4em); }

/* Placeholders
================================================ */
/* Classes
================================================ */
.guided-tour {
  position: relative; }
  .guided-tour__svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }

/* Placeholders
================================================ */
.form {
  overflow: hidden;
  position: relative; }

.flexbox .form__row, .flexbox .form__row--single {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start; }

.form__textarea, .form__textarea--full-width, .form__input, .form__input--stretch, .form__input--full-width, .form__button, .form__button--blue {
  appearance: none;
  border: none;
  margin: 0;
  outline: none;
  padding: 0; }

.form__textarea::placeholder, .form__textarea--full-width::placeholder, .form__input::placeholder, .form__input--stretch::placeholder, .form__input--full-width::placeholder {
  color: #6d6e70; }

.form__textarea, .form__textarea--full-width, .form__input, .form__input--stretch, .form__input--full-width {
  -webkit-font-smoothing: antialiased;
  background-color: #eeeeef;
  color: #6d6e70;
  font-family: "SanchezSlab-Light", Courier;
  font-size: 17px;
  font-weight: 300;
  line-height: 50px;
  padding: 0 18px; }

.form__textarea, .form__textarea--full-width {
  height: 400px;
  vertical-align: top; }

.form__button, .form__button--blue {
  -webkit-font-smoothing: antialiased;
  background-color: #939597;
  color: white;
  cursor: pointer;
  font: 300 17px/50px "ProximaNova-Bold";
  letter-spacing: 0.03em;
  padding: 0 24px;
  text-transform: uppercase;
  transition: background-color 200ms; }
  .form__button:hover, .form__button--blue:hover {
    background-color: #f16138; }

.form__message, .form__message--success {
  background: white;
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  transition: transform 200ms, opacity 200ms;
  width: 100%; }

.form__label, .form__label--above {
  cursor: default;
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  text-transform: uppercase; }

.form__input--full-width, .form__textarea--full-width {
  width: 100%; }

/* Classes
================================================ */
.form {
  padding-bottom: 12px; }
  .form.success .form__message--success {
    height: 100%;
    opacity: 1;
    transform: translateX(0); }
  .form__input--stretch {
    align-self: auto;
    flex: 1 1 auto;
    order: 0; }
  .form__button--blue {
    background-color: #0091b1; }
  .form__errors .parsley-errors-list {
    width: 100%; }
    .form__errors .parsley-errors-list li {
      color: #f16138;
      font: 300 17px/1 "ProximaNova-Bold";
      padding: 18px; }
  .form__field {
    position: relative; }
    .form__field + .form__field {
      margin-top: 31px; }
  .form__label--above {
    padding-bottom: 6px; }
  .form__label--dark-blue {
    color: #007b97; }
  .form__cta {
    margin-top: 35px; }

/* Fieldset
================================================ */
.fieldset {
  margin-left: 16.82243%;
  margin-right: 16.82243%; }
  @media (min-width: 0) and (max-width: 480px) {
    .fieldset {
      margin-left: 5.60748%;
      margin-right: 5.60748%; } }
  .fieldset--matchlight {
    margin-left: 33.64486%;
    margin-right: 33.64486%; }

/* Frames
================================================ */
.frame, .frame--icy-blue {
  box-shadow: inset 0 0 0 12px green;
  padding: 60px 5.60748%; }

.frame--icy-blue {
  box-shadow: inset 0 0 0 12px #43c7f4; }

/* Errors
================================================ */
.parsley-errors-list {
  list-style-type: none; }
  .parsley-errors-list li {
    color: #f16138;
    font: 300 17px/1 "ProximaNova-Bold";
    padding-top: 12px; }

/* Helpers
================================================ */
.help, .help--right {
  position: absolute;
  width: 100%; }
  .opened.help .help__content, .opened.help--right .help__content {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0); }

.help__icon, .help__icon--orange {
  background: purple;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  height: 20px;
  line-height: 23px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px; }

.help--right {
  right: 0;
  top: 0; }
.help__icon--orange {
  background: #f16138; }
.help__content {
  font-size: 13px;
  left: 100%;
  line-height: 1.4em;
  padding-left: 2.85714%;
  padding-top: 0.3em;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateY(8px);
  transition: opacity 200ms ease, transform 200ms ease;
  width: 65.71429%; }

.resources-top {
  /*overflow: hidden;*/
  display: flex;
  flex-wrap: wrap;
  /*margin-bottom: 20px;*/ }

.resource-featured {
  overflow: hidden;
  padding: 50px;
  border: solid 10px #0091b1; }
  @media (min-width: 0) and (max-width: 480px) {
    .resource-featured {
      margin-left: -20px;
      margin-right: -20px;
      padding: 30px 20px; } }
  @media (min-width: 950px) {
    .resource-featured {
      width: 71.96262%;
      float: left;
      margin-right: 0.93458%; } }
  .resources-inner .resource-featured {
    display: flex; }
  .resources-outer .resource-featured {
    margin-bottom: 50px; }

.resources-inner .resource-featured {
  border-color: #BBBDBF;
  order: 2; }
  @media (min-width: 950px) {
    .resources-inner .resource-featured {
      width: 55.14019%;
      float: right;
      margin-right: 0; } }

.resources-inner__description {
  order: 1;
  margin-bottom: 50px; }
  @media (min-width: 950px) {
    .resources-inner__description {
      width: 43.92523%;
      float: left;
      margin-right: 0.93458%; } }

@media (min-width: 950px) {
  .resource-featured__image {
    width: 32.39437%;
    float: left;
    margin-right: 1.40845%; } }
.resources-inner .resource-featured__image {
  display: none; }

.resource-featured__image img {
  max-width: 100%; }

@media (min-width: 950px) {
  .resource-featured__content-wrapper {
    width: 66.19718%;
    float: right;
    margin-right: 0;
    padding-left: 1rem; } }
.resources-inner .resource-featured__content-wrapper {
  width: 100%;
  float: right;
  margin-right: 0;
  padding-left: 0;
  float: none;
  margin: auto; }

.resource-featured__image {
  margin-bottom: 1.5rem; }

.resource-featured__category {
  /*font-family: "ProximaNova-Bold", sans-serif;*/
  /*font-weight: 500;*/
  color: #0091b1; }

.h3--underlined,
.h3--orange {
  transition: all .2s ease; }

.resource-featured__link {
  text-decoration: none; }

.resource-featured__link .h3--orange {
  line-height: 1.4; }

.resource-featured__link:hover .h3--underlined {
  box-shadow: inset 0 -0.165em 0 #e64010; }

.resource-featured__link:hover .h3--orange {
  color: #e64010; }

.resources-recent {
  /*border: solid 3px $orange;*/
  /*padding: 15px 20px;*/ }
  @media (min-width: 950px) {
    .resources-recent {
      width: 27.1028%;
      float: right;
      margin-right: 0;
      padding-left: 1.5rem; } }

.resource-recent {
  padding: 1rem 0; }

.resource-recent a {
  display: block;
  text-decoration: none; }

.resource-recent a:hover .resource-recent__title {
  color: #e64010; }

.resources-recent__heading {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  color: #bbbdc0; }

.resource-recent + .resource-recent {
  border-top: solid 2px #bbbdc0; }

.resource-recent__category {
  color: #0091b1;
  padding-bottom: 5px; }

.resource-recent__title {
  line-height: 1.3;
  color: #f16138;
  transition: all .2s ease; }

.resources-recent__view-all {
  padding-top: 10px; }

.btn--all-resources {
  padding-right: calc(1.25rem + 8px);
  background-image: url(/images/icon-chevron-gray.svg);
  background-size: 8px auto;
  background-position: right .5rem top 50%;
  background-repeat: no-repeat;
  text-transform: uppercase; }

.resources-inner .page-header__hgroup--with-wide-nav__nav,
.resources-inner .page-header__separator--indented {
  display: none; }

.resources-inner .page-header__interior--resources {
  display: flex;
  flex-wrap: wrap; }

.resources-inner .page-header__hgroup--with-wide-nav {
  order: 2;
  width: 100%; }

.resources-inner .header-nav {
  order: 1;
  width: 100%;
  padding-top: 0;
  margin-bottom: 50px; }

.resources-inner .page-header__hgroup--with-wide-nav__header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.h2--resources {
  display: flex;
  /*flex-wrap: wrap;*/
  line-height: 1.4; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--resources {
      margin-bottom: 1.5rem; } }
  @media (min-width: 950px) {
    .h2--resources {
      align-items: center; } }

.h2--resources .h2--underlined {
  box-shadow: none;
  padding-bottom: 0; }

.h2--resources-title {
  /*display: block;*/
  width: 100%;
  box-shadow: 0 0.165em 0 white;
  transform: translateY(-10px); }
  @media (min-width: 0) and (max-width: 480px) {
    .h2--resources-title {
      /*font-size: 1.75rem*/ } }

.h2--resources-span {
  font-size: 1rem;
  display: block;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  width: 5.625rem;
  margin-bottom: -5px; }

.icon-chevron {
  background-image: url("/images/icon-chevron.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 0) and (max-width: 480px) {
    .icon-chevron {
      width: 2rem; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .icon-chevron {
      margin-top: 10px;
      background-position: left center;
      width: 3rem; } }

.h5--header {
  margin-top: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .h5--header {
      font-size: 24px; } }
  @media (min-width: 950px) {
    .h5--header {
      margin-top: 10px; } }

.page-footer {
  padding-left: 36px;
  padding-right: 36px; }

@media (min-width: 950px) {
  .content-block__interior--footer .footer-nav,
  .content-block__interior--footer .signup-call {
    padding-left: 5.625rem;
    padding-right: 5.625rem; } }

@media (min-width: 0) and (max-width: 480px) {
  .content-block__interior {
    margin-bottom: 50px; } }

@media (min-width: 0) and (max-width: 950px) {
  .resources-all .content-block--blog {
    /*padding-top: 0;*/
    padding-bottom: 0; } }

.resources-all .content-block__interior--footer {
  padding-top: 50px;
  /*border-top: solid 1px $icy-blue;*/ }

.resources-inner .content-block--blog {
  padding-bottom: 0; }

.resources-page .content-thumbnail__article-title {
  padding-top: 0; }

.border-bottom-inset {
  box-shadow: inset 0 -2px #43c7f4; }

.content-thumbnail__download-wrapper {
  margin-top: 1rem; }
  .resource-featured .content-thumbnail__download-wrapper {
    display: none; }
  .resources-inner .content-thumbnail__download-wrapper {
    margin-top: 1.5rem; }

.button--light-framed.button--xs {
  font-size: 16px;
  padding: 8px 12px;
  font-weight: 300; }

.view-all {
  margin-top: -2px;
  background-color: #fff;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid #43c7f4;
  position: relative;
  padding-bottom: 50px;
  width: 100%;
  text-align: center; }
  @media (min-width: 950px) {
    .view-all {
      padding-top: 50px; } }
  .view-all:before, .view-all:after {
    position: absolute;
    top: 0;
    content: '';
    width: .5rem;
    height: 2px;
    background-color: #fff; }
  .view-all:before {
    left: 0; }
  .view-all:after {
    left: 100%; }

.view-all__link {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .875rem;
  transition: all .2s ease; }

.view-all__link span {
  margin-left: .375rem; }

.view-all__link svg {
  transform: translateY(2px); }

.view-all__link svg * {
  transition: all .2s ease; }

.view-all__link:hover svg * {
  fill: #43c7f4; }

.view-all__link:hover {
  border-color: #43c7f4;
  color: #43c7f4; }

@media (min-width: 0) and (max-width: 640px) {
  .content-thumbnail__image-wrapper--resources {
    width: 0;
    height: 0;
    padding-right: 100%;
    padding-top: 100%; } }

.page-footer .signup-call {
  padding-top: 80px;
  border-top: solid 1px #43c7f4; }

@media (min-width: 950px) {
  .resources-inner__description {
    padding-right: 30px;
    margin: auto; } }

.resources-inner__description-text {
  font-size: 1.5rem;
  color: #43c7f4;
  line-height: 1.333; }

.resources-inner__description-image {
  text-align: center;
  margin-bottom: 1.5rem; }

.content-thumbnail__article-title {
  padding-top: 15px; }

.news-header {
  display: flex;
  margin-top: 15px;
  /*margin-bottom: 15px;*/ }

.news-header .content-thumbnail__category {
  padding: 0;
  margin-right: .75rem; }

.news-header .content-thumbnail__date {
  margin-top: 0;
  padding-top: 0; }

.news-header__outlet {
  padding: 0;
  color: #939597;
  font-weight: normal; }

.content-row--featured .content-thumbnail__article-title {
  margin-top: 0; }

/* Layouts
================================================ */
/* Base
================================================ */
body {
  -webkit-font-smoothing: antialiased;
  color: #6d6e70;
  font: 300 16px/1.5 "SanchezSlab", Courier;
  text-rendering: optimizeLegibility; }

/* Site Wrapper
================================================ */
.wrapper {
  max-width: 100%; }

html.touchevents .wrapper {
  min-width: 0 !important; }

.layout {
  overflow: hidden; }

/* Pages
================================================ */
/* Articles
================================================ */
.lab-notes {
  padding-top: 50px; }

.lab-notes__header {
  margin-left: 5.60748%; }

.lab-notes__figure img {
  display: block;
  height: auto;
  width: 100%; }

.lab-notes__article--featured .lab-notes__header {
  width: 38.31776%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%; }

.lab-notes__article--featured .lab-notes__figure {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%;
  margin-top: 0.6em; }

.lab-notes__article {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .lab-notes__article:after {
    content: " ";
    display: block;
    clear: both; }

.lab-notes__article--featured {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 0 0 12px #43c7f4; }
  .lab-notes__article--featured:after {
    content: " ";
    display: block;
    clear: both; }

.lab-notes__content, .lab-notes__meta {
  clear: both;
  width: 88.78505%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%; }

.lab-notes--isotope .lab-notes__header,
.lab-notes--isotope .lab-notes__figure,
.lab-notes--isotope .lab-notes__meta,
.lab-notes--isotope .lab-notes__content {
  width: 77.35849%;
  float: left;
  margin-right: 1.88679%;
  margin-left: 11.32075%; }
.lab-notes--isotope figure + .lab-notes__header {
  margin-top: 1.5em; }
.lab-notes--isotope .lab-notes__meta {
  padding-top: 1.2em; }
.lab-notes__interior {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .lab-notes__interior:after {
    content: " ";
    display: block;
    clear: both; }
.lab-notes__figure {
  padding-top: 0.9em; }
.lab-notes__article--featured {
  padding-bottom: 3em;
  padding-top: 2.5em; }
.lab-notes__meta {
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4;
  padding: 1em 0;
  text-transform: uppercase;
  white-space: nowrap; }
.lab-notes__datetime {
  display: inline-block; }
.lab-notes__footer {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 0 124px;
  text-align: center; }
  .lab-notes__footer:after {
    content: " ";
    display: block;
    clear: both; }
  .lab-notes__footer:before {
    background: #eeeeef;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 24px; }
.lab-notes__footer-link {
  box-shadow: 0 0 0 12px #bbbdc0;
  color: #6d6e70;
  display: inline-block;
  display: none;
  font-size: 24px;
  padding: 28px 63px 16px 63px;
  text-decoration: none; }
  .lab-notes__footer-link strong {
    display: block;
    font-family: "ProximaNova-Bold";
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
    position: relative;
    text-transform: uppercase; }
    .lab-notes__footer-link strong:after {
      background-image: url("../images/source/icon-arrow-right_icy-blue.svg");
      background-position: center center;
      content: "";
      display: inline-block;
      height: 20px;
      margin-left: 6px;
      position: relative;
      top: 2px;
      vertical-align: baseline;
      width: 20px; }

/* Blog Tags
================================================ */
.tags {
  display: inline-block;
  list-style-type: none;
  margin-left: 1.8em;
  position: relative;
  white-space: nowrap; }
  .tags:before {
    background: #bbbdc0;
    border-radius: 50%;
    content: "";
    height: 0.6em;
    left: -1em;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 0.6em; }
  .tags__link {
    color: inherit;
    text-decoration: none; }
    .tags__link:hover {
      color: #f16138; }

/* Isotope
================================================ */
.isotope {
  padding-top: 34px;
  position: relative; }
  .isotope:before {
    background: #eeeeef;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translate3d(-50%, -50%, 0);
    width: 24px; }
  .isotope:after {
    background: #eeeeef;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translateX(-50%);
    width: 10px; }
  .isotope__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .isotope__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .isotope__item {
    border-top: 10px solid #eeeeef;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 50%; }
    .isotope__item:nth-child(1), .isotope__item:nth-child(2) {
      border-top: none; }

/* Single Post
================================================ */
.blog-post__hgroup {
  background-color: white;
  padding-top: 30px;
  position: relative;
  z-index: 2; }

.blog-post__meta {
  left: 0;
  padding-top: 24px;
  position: absolute;
  top: 100%; }

.blog-post__header, .blog-post__header--with-image {
  align-content: stretch;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 230px;
  position: relative; }

.view-single .blog-roll {
  position: absolute;
  transform: translate3d(-100%, 0, 0); }

.blog-post {
  background: white;
  min-height: 500px;
  position: absolute;
  transform: translate3d(-100%, 0, 0); }
  .view-single .blog-post {
    position: static;
    transform: translate3d(0, 0, 0); }
  .blog-post__header {
    background-color: #43c7f4; }
    .blog-post__header:after {
      opacity: 0.13; }
    .blog-post__header--with-image {
      height: 700px;
      position: relative; }
    .blog-post__header .blog-post__interior {
      align-self: auto;
      flex: 1 1 auto;
      order: 0; }
  .blog-post__figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .blog-post__figure img {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .blog-post__figure-caption {
    background-color: white;
    border-radius: 50%;
    bottom: 4.6729%;
    font-family: "ProximaNova-Regular";
    font-size: 13px;
    font-weight: 300;
    height: 180px;
    line-height: 1.307;
    padding: 30px;
    position: absolute;
    right: 4.6729%;
    width: 180px; }
    .blog-post__figure-caption p {
      position: relative;
      top: 50%;
      transform: translate3d(0, -50%, 0); }
  .blog-post__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .blog-post__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .blog-post__hgroup {
    margin-left: 5.60748%;
    margin-right: 36.4486%; }
    .blog-post__hgroup h2 {
      margin-left: 11.21495%;
      margin-right: 11.21495%; }
  .blog-post__meta {
    margin-left: 11.21495%;
    margin-right: 11.21495%; }
  .blog-post__content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 120px 0; }
    .blog-post__content:after {
      content: " ";
      display: block;
      clear: both; }
    .blog-post__content--nav {
      width: 15.88785%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; }
    .blog-post__content--main {
      width: 49.53271%;
      float: left;
      margin-right: 0.93458%; }
      .blog-post__content--main p:not(.p--read-more) a {
        box-shadow: 0 3px 0 #43c7f4;
        color: #6d6e70;
        font-family: "SanchezSlab-Bold";
        font-weight: 300;
        text-decoration: none;
        transition: color 200ms; }
        .blog-post__content--main p:not(.p--read-more) a:hover {
          color: #43c7f4; }

.dark-matters {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 28.03738%;
  padding-bottom: 20px; }
  .dark-matters__title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .dark-matters__title:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__title {
        width: 90%; } }
    .dark-matters__title--large {
      width: 66.35514%;
      float: left;
      margin-right: 0.93458%;
      font-family: "SanchezSlab", Courier;
      line-height: 1em; }
      @media (min-width: 480px) and (max-width: 950px) {
        .dark-matters__title--large {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 65px;
          line-height: 65px;
          text-align: center; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__title--large {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 45px;
          text-align: center; } }
    .dark-matters__title--slogan {
      width: 27.1028%;
      float: right;
      margin-right: 0;
      padding-top: 10px;
      font-family: "ProximaNova-Regular";
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1.3; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__title--slogan {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 10px;
          text-align: center;
          margin-top: 0; } }
      @media (min-width: 480px) and (max-width: 950px) {
        .dark-matters__title--slogan {
          font-size: 14px; } }
  .dark-matters__nav {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    .dark-matters__nav:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__nav {
        text-align: center;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .dark-matters__nav__search {
      width: 32.71028%;
      float: right;
      margin-right: 0;
      width: 26%; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__search {
          float: none;
          display: inline; } }
    .dark-matters__nav__categories {
      width: 66.35514%;
      float: left;
      margin-right: 0.93458%;
      padding-top: 8px; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__categories {
          float: none;
          display: inline; }
          .dark-matters__nav__categories .first-row-sm {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0; } }
    .dark-matters__nav__link {
      color: #bbb;
      font-family: "ProximaNova-Bold";
      font-size: 14px;
      font-weight: 300;
      float: left;
      margin-right: 25px;
      text-align: center;
      line-height: 1.5;
      padding-left: 2em;
      letter-spacing: 1px;
      text-transform: uppercase; }
      .dark-matters__nav__link:before {
        background-color: #bbb; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__link {
          float: none;
          display: inline-block;
          padding-left: 2em;
          margin-right: 1em;
          font-size: 12px;
          padding-bottom: 1.5em; }
          .dark-matters__nav__link.no-bullet:before {
            display: none; } }
      .dark-matters__nav__link.isSelected, .dark-matters__nav__link:hover .inner-link {
        color: white;
        transition-duration: 100ms; }
      .dark-matters__nav__link.active .inner-link {
        box-shadow: inset 0 -0.165em 0 #bbb; }
      .dark-matters__nav__link:first-child {
        padding-left: 0; }
        .dark-matters__nav__link:first-child:before {
          display: none; }
    .dark-matters__nav__search-input {
      border: 1px solid #939597;
      color: #aaa;
      padding: 8px;
      font-family: "SanchezSlab", Courier;
      font-size: 16px;
      background: none;
      outline: none;
      -webkit-appearance: none; }
      .dark-matters__nav__search-input:focus {
        border: 1px solid white;
        color: white; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__search-input {
          width: 150px;
          display: inline; } }

/* Inbox
 * Don't know exactly where a SASS change/addition
 * should go? Put it in the _inbox.scss file.
 * Because it is imported last here it will trump
 * all SASS above.
================================================ */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }