@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Work+Sans:400,300,800);
.block, .block-relative, .grid, .grid--l, .grid--m, .grid--s, .row, .col, .rte img, hr, #carbonads .carbon-img, #carbonads .carbon-text, .block-fixed, .block-absolute, .post__download, #carbonads .carbon-poweredby { display: block; }

.inline { display: inline; }

.inline-block, .inline-relative, .button, .button--border, .button--ghost, button, .u-inline-helper::after, .u-middle-align-helper:after { display: inline-block; }

.relative, .block-relative, .grid, .grid--l, .grid--m, .grid--s, .row, .col, .rte img, hr, #carbonads .carbon-img, #carbonads .carbon-text, .inline-relative, .button, .button--border, .button--ghost, button { position: relative; }

.absolute, .block-absolute, .post__download, #carbonads .carbon-poweredby { position: absolute; }

.fixed, .block-fixed { position: fixed; }

.static { position: static; }

.s1 { width: 100%; }

.s12 { width: 50%; }

.s13 { width: 33.33333%; }

.s23 { width: 66.66667%; }

.s34 { width: 75%; }

@media (min-width: 24.9375em) { .s1_xs { width: 100%; }
  .s12_xs { width: 50%; }
  .s13_xs { width: 33.33333%; }
  .s23_xs { width: 66.66667%; }
  .s34_xs { width: 75%; } }
@media (min-width: 34.375em) { .s1_s { width: 100%; }
  .s12_s { width: 50%; }
  .s13_s { width: 33.33333%; }
  .s23_s { width: 66.66667%; }
  .s34_s { width: 75%; } }
@media (min-width: 48em) { .s1_m { width: 100%; }
  .s12_m { width: 50%; }
  .s13_m { width: 33.33333%; }
  .s23_m { width: 66.66667%; }
  .s34_m { width: 75%; } }
@media (min-width: 64em) { .s1_l { width: 100%; }
  .s12_l { width: 50%; }
  .s13_l { width: 33.33333%; }
  .s23_l { width: 66.66667%; }
  .s34_l { width: 75%; } }
@media (min-width: 80em) { .s1_xl { width: 100%; }
  .s12_xl { width: 50%; }
  .s13_xl { width: 33.33333%; }
  .s23_xl { width: 66.66667%; }
  .s34_xl { width: 75%; } }
@media (min-width: 87.5em) { .s1_xxl { width: 100%; }
  .s12_xxl { width: 50%; }
  .s13_xxl { width: 33.33333%; }
  .s23_xxl { width: 66.66667%; }
  .s34_xxl { width: 75%; } }
.grid, .grid--l, .grid--m, .grid--s { margin: auto; width: 100%; }

.grid--l { width: 90%; }
@media (min-width: 24.9375em) { .grid--l { width: 92.5%; } }
@media (min-width: 48em) { .grid--l { width: 95%; } }

.grid--m { width: 90%; }
@media (min-width: 24.9375em) { .grid--m { width: 82.5%; } }
@media (min-width: 48em) { .grid--m { width: 75%; } }

.grid--s { width: 90%; }
@media (min-width: 24.9375em) { .grid--s { width: 75%; } }
@media (min-width: 48em) { .grid--s { width: 60%; } }

.row { margin: 0 auto; }

.col { float: left; min-height: 1px; }

.has-gutter--s { margin-left: -10px; margin-right: -10px; }
.has-gutter--s > .col { padding-left: 10px; padding-right: 10px; }

.has-gutter--m { margin-left: -20px; margin-right: -20px; }
.has-gutter--m > .col { padding-left: 20px; padding-right: 20px; }

.has-gutter--l { margin-left: -30px; margin-right: -30px; }
.has-gutter--l > .col { padding-left: 30px; padding-right: 30px; }

.clear-l { clear: left; }

@media (min-width: 24.9375em) { .clear-l_xs { clear: left; } }
@media (min-width: 34.375em) { .clear-l_s { clear: left; } }
@media (min-width: 48em) { .clear-l_m { clear: left; } }
@media (min-width: 64em) { .clear-l_l { clear: left; } }
@media (min-width: 80em) { .clear-l_xl { clear: left; } }
@media (min-width: 87.5em) { .clear-l_xxl { clear: left; } }
.u-clear::before, .row::before, #carbonads::before, .u-clear::after, .row::after, #carbonads::after { content: ' '; display: table; }
.u-clear::after, .row::after, #carbonads::after { clear: both; }

.u-inline-helper::after { content: ''; width: 100%; }

.u-middle-align-helper:after { content: ''; height: 100%; vertical-align: middle; }

body { margin: 0; }

a { background: transparent; color: inherit; }

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

b, strong { font-weight: bold; }

hr { height: 0; }

code, kbd, pre, samp { font-family: Consolas, Monaco, monospace, serif; }

pre { white-space: pre-wrap; }

q { quotes: "“" "”" "‘" "’"; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

figure { margin: 0; }

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

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; /* 2 */ cursor: pointer; /* 3 */ border: 0; outline: 0; }

button[disabled], html input[disabled] { cursor: default; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

textarea { overflow: auto; }

html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

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

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

.align-c { text-align: center; }

.align-j { text-align: justify; }

@media (min-width: 24.9375em) { .align-l_xs { text-align: left; }
  .align-r_xs { text-align: right; }
  .align-c_xs { text-align: center; }
  .align-j_xs { text-align: justify; } }
@media (min-width: 34.375em) { .align-l_s { text-align: left; }
  .align-r_s { text-align: right; }
  .align-c_s { text-align: center; }
  .align-j_s { text-align: justify; } }
@media (min-width: 48em) { .align-l_m { text-align: left; }
  .align-r_m { text-align: right; }
  .align-c_m { text-align: center; }
  .align-j_m { text-align: justify; } }
@media (min-width: 64em) { .align-l_l { text-align: left; }
  .align-r_l { text-align: right; }
  .align-c_l { text-align: center; }
  .align-j_l { text-align: justify; } }
@media (min-width: 80em) { .align-l_xl { text-align: left; }
  .align-r_xl { text-align: right; }
  .align-c_xl { text-align: center; }
  .align-j_xl { text-align: justify; } }
@media (min-width: 87.5em) { .align-l_xxl { text-align: left; }
  .align-r_xxl { text-align: right; }
  .align-c_xxl { text-align: center; }
  .align-j_xxl { text-align: justify; } }
.align-m { vertical-align: middle; }

.align-t { vertical-align: top; }

.align-b { vertical-align: bottom; }

.float-n { float: none; }

.float-l { float: left; }

.float-r { float: right; }

@media (min-width: 24.9375em) { .float-n_xs { float: none; }
  .float-l_xs { float: left; }
  .float-r_xs { float: right; } }
@media (min-width: 34.375em) { .float-n_s { float: none; }
  .float-l_s { float: left; }
  .float-r_s { float: right; } }
@media (min-width: 48em) { .float-n_m { float: none; }
  .float-l_m { float: left; }
  .float-r_m { float: right; } }
@media (min-width: 64em) { .float-n_l { float: none; }
  .float-l_l { float: left; }
  .float-r_l { float: right; } }
@media (min-width: 80em) { .float-n_xl { float: none; }
  .float-l_xl { float: left; }
  .float-r_xl { float: right; } }
@media (min-width: 87.5em) { .float-n_xxl { float: none; }
  .float-l_xxl { float: left; }
  .float-r_xxl { float: right; } }
html, body { color: #20333D; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

.type-sans { font-family: "Work Sans", Helvetica, Arial, sans-serif; }

.type-serif { font-family: georgia, serif; }

.type-monospace { font-family: Consolas , Monaco, monospace; }

h1, h2, h3, h4, h5, h6, p { font-weight: 100; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Work Sans", Helvetica, Arial, sans-serif; }

h1, .h1, .h0, blockquote, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p { font-size: 3.2rem; line-height: 1.1; }
@media screen and (min-width: 34.375em) { h1, .h1, .h0, blockquote, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p { font-size: 4.5rem; } }

.h0 { font-size: 4rem; line-height: 1.1; }
@media screen and (min-width: 34.375em) { .h0 { font-size: 5.5vw; } }

h2, .h2 { font-size: 2.5rem; line-height: 1.4; }
@media screen and (min-width: 34.375em) { h2, .h2 { font-size: 3rem; } }

h3, .h3 { font-size: 2rem; line-height: 1.4; }
@media screen and (min-width: 34.375em) { h3, .h3 { font-size: 2.2rem; } }

h4, .h4 { font-size: 1.8rem; line-height: 1.5; }

h5, .h5, #carbonads .carbon-text { font-size: 1.4rem; line-height: 1.3; }

h6, .h6 { font-size: 1.2rem; line-height: 1.3; }

p, .p { font-size: 1.8rem; font-weight: 100; line-height: 1.7; }

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte p { max-width: 40em; }
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin: 1ex 0 .6ex; }
.rte .h0 { max-width: 100%; margin: 0 0 0.5ex; }
.rte p { margin: 2ex 0; }
.rte a:not(.button):not(.button--border):not(.button--ghost) { color: #51A1E9; }
.rte img { height: auto !important; max-width: 100%; padding: 2rem 0; width: 100%; }

blockquote { margin: 3rem 0; color: #51A1E9; }

hr { background-color: #f5f5f5; border: 0; height: 2px; margin: 4rem 0; width: 100px; }
@media (min-width: 48em) { hr { margin: 6rem 0; } }

a { text-decoration: none; }

.font-s-i { font-style: italic; }

.font-w-l { font-weight: 100; }

.font-w-r { font-weight: 400; }

.font-w-b { font-weight: 900; }

.border { border: 2px solid #20333D; }

.radius { border-radius: 4px; }

.button, .button--border, .button--ghost, button { background-color: #51A1E9; border: 0; color: #FFFFFF; cursor: pointer; margin: .5em 1em .5em 0; padding: .3em 1.6em; text-decoration: none; text-align: center; -webkit-appearance: none; }
.button:hover, .button--border:hover, .button--ghost:hover, button:hover { background-color: #3a95e6; }

.button--border { background-color: transparent; border: 1px solid #51A1E9; color: #51A1E9; }
.button--border:hover { background-color: transparent; border-color: #3a95e6; color: #3a95e6; }

.button--ghost { background-color: white; color: #51A1E9; }
.button--ghost:hover { background-color: #51A1E9; color: white; }

.bg-c-w { background-color: #FFFFFF; }

.bg-c-b { background-color: #20333D; }

.bg-c-g { background-color: #333333; }

.bg-c-g1 { background-color: #f5f5f5; }

.bg-c-g2 { background-color: #cccccc; }

.bg-c-g3 { background-color: #999999; }

.bg-c-g4 { background-color: #666666; }

.bg-c-theme { background-color: #51A1E9; }

.bg-c-button { background-color: #51A1E9; }

.bg-c-background { background-color: #51A1E9; }

.bg-cv, .bg-cv-t { background-size: cover; background-position: center; background-repeat: no-repeat; }

.bg-cv-t { background-position: top center; }

.c-w { color: #FFFFFF; }

.c-b { color: #20333D; }

.c-g { color: #333333; }

.c-g1 { color: #f5f5f5; }

.c-g2 { color: #cccccc; }

.c-g3 { color: #999999; }

.c-g4 { color: #666666; }

.c-theme { color: #51A1E9; }

.c-button { color: #51A1E9; }

.c-background { color: #51A1E9; }

.trans-bg-l { transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; }

.trans-bg-s { transition: background 0.1s; -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -ms-transition: background 0.1s; }

.trans-c-l, #carbonads .carbon-poweredby { transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; }

.trans-c-s { transition: color 0.1s; -webkit-transition: color 0.1s; -moz-transition: color 0.1s; -ms-transition: color 0.1s; }

.trans-bg-c-s, .button, .button--border, .button--ghost, button { transition: background 0.1s, color 0.1s; -webkit-transition: background 0.1s, color 0.1s; -moz-transition: background 0.1s, color 0.1s; -ms-transition: background 0.1s, color 0.1s; }

.trans-o-s { transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; }

.trans-o-l, body, .footer__meta a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; }

.trans-o-xl, .ad-container { transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }

@font-face { font-family: 'icomoon'; src: url("https://s3-us-west-2.amazonaws.com/startupphotos/assets/fonts/icomoon.eot?oxv3rd"); src: url("https://s3-us-west-2.amazonaws.com/startupphotos/assets/fonts/icomoon.eot?#iefixoxv3rd") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/startupphotos/assets/fonts/icomoon.ttf?oxv3rd") format("truetype"), url("https://s3-us-west-2.amazonaws.com/startupphotos/assets/fonts/icomoon.woff?oxv3rd") format("woff"), url("https://s3-us-west-2.amazonaws.com/startupphotos/assets/fonts/icomoon.svg?oxv3rd#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-cloud-download:before { content: "\f00b"; }

.icon-info:before { content: "\f059"; }

.icon-link-external:before { content: "\f07f"; }

.icon-x:before { content: "\f081"; }

.icon-icon_instagram:before { content: "\e605"; }

.icon-icon_twitter:before { content: "\e60c"; }

body { overflow-x: hidden; opacity: 0; }
body.overlay--is-visible { overflow: hidden; }
body.is-loaded { opacity: 1; }

.body-text { padding: 8rem 0; float: left; }
@media (min-width: 34.375em) { .body-text { padding: 15rem 0; } }

.load.is-hiding { opacity: 0; }

.pagination { margin-bottom: 10rem; }

.text-content { padding: 10rem 0; }

.site-header { top: 0; left: 0; z-index: 100; }

.menu-item { transition: color .2s; }
.menu-item:hover { color: #51A1E9; }

.header__inner { padding: 2.4rem 0; }
@media (min-width: 64em) { .header__inner { position: absolute; right: 0; top: 0; padding: 2.4rem; } }

.sub-header { overflow-x: hidden; }

.sub-header__inner { padding: calc(2rem) 0; overflow: hidden; }

.sub-header__divider { width: 200%; height: 4px; right: -50%; bottom: 0; }
@media (min-width: 64em) { .sub-header__divider { width: 150%; right: 0; } }

.footer { overflow: hidden; }

.footer__divider { width: 150%; height: 4px; left: 0; top: 0; }

.footer__inner { padding: calc(2rem) 0; }

.footer__meta { margin-top: 0.5em; }
.footer__meta a:hover { color: #20333D; }

.posts { padding: 0; }

.post, .post--text { margin: 10rem 0; }
@media (min-width: 34.375em) { .post, .post--text { margin: 10rem 0 20rem; } }

.post--text { margin: 15rem 0; }

.post__img-container { padding: 33.4%; }

.post__img { top: 0; left: 0; max-height: 100%; opacity: 0; }
.post__img.is-loaded { opacity: 1; }

.post__caption { border-bottom: 4px solid #20333D; padding: calc(2rem / 1.618) 0; }
@media (min-width: 48em) { .post__caption { padding: calc(2rem) 0; } }
.post__caption blockquote { margin-left: -3.5rem; }

.post__download { display: none; bottom: 0; right: -50px; width: 40px; height: 40px; font-size: 3rem; text-align: center; }
.post__download:hover .icon-cloud-download { color: #51A1E9; }
.post__download .icon-cloud-download { line-height: 40px; color: #cccccc; }
@media (min-width: 64em) { .has-download .post__download { display: block; } }

.overlay { background-color: rgba(255, 255, 255, 0.95); bottom: 100%; left: 0; right: 0; top: 0; z-index: 0; opacity: 0; overflow: hidden; pointer-events: none; }
.overlay--is-visible .overlay { opacity: 1; z-index: 100; pointer-events: auto; bottom: 0; overflow: auto; }
.overlay--is-hiding .overlay { opacity: 0; }

.IE8-overlay { background-color: white; bottom: 0; left: 0; right: 0; top: 0; z-index: 1000; width: 100%; }
.IE8-overlay .IE8-content { width: 400px; }
.IE8-overlay .IE8-content h4 { font-size: 20px; }
.IE8-overlay .IE8-content .button, .IE8-overlay .IE8-content .button--border, .IE8-overlay .IE8-content .button--ghost { font-size: 20px; margin-top: 15px; }

.ad-container { z-index: 90; opacity: 0; margin-bottom: 10rem; }
.ad-container.is-loaded { opacity: 1; }
@media (min-width: 34.375em) { .ad-container { margin-bottom: 20rem; } }
@media (min-width: 64em) { .ad-container { position: fixed; bottom: 2rem; right: 2rem; margin: 0; } }

#carbonads { border-radius: 4px; background-color: #f5f5f5; width: 100%; max-width: 450px; padding: 15px 15px 25px; }
#carbonads .carbon-img { float: left; margin-right: 12px; }
#carbonads .carbon-text { float: left; width: calc(100% - 145px); margin-bottom: 6px; }
#carbonads .carbon-poweredby { bottom: 12px; left: 15px; color: #666666; }
#carbonads .carbon-poweredby:hover { color: #51A1E9; }
@media (min-width: 64em) { #carbonads { width: 160px; }
  #carbonads .carbon-img { float: none; margin-right: 0; }
  #carbonads .carbon-text { float: none; width: 100%; padding: 1em 0; } }
@media (max-width: 34.375em) { #carbonads .carbon-text { width: 100%; margin: 10px 0; } }

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