.link {
  color: inherit;
  cursor: pointer
}
.link,
.link--accent {
  text-decoration: none
}
.link--accent {
  color: #00a034
}
.link--accent:hover {
  color: #00ab6b
}
.post-newsletter .form--btn:before,
.u-absolute0 {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.tag.not--image,
.u-textColorDarker {
  color: rgba(0, 0, 0, .8)!important;
  fill: rgba(0, 0, 0, .8)!important
}
.note:before,
.success:before,
.warning:before,
[class*=" i-"]:before,
[class^=i-]:before {
  font-family: simply!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,
aside,
footer,
header,
nav,
section {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
figcaption,
figure,
main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
audio,
video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg:not(:root) {
  overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details,
menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
[hidden],
template {
  display: none
}
code[class*=language-],
pre[class*=language-] {
  color: #000;
  background: none;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}
code[class*=language-]::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc
}
code[class*=language-]::selection,
code[class*=language-]::selection,
pre[class*=language-]::selection,
pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc
}
@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none
  }
}
pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto
}
:not(pre)>code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0
}
:not(pre)>code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #708090
}
.token.punctuation {
  color: #999
}
.namespace {
  opacity: .7
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color: #905
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #690
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  color: #a67f59;
  background: hsla(0, 0%, 100%, .5)
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a
}
.token.function {
  color: #dd4a68
}
.token.important,
.token.regex,
.token.variable {
  color: #e90
}
.token.bold,
.token.important {
  font-weight: 700
}
.token.italic {
  font-style: italic
}
.token.entity {
  cursor: help
}
img[data-action=zoom] {
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out
}
.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s
}
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default
}
*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
a {
  color: inherit;
  text-decoration: none
}
a:active,
a:hover {
  outline: 0
}
blockquote {
  border-left: 3px solid rgba(0, 0, 0, .8);
  font-family: Droid Serif, serif;
  font-size: 21px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.003em;
  line-height: 1.58;
  margin-left: -23px;
  padding-bottom: 2px;
  padding-left: 20px
}
body {
  color: rgba(0, 0, 0, .8);
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0 auto;
  text-rendering: optimizeLegibility
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px
}
figure {
  margin: 0
}
code,
kbd,
samp {
  background: #f7f7f7;
  color: #c7254e;
  padding: 4px 6px;
  white-space: pre-wrap
}
code,
kbd,
pre,
samp {
  border-radius: 4px;
  font-family: Source Code Pro, monospace!important;
  font-size: 16px
}
pre {
  background-color: #f7f7f7!important;
  margin-top: 30px!important;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  word-wrap: normal
}
pre code {
  background: transparent;
  color: #37474f;
  padding: 0;
  text-shadow: 0 1px #fff
}
code[class*=language-],
pre[class*=language-] {
  color: #37474f;
  line-height: 1.4
}
code[class*=language-] .token.comment,
pre[class*=language-] .token.comment {
  opacity: .8
}
hr {
  border: 0;
  display: block;
  margin: 50px auto;
  text-align: center
}
hr:before {
  color: rgba(0, 0, 0, .6);
  content: "...";
  display: inline-block;
  font-family: Source Sans Pro, sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: .6em;
  position: relative;
  top: -25px
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto
}
img:not([src]) {
  visibility: hidden
}
i {
  vertical-align: middle
}
ol,
ul {
  list-style-image: none;
  list-style: none;
  margin: 0;
  padding: 0
}
mark {
  background-color: transparent!important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d7fdd3), to(#d7fdd3));
  background-image: -webkit-linear-gradient(top, #d7fdd3, #d7fdd3);
  background-image: -o-linear-gradient(top, #d7fdd3, #d7fdd3);
  background-image: linear-gradient(180deg, #d7fdd3, #d7fdd3);
  color: rgba(0, 0, 0, .8)
}
q {
  color: rgba(0, 0, 0, .44);
  display: block;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.014em;
  line-height: 1.48;
  padding-left: 50px;
  padding-top: 15px;
  text-align: left
}
q:after,
q:before {
  display: none
}
.footer,
.main {
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -o-transition: -o-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease
}
@media only screen and (max-width: 766px) {
  .main {
    overflow: hidden;
    padding-top: 50px
  }
}
.warning {
  background: #fbe9e7;
  color: #d50000
}
.warning:before {
  content: "\E002"
}
.note {
  background: #e1f5fe;
  color: #0288d1
}
.note:before {
  content: "\E838"
}
.success {
  background: #e0f2f1;
  color: #00897b
}
.success:before {
  color: #00bfa5;
  content: "\E86C"
}
.note,
.success,
.warning {
  display: block;
  font-size: 18px!important;
  line-height: 1.58!important;
  margin-top: 28px;
  padding: 12px 24px 12px 60px
}
.note a,
.success a,
.warning a {
  color: inherit;
  text-decoration: underline
}
.note:before,
.success:before,
.warning:before {
  float: left;
  font-size: 24px;
  margin-left: -36px;
  margin-top: -5px
}
.tag {
  color: #fff;
  min-height: 300px
}
.tag,
.tag-wrap {
  z-index: 2
}
.tag.not--image {
  min-height: auto
}
.tag-description {
  max-width: 500px
}
.with-tooltip {
  overflow: visible;
  position: relative
}
.with-tooltip:after {
  background: rgba(0, 0, 0, .85);
  border-radius: 4px;
  color: #fff;
  content: attr(data-tooltip);
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  left: 50%;
  line-height: 1.25;
  min-width: 130px;
  opacity: 0;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  top: -30px;
  will-change: opacity, transform;
  z-index: 1
}
.with-tooltip:hover:after {
  -webkit-animation: tooltip .1s ease-out both;
  -o-animation: tooltip .1s ease-out both;
  animation: tooltip .1s ease-out both
}
.footer {
  color: rgba(0, 0, 0, .44)
}
.footer a {
  color: rgba(0, 0, 0, .6)
}
.footer a:hover {
  color: rgba(0, 0, 0, .8)
}
.errorPage {
  font-family: Roboto Mono, monospace;
  height: 100vh;
  width: 100%
}
.errorPage-link {
  left: -5px;
  padding: 24px 60px;
  top: -6px
}
.errorPage-text {
  margin-top: 60px;
  white-space: pre-wrap
}
.errorPage-wrap {
  color: rgba(0, 0, 0, .4);
  left: 50%;
  min-width: 680px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.video-responsive {
  display: block;
  height: 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 0 0 56.25%;
  position: relative
}
.video-responsive iframe,
.video-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.c-facebook {
  color: #3b5998!important
}
.bg-facebook,
.sideNav-follow .i-facebook {
  background-color: #3b5998!important
}
.c-twitter {
  color: #55acee!important
}
.bg-twitter,
.sideNav-follow .i-twitter {
  background-color: #55acee!important
}
.c-google {
  color: #dd4b39!important
}
.bg-google,
.sideNav-follow .i-google {
  background-color: #dd4b39!important
}
.c-instagram {
  color: #306088!important
}
.bg-instagram,
.sideNav-follow .i-instagram {
  background-color: #306088!important
}
.c-youtube {
  color: #e52d27!important
}
.bg-youtube,
.sideNav-follow .i-youtube {
  background-color: #e52d27!important
}
.c-github {
  color: #555!important
}
.bg-github,
.sideNav-follow .i-github {
  background-color: #555!important
}
.c-linkedin {
  color: #007bb6!important
}
.bg-linkedin,
.sideNav-follow .i-linkedin {
  background-color: #007bb6!important
}
.c-spotify {
  color: #2ebd59!important
}
.bg-spotify,
.sideNav-follow .i-spotify {
  background-color: #2ebd59!important
}
.c-codepen {
  color: #222!important
}
.bg-codepen,
.sideNav-follow .i-codepen {
  background-color: #222!important
}
.c-behance {
  color: #131418!important
}
.bg-behance,
.sideNav-follow .i-behance {
  background-color: #131418!important
}
.c-dribbble {
  color: #ea4c89!important
}
.bg-dribbble,
.sideNav-follow .i-dribbble {
  background-color: #ea4c89!important
}
.c-flickr {
  color: #0063dc!important
}
.bg-flickr,
.sideNav-follow .i-flickr {
  background-color: #0063dc!important
}
.c-reddit {
  color: #ff4500!important
}
.bg-reddit,
.sideNav-follow .i-reddit {
  background-color: #ff4500!important
}
.c-pocket {
  color: #f50057!important
}
.bg-pocket,
.sideNav-follow .i-pocket {
  background-color: #f50057!important
}
.c-pinterest {
  color: #bd081c!important
}
.bg-pinterest,
.sideNav-follow .i-pinterest {
  background-color: #bd081c!important
}
.c-whatsapp {
  color: #64d448!important
}
.bg-whatsapp,
.sideNav-follow .i-whatsapp {
  background-color: #64d448!important
}
.fbSave-dropdown {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  bottom: 100%;
  display: none;
  max-width: 200px;
  min-width: 100px;
  padding: 8px;
  -webkit-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 10
}
.fbSave-dropdown.is-visible {
  display: block
}
.rocket {
  bottom: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 60px;
  z-index: 888
}
.rocket:hover svg path {
  fill: rgba(0, 0, 0, .6)
}
.svgIcon {
  display: inline-block
}
svg {
  height: auto;
  width: 100%
}
.loadMore {
  display: block;
  font-size: 15px;
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 10px;
  text-align: center
}
.loadingBar {
  background-color: #48e79a;
  display: none;
  height: 2px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 800
}
.is-loading .loadingBar {
  -webkit-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-animation: loading-bar 1s ease-in-out infinite;
  -o-animation: loading-bar 1s ease-in-out infinite;
  animation: loading-bar 1s ease-in-out infinite;
  display: block
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  margin: 0
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  line-height: inherit
}
h1 {
  font-size: 2.25rem
}
h2 {
  font-size: 1.875rem
}
h3 {
  font-size: 1.5625rem
}
h4 {
  font-size: 1.375rem
}
h5 {
  font-size: 1.125rem
}
h6 {
  font-size: 1rem
}
.h1 {
  font-size: 2.25rem
}
.h2 {
  font-size: 1.875rem
}
.h3 {
  font-size: 1.5625rem
}
.h4 {
  font-size: 1.375rem
}
.h5 {
  font-size: 1.125rem
}
.h6 {
  font-size: 1rem
}
p {
  margin: 0
}
.u-textColorNormal {
  color: rgba(0, 0, 0, .44);
  fill: rgba(0, 0, 0, .44)
}
.u-hoverColorNormal:hover {
  color: rgba(0, 0, 0, .6);
  fill: rgba(0, 0, 0, .6)
}
.u-accentColor--iconNormal {
  color: #00a034;
  fill: #00a034
}
.u-bgColor {
  background-color: #00a034
}
.u-headerColorLink a {
  color: #bbf1b9
}
.u-headerColorLink a.active,
.u-headerColorLink a:hover {
  color: #eeffea
}
.u-relative {
  position: relative
}
.u-absolute {
  position: absolute
}
.u-fixed {
  position: fixed!important
}
.u-block {
  display: block!important
}
.u-backgroundDark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgba(0, 0, 0, .3)), color-stop(81%, rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 29%, rgba(0, 0, 0, .6) 81%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .3) 29%, rgba(0, 0, 0, .6) 81%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .3) 29%, rgba(0, 0, 0, .6) 81%);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}
.u-backgroundWhite {
  background-color: #fafafa
}
.u-backgroundColorGrayLight {
  background-color: #f0f0f0!important
}
.u-clear:after,
.u-clear:before {
  content: " ";
  display: table
}
.u-clear:after {
  clear: both
}
.u-fontSize13 {
  font-size: 13px
}
.u-fontSize15 {
  font-size: 15px
}
.u-fontSize20 {
  font-size: 20px
}
.u-fontSize22 {
  font-size: 22px
}
.u-fontSize28 {
  font-size: 28px!important
}
.u-fontSize36 {
  font-size: 36px
}
.u-fontSize40 {
  font-size: 40px
}
.u-fontSizeBase {
  font-size: 18px
}
.u-fontSizeJumbo {
  font-size: 50px
}
.u-fontSizeLarge {
  font-size: 24px!important
}
.u-fontSizeLarger {
  font-size: 32px
}
.u-fontSizeLargest {
  font-size: 44px
}
.u-fontSizeMicro {
  font-size: 11px
}
.u-fontSizeSmall {
  font-size: 16px
}
.u-fontSizeSmaller {
  font-size: 14px
}
.u-fontSizeSmallest {
  font-size: 12px
}
@media only screen and (max-width: 766px) {
  .u-md-fontSizeBase {
    font-size: 18px!important
  }
  .u-md-fontSizeLarger {
    font-size: 32px
  }
}
.u-fontWeightThin {
  font-weight: 300
}
.u-fontWeightNormal {
  font-weight: 400
}
.u-fontWeightMedium {
  font-weight: 500
}
.u-fontWeightSemibold {
  font-weight: 600
}
.u-fontWeightBold {
  font-weight: 700!important
}
.u-textUppercase {
  text-transform: uppercase
}
.u-textAlignCenter {
  text-align: center
}
.u-noWrapWithEllipsis {
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important
}
.u-marginAuto {
  margin-left: auto;
  margin-right: auto
}
.u-marginTop20 {
  margin-top: 20px
}
.u-marginTop30 {
  margin-top: 30px
}
.u-marginBottom15 {
  margin-bottom: 15px
}
.u-marginBottom20 {
  margin-bottom: 20px!important
}
.u-marginBottom30 {
  margin-bottom: 30px
}
.u-marginBottom40 {
  margin-bottom: 40px
}
.u-padding0 {
  padding: 0!important
}
.u-padding15 {
  padding: 15px!important
}
.u-paddingBottom2 {
  padding-bottom: 2px
}
.u-paddingBottom30 {
  padding-bottom: 30px
}
.u-paddingBottom20 {
  padding-bottom: 20px
}
.u-paddingTop5 {
  padding-top: 5px
}
.u-paddingTop10 {
  padding-top: 10px
}
.u-paddingTop15 {
  padding-top: 15px
}
.u-paddingTop20 {
  padding-top: 20px
}
.u-paddingTop30 {
  padding-top: 30px
}
.u-paddingBottom15 {
  padding-bottom: 15px
}
.u-paddingRight20 {
  padding-right: 20px
}
.u-paddingLeft20 {
  padding-left: 20px
}
.u-contentTitle {
  font-family: Source Sans Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.028em
}
.u-lineHeight1 {
  line-height: 1
}
.u-overflowHidden {
  overflow: hidden
}
.u-floatRight {
  float: right
}
.u-floatLeft {
  float: left
}
.u-flex,
.u-flexCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.u-flexCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.u-flex1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}
.u-flex0 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}
.u-flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.u-flexColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.u-flexEnd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.u-backgroundSizeCover {
  background-origin: border-box;
  background-position: 50%;
  background-size: cover
}
.u-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px
}
.u-maxWidth1000 {
  max-width: 1000px
}
.u-maxWidth740 {
  max-width: 740px
}
.u-maxWidth1040 {
  max-width: 1040px
}
.u-sizeFullWidth {
  width: 100%
}
.u-borderLighter {
  border: 1px solid rgba(0, 0, 0, .15)
}
.u-round {
  border-radius: 50%
}
.u-borderRadius2 {
  border-radius: 2px
}
.u-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
  margin-bottom: 10px;
  padding: 10px 20px 15px
}
.u-card--p {
  font-family: Droid Serif, serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.004em;
  line-height: 1.58
}
.u-boxShadowBottom {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .05);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .05)
}
.u-hide {
  display: none!important
}
@media only screen and (max-width: 766px) {
  .u-hide-before-md {
    display: none!important
  }
}
@media only screen and (max-width: 1000px) {
  .u-hide-before-lg {
    display: none!important
  }
}
@media only screen and (min-width: 766px) {
  .u-hide-after-md {
    display: none!important
  }
}
@media only screen and (min-width: 1000px) {
  .u-hide-after-lg {
    display: none!important
  }
}
.u-wrap {
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%
}
@media only screen and (min-width: 1230px) {
  .u-wrap {
    max-width: 1200px
  }
}
@media only screen and (min-width: 1000px) {
  .content {
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important;
    max-width: calc(100% - 340px)!important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .sidebar {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 340px!important;
    flex: 0 0 340px!important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -12px;
  margin-right: -12px
}
.row,
.row .col {
  -webkit-box-flex: 0
}
.row .col {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 12px;
  padding-right: 12px
}
.row .col.s1 {
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%
}
.row .col.s2 {
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%
}
.row .col.s3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}
.row .col.s4 {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%
}
.row .col.s5 {
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%
}
.row .col.s6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%
}
.row .col.s7 {
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%
}
.row .col.s8 {
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%
}
.row .col.s9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%
}
.row .col.s10 {
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%
}
.row .col.s11 {
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%
}
.row .col.s12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}
@media only screen and (min-width: 766px) {
  .row .col.m1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .row .col.m2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .row .col.m3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .row .col.m4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .row .col.m5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .row .col.m6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .row .col.m7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .row .col.m8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .row .col.m9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .row .col.m10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .row .col.m11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .row .col.m12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
@media only screen and (min-width: 1000px) {
  .row .col.l1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .row .col.l2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .row .col.l3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .row .col.l4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .row .col.l5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .row .col.l6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .row .col.l7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .row .col.l8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .row .col.l9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .row .col.l10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .row .col.l11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .row .col.l12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.button {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 999em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .44);
  cursor: pointer;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 37px;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap
}
.button,
.button i {
  display: inline-block
}
.button--chromeless {
  border-radius: 0;
  border-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, .44);
  height: auto;
  line-height: inherit;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  white-space: normal
}
.button--chromeless:active,
.button--chromeless:focus,
.button--chromeless:hover {
  border-width: 0;
  color: rgba(0, 0, 0, .6)
}
.button--large {
  font-size: 15px;
  height: 44px;
  line-height: 42px;
  padding: 0 18px
}
.button--dark {
  border-color: rgba(0, 0, 0, .6);
  color: rgba(0, 0, 0, .6)
}
.button--dark:hover {
  border-color: rgba(0, 0, 0, .8);
  color: rgba(0, 0, 0, .8)
}
.button--primary {
  border-color: #00a034;
  color: #00a034
}
.buttonSet>.button {
  margin-right: 8px;
  vertical-align: middle
}
.buttonSet>.button:last-child {
  margin-right: 0
}
.buttonSet .button--chromeless {
  height: 37px;
  line-height: 35px
}
.buttonSet .button--large.button--chromeless,
.buttonSet .button--large.button--link {
  height: 44px;
  line-height: 42px
}
.buttonSet>.button--chromeless:not(.button--circle) {
  margin-right: 0;
  padding-right: 8px
}
.buttonSet>.button--chromeless+.button--chromeless:not(.button--circle) {
  margin-left: 0;
  padding-left: 8px
}
.buttonSet>.button--chromeless:last-child {
  padding-right: 0
}
.button--large.button--chromeless,
.button--large.button--link {
  padding: 0
}
@font-face {
  font-family: simply;
  src: url(/assets/fonts/simply.eot);
  src: url(/assets/fonts/simply.eot#iefix) format("embedded-opentype"), url(/assets/fonts/simply.ttf) format("truetype"), url(/assets/fonts/simply.woff) format("woff"), url(/assets/fonts/simply.svg#simply) format("svg");
  font-weight: 400;
  font-style: normal
}
.i-telegram:before {
  content: "\F2C6"
}
.i-link:before {
  content: "\F0C1"
}
.i-reddit:before {
  content: "\F281"
}
.i-twitter:before {
  content: "\F099"
}
.i-github:before {
  content: "\F09B"
}
.i-linkedin:before {
  content: "\F0E1"
}
.i-code:before {
  content: "\F121"
}
.i-youtube:before {
  content: "\F16A"
}
.i-stack-overflow:before {
  content: "\F16C"
}
.i-instagram:before {
  content: "\F16D"
}
.i-flickr:before {
  content: "\F16E"
}
.i-dribbble:before {
  content: "\F17D"
}
.i-behance:before {
  content: "\F1B4"
}
.i-spotify:before {
  content: "\F1BC"
}
.i-codepen:before {
  content: "\F1CB"
}
.i-facebook:before {
  content: "\F230"
}
.i-pinterest:before {
  content: "\F231"
}
.i-whatsapp:before {
  content: "\F232"
}
.i-snapchat:before {
  content: "\F2AC"
}
.i-comments:before {
  content: "\E900"
}
.i-location:before {
  content: "\E8B4"
}
.i-save:before {
  content: "\E8E6"
}
.i-save--line:before {
  content: "\E8E7"
}
.i-check-circle:before {
  content: "\E86C"
}
.i-close:before {
  content: "\E5CD"
}
.i-favorite:before {
  content: "\E87D"
}
.i-star:before {
  content: "\E838"
}
.i-warning:before {
  content: "\E002"
}
.i-rss:before {
  content: "\E0E5"
}
.i-search:before {
  content: "\E8B6"
}
.i-send:before {
  content: "\E163"
}
.i-share:before {
  content: "\E80D"
}
.animated {
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown
}
.pulse {
  -webkit-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@-o-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(215, 610, 355, 1);
    animation-timing-function: cubic-bezier(215, 610, 355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@-o-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -o-animation-timing-function: cubic-bezier(215, 610, 355, 1);
    animation-timing-function: cubic-bezier(215, 610, 355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }
  75% {
    transform: translate3d(0, -10px, 0)
  }
  90% {
    transform: translate3d(0, 5px, 0)
  }
  to {
    -o-transform: none;
    transform: none
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(215, 610, 355, 1);
    -o-animation-timing-function: cubic-bezier(215, 610, 355, 1);
    animation-timing-function: cubic-bezier(215, 610, 355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  to {
    -webkit-transform: none;
    -o-transform: none;
    transform: none
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2)
  }
  to {
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2)
  }
  to {
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@-webkit-keyframes scroll {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}
@-o-keyframes scroll {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    opacity: 0;
    -o-transform: translateY(10px);
    transform: translateY(10px)
  }
}
@keyframes scroll {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-o-keyframes opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -o-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@-webkit-keyframes tooltip {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px)
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
  }
}
@-o-keyframes tooltip {
  0% {
    opacity: 0;
    -o-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px)
  }
  to {
    opacity: 1;
    -o-transform: translate(-50%);
    transform: translate(-50%)
  }
}
@keyframes tooltip {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 6px);
    -o-transform: translate(-50%, 6px);
    transform: translate(-50%, 6px)
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
  }
}
@-webkit-keyframes loading-bar {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  40% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}
@-o-keyframes loading-bar {
  0% {
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  40% {
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  60% {
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -o-transform: translateX(100%);
    transform: translateX(100%)
  }
}
@keyframes loading-bar {
  0% {
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  40% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  60% {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
  }
}
.header {
  z-index: 80
}
.header-wrap {
  height: 50px
}
.header-logo {
  color: #fff!important;
  height: 30px
}
.header-logo img {
  max-height: 100%
}
.header-logo,
.header .button-nav--toggle,
.header .button-search--open {
  z-index: 150
}
.header-description {
  color: #bbf1b9;
  letter-spacing: -.02em;
  margin-bottom: 5px;
  margin-top: 5px;
  max-width: 750px
}
.follow>a {
  padding-left: 15px
}
.nav {
  line-height: 40px;
  padding: 8px 0;
  position: relative
}
.nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.nav li {
  float: left
}
.nav li a {
  font-weight: 600;
  margin-right: 22px;
  text-transform: uppercase
}
.button-search--open {
  padding-right: 0!important
}
.button-nav--toggle {
  height: 48px;
  position: relative;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: -o-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s, -o-transform .4s;
  width: 48px
}
.button-nav--toggle span {
  background-color: #bbf1b9;
  display: block;
  height: 2px;
  left: 14px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 20px
}
.button-nav--toggle span:first-child {
  -webkit-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px)
}
.button-nav--toggle span:last-child {
  -webkit-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px)
}
body.is-frontpage .header-wrap {
  height: auto
}
@media only screen and (min-width: 766px) {
  .header-wrap {
    border: 0
  }
  .header-logo {
    height: 50px;
    padding-left: 0
  }
  .header-top-section {
    padding-top: 15px
  }
  body.is-frontpage .header-wrap {
    height: 200px
  }
  body.is-frontpage .header-logo {
    height: 150px;
    margin-bottom: 15px
  }
  body.is-frontpage .header-top-section {
    padding-top: 0
  }
  body.is-frontpage .nav ul {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}
@media only screen and (max-width: 766px) {
  .header {
    position: fixed
  }
  .header-wrap {
    height: 50px!important
  }
  body.is-showNavMob {
    overflow: hidden
  }
  body.is-showNavMob .sideNav {
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
  body.is-showNavMob .button-nav--toggle {
    border: 0;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  body.is-showNavMob .button-nav--toggle span:first-child {
    -webkit-transform: rotate(45deg) translate(0);
    -o-transform: rotate(45deg) translate(0);
    transform: rotate(45deg) translate(0)
  }
  body.is-showNavMob .button-nav--toggle span:nth-child(2) {
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
  }
  body.is-showNavMob .button-nav--toggle span:last-child {
    -webkit-transform: rotate(-45deg) translate(0);
    -o-transform: rotate(-45deg) translate(0);
    transform: rotate(-45deg) translate(0)
  }
  body.is-showNavMob .header .button-search--toggle {
    display: none
  }
  body.is-showNavMob .footer,
  body.is-showNavMob .main {
    -webkit-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%)
  }
}
.entry-author {
  line-height: 1.2;
  padding-left: 10px
}
.entry-avatar--img {
  border-radius: 50%;
  height: 40px;
  width: 40px
}
.entry-avatar--img.no-avatar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACbCAMAAABCvxm+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMERFNUY2MzE4Q0QxMUUzODE4RkFDREMyNzVDMjRDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMERFNUY2NDE4Q0QxMUUzODE4RkFDREMyNzVDMjRDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIwREU1RjYxMThDRDExRTM4MThGQUNEQzI3NUMyNENDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwREU1RjYyMThDRDExRTM4MThGQUNEQzI3NUMyNENDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gkOp7wAAAjFQTFRFzN7oJCYot8fQorC4yNrjuMjRJScpbXZ8go2UvMzVy93mpLO7OT1ANjk8JyosmKWtk5+mscDJKiwvKy0wytzmNDc6oK62KSwuxNXfv9DZxdfgnauzPkJFSE1RKy4wdX+FcnyCaHB2JykrfYeOhpKYJigqU1ldbHV6tcXOb3h+tMTNMzc5qLe/T1ZaMTQ2Oj5BxtjhU1pep7a+VVxglaKqeoWLeYOJODw/w9XeeIKIx9njZW1zQUZJW2NnwdLcLzI1tsXOxdbgSU5SucnSUFZah5KZV15iaXF2v9Daj5uir77HJScqeoSKl6Sroa+3LS8yX2dsRkxPX2ZrVFtfY2twMjY5KCotMjU4y93ncHl/Ympvk6CnT1VZvs7XmqevTFJWKSstbHV7gIqRqrjBmaauydvlwdLbNjo9j5yjYWluipaddn+Fx9jiPkNGwtPdiZWcRUpOSlBUqrnCZm5zssLLpLK6i5eessHKZGxxTlRYQkdLkp+mSE5Rn6y0o7G5YWhtydrksL/IRElMbnd8XWVqpbO8XGNoVVtgl6SswNHaQ0hLaXJ3q7rCUlldlKGolqOqjpqhusvUV15jnaqyrr7GUVhcgIuRQkZKjJiffoiOvM3WrLvDtsbPPEFEfomPOz9CP0RHLC8xMDM2iZSbkZ2krLvEsMDIPEBDc32CkJyjW2JmOj9CLjEzUVdbLzI0hI+Wbnh9LTAzQEVITlNXgoyTrbzFXmVqYGhtRElNoa62WF9jVwo1/wAAA6pJREFUeNrs22VX3EAUgOFc2F0WKLDsYsXd3QsUK+5OoRQoUqzu7u7u7u7+6/qtpxy6m8xl5044nfcXPCcnyViiKDKZTCaTyWQymUwm01l+Pl0lNoBAr/bvTYMrdUXbfh3+7nXH+1SDTmjuKTCnRq/KqCerxds2g52if415iKVlhoP9HuwWqssFh4WNCrQtdWwDU4SfsMtmArWGbglwjX7IKQENFSSTv3FXgda8jMS2KNDep0JSmgVYOk1JC0phspmeEdpGgK1iOprBi9H2kW74PweseZLZcphteVS0ujhm21UqWz0zDcLHdTLA/6tsoqe0FWGLobHtRdCgisbWh7HZaOZxQxgbHCSxpaNsFpJHAUUDM8mKFGdbQmFzwdncpE3aCJ+FCApbKc5GMoPz0PH7TfFG2aZJbG9QtgskNn+U7QSJrQBlGyOxhaJsriS2UygbyQr1zHOU7UYmf5obIAtdx5tWbsLa4B5v2zY0DeJ52/Lxtl28bS/wtgzetpt4Wztv2zTelsXbNoi3TfG2+eJt+bxtB3rQtlzu40IY2raMu+0wljbBfzwNwdoIzhiK0pG2ywRzpCQcbRHF+XjdI5RtBcm8d9PZggw217uMQ9VUBwxK0EMmW6xC2Q4W2nApqc2Txdam0HaXwRZAbIvR2dtj1i5co37mH3PSfIZqMpLbzmu1vSWnKYZeXQ0IqHE1vUiATePsPEkR0UZNNl8htkkttDQhNMXQrcHmI8amzOhwTPgzNgSq2qoVUal+n+efKcxmVDsGMSviilTZRhX59XbFhK4mbrPzcUTrV8SWYJ+2tlCwbbzG7qez5YroDK/svHWTBcOMzU39dja9/NNqzS2CfmJY45oXX6Y+ZnXEXllOfL3MnVbNaxn/KQvZU2GM2cC6UdNz/GUQwa1v2Yk70bJ1pXK+ZBEpgO/H+gpusqdH4mB+lc0s5iLbmgVOyJrg/KX00c/gpLyjnKvLjgcnNuzm7jTZ7Uvg5AL7nHPffT0GHAqPnL8uuwY4ZXWb3yFSwABwzLsYP1cJ2AOcM31LRMkasoAg74STzLLgyGigqXeSkZZ6H+jqZPoTeSQaKOv+qX0e1AbExWk9VQoeAPq0fW5uqALQK24/iKlenfZYEA2sqjvDF1tF2aBSbbFYC+Jqdkwrsgm0qeypN4DIgh3aXIXajDq2uUibtEnbAre1CLXdcWgLEWpLXLC2a0Jt+xzavgi1Of5vxaxjm49Q2xb57pU2aZO2/8L2W4ABAL4mhp4zyYDOAAAAAElFTkSuQmCC)!important
}
.entry.not--image {
  color: rgba(0, 0, 0, .8)
}
.entry.u-card .entry-image {
  max-height: 240px;
  max-width: 360px
}
.entry.entry--featured .entry-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.entry.entry--featured .entry-image {
  height: 200px;
  margin-bottom: 20px;
  margin-top: 5px;
  max-width: 100%;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}
.entry.entry--featured .entry-image--link {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}
.entry.entry--featured .entry-excerpt,
.entry.even:not(.entry--featured) .entry-excerpt {
  color: rgba(0, 0, 0, .44);
  font-family: Source Sans Pro, sans-serif;
  font-size: 23px;
  letter-spacing: -.022em;
  line-height: 1.22
}
@media only screen and (max-width: 766px) {
  .entry {
    border-bottom: 1px solid rgba(0, 0, 0, .0785);
    margin-bottom: 20px;
    padding-bottom: 20px
  }
  .entry-avatar--img {
    height: 32px;
    width: 32px
  }
}
.homePage .entry .u-backgroundDark {
  display: none
}
.homePage .entry-image {
  height: 172px
}
@media only screen and (min-width: 766px) {
  .homePage .entry-image {
    height: 174px
  }
  .homePage .entry.entry1,
  .homePage .entry.entry7 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
  .homePage .entry.entry1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .homePage .entry.entry1 .entry-image {
    height: 350px;
    margin-right: 15px;
    width: 66.66666667%!important
  }
  .homePage .entry.entry1 .entry-title {
    font-size: 36px!important
  }
  .homePage .entry.entry1 .entry-body {
    padding: 0 0 0 13px;
    width: 33.33333333%!important
  }
  .homePage .entry.entry7 .entry-image {
    height: 450px
  }
  .homePage .entry.entry7 .entry-title {
    font-size: 44px!important
  }
  .homePage .entry.entry7 .entry-excerpt {
    font-size: 24px;
    line-height: 1.3
  }
  .homePage .entry.entry7 .u-accentColor--iconNormal {
    fill: #fff
  }
  .homePage .entry.entry7 .u-backgroundDark,
  .homePage .entry.entry13 .u-backgroundDark,
  .homePage .entry.entry14 .u-backgroundDark {
    display: block
  }
  .homePage .entry.entry7 .entry-body,
  .homePage .entry.entry13 .entry-body,
  .homePage .entry.entry14 .entry-body {
    bottom: 0;
    left: 0;
    margin: 30px 40px;
    max-width: 600px;
    position: absolute;
    z-index: 2
  }
  .homePage .entry.entry7:not(.not--image) .entry-body,
  .homePage .entry.entry13:not(.not--image) .entry-body,
  .homePage .entry.entry14:not(.not--image) .entry-body {
    color: #fff
  }
  .homePage .entry.entry7:not(.not--image) .entry-author,
  .homePage .entry.entry7:not(.not--image) .entry-author .entry-date,
  .homePage .entry.entry7:not(.not--image) .entry-author a,
  .homePage .entry.entry13:not(.not--image) .entry-author,
  .homePage .entry.entry13:not(.not--image) .entry-author .entry-date,
  .homePage .entry.entry13:not(.not--image) .entry-author a,
  .homePage .entry.entry14:not(.not--image) .entry-author,
  .homePage .entry.entry14:not(.not--image) .entry-author .entry-date,
  .homePage .entry.entry14:not(.not--image) .entry-author a {
    color: hsla(0, 0%, 100%, .9)
  }
  .homePage .entry.entry13 .entry-image,
  .homePage .entry.entry14 .entry-image {
    height: 450px
  }
  .homePage .entry.entry13 .entry-title,
  .homePage .entry.entry14 .entry-title {
    font-size: 32px!important
  }
  .homePage .entry.entry13 .entry-excerpt,
  .homePage .entry.entry14 .entry-excerpt {
    display: none
  }
  .homePage .entry.entry13 .entry-byline,
  .homePage .entry.entry14 .entry-byline {
    margin-top: 20px
  }
  .homePage .entry.entry13 .entry-body,
  .homePage .entry.entry14 .entry-body {
    max-width: 400px
  }
  .homePage .entry.entry5,
  .homePage .entry.entry6,
  .homePage .entry.entry11,
  .homePage .entry.entry12 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .homePage .entry.entry5 .entry-image,
  .homePage .entry.entry6 .entry-image,
  .homePage .entry.entry11 .entry-image,
  .homePage .entry.entry12 .entry-image {
    height: 274px
  }
  .homePage .entry.entry13 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    padding-right: 0
  }
  .homePage .entry.entry14 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%
  }
}
.post-title {
  line-height: 1.04
}
.post-body a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, .6)), color-stop(0, transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 50%, transparent 0);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .6) 50%, transparent 0);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6) 50%, transparent 0);
  background-position: 0 1.07em;
  background-repeat: repeat-x;
  background-size: 2px .1em;
  text-decoration: none
}
.post-body img {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  margin-top: 30px;
  font-weight: 700;
  font-style: normal
}
.post-body h2 {
  font-size: 40px;
  letter-spacing: -.03em;
  line-height: 1.04;
  margin-top: 54px
}
.post-body h3 {
  font-size: 32px;
  letter-spacing: -.02em;
  line-height: 1.15;
  margin-top: 52px
}
.post-body h4 {
  font-size: 24px;
  letter-spacing: -.018em;
  line-height: 1.22;
  margin-top: 30px
}
.post-body p {
  font-weight: 400;
  letter-spacing: -.003em;
  line-height: 1.58;
  margin-top: 28px
}
.post-body ol,
.post-body p,
.post-body ul {
  font-family: Droid Serif, serif;
  font-size: 21px
}
.post-body ol,
.post-body ul {
  counter-reset: post;
  margin-top: 20px
}
.post-body ol li,
.post-body ul li {
  letter-spacing: -.003em;
  line-height: 1.58;
  margin-bottom: 14px;
  margin-left: 30px
}
.post-body ol li:before,
.post-body ul li:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-left: -78px;
  position: absolute;
  text-align: right;
  width: 78px
}
.post-body ul li:before {
  content: "\2022";
  font-size: 16.8px;
  padding-right: 15px;
  padding-top: 4px
}
.post-body ol li:before {
  content: counter(post) ".";
  counter-increment: post;
  padding-right: 12px
}
.post-body .twitter-tweet,
.post-body iframe {
  display: block;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-top: 40px!important
}
.post-body .video-responsive iframe {
  margin-top: 0!important
}
.kg-card-markdown>p:first-of-type:first-letter,
.post-body>p:first-of-type:first-letter {
  float: left;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: .83;
  margin-bottom: -.08em;
  margin-left: -5px;
  margin-right: 7px;
  padding-top: 7px;
  text-transform: uppercase
}
.post-tags a {
  background: rgba(0, 0, 0, .08);
  border: none;
  border-radius: 3px;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 8px;
  margin-right: 8px
}
.post-tags a:hover {
  background: rgba(0, 0, 0, .1);
  color: rgba(0, 0, 0, .6)
}
.post-newsletter {
  max-width: 520px
}
.post-newsletter .newsletter-form {
  max-width: 400px
}
.post-newsletter .form-group {
  width: 80%;
  padding-right: 5px
}
.post-newsletter .form--input {
  border: 0;
  border-bottom: 1px solid #ccc;
  height: 48px;
  padding: 6px 12px 8px 5px;
  resize: none;
  width: 100%
}
.post-newsletter .form--input:focus {
  outline: 0
}
.post-newsletter .form--btn {
  background-color: #a9a9a9;
  border-radius: 0 45px 45px 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 0;
  width: 20%
}
.post-newsletter .form--btn:before {
  background-color: #a9a9a9;
  border-radius: 0 45px 45px 0;
  line-height: 45px;
  z-index: 2
}
.post-newsletter .form--btn:hover {
  opacity: .8
}
.post-newsletter .form--btn:focus {
  outline: 0
}
.post-related .entry-image {
  border-bottom: 1px solid rgba(0, 0, 0, .0785);
  border-radius: 4px 4px 0 0;
  height: 160px
}
.post-related .entry-title {
  color: rgba(0, 0, 0, .9);
  -webkit-box-orient: vertical!important;
  -webkit-line-clamp: 2!important;
  display: -webkit-box!important;
  line-height: 1.1!important;
  max-height: 2.2em!important;
  text-overflow: ellipsis!important
}
.post-related .u-card {
  height: 250px;
  margin-bottom: 20px
}
.sharePost {
  margin-left: -130px;
  margin-top: 28px;
  width: 45px
}
.sharePost a {
  background-image: none;
  border-radius: 5px;
  color: #fff;
  height: 36px;
  line-height: 20px;
  margin: 10px auto;
  padding: 8px;
  text-decoration: none;
  width: 36px
}
.postActions {
  background-color: #fff;
  bottom: 0;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .44);
  box-shadow: 0 0 1px rgba(0, 0, 0, .44);
  height: 44px;
  left: 0;
  position: fixed;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  z-index: 400
}
.postActions.is-visible {
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}
.postActions-wrap {
  max-width: 1200px
}
.postActions .separator {
  background: rgba(0, 0, 0, .15);
  height: 24px;
  margin: 0 15px;
  width: 1px
}
.nextPost {
  max-width: 260px
}
@media only screen and (max-width: 766px) {
  .post-body h2 {
    font-size: 32px;
    margin-top: 26px
  }
  .post-body h3 {
    font-size: 28px;
    margin-top: 28px
  }
  .post-body h4 {
    font-size: 22px;
    margin-top: 22px
  }
  .post-body q {
    font-size: 22px!important;
    letter-spacing: -.008em!important;
    line-height: 1.4!important
  }
  .post-body>p:first-of-type:first-letter {
    font-size: 54.85px;
    margin-left: -4px;
    margin-right: 6px;
    padding-top: 3.5px
  }
  .post-body ol,
  .post-body p,
  .post-body ul {
    font-size: 18px;
    letter-spacing: -.004em;
    line-height: 1.58
  }
}
.author {
  background-color: #fff;
  color: rgba(0, 0, 0, .6);
  min-height: 400px
}
.author-wrap {
  z-index: 2
}
.author-avatar {
  height: 80px;
  margin-right: 10px;
  width: 80px
}
.author-meta span {
  display: inline-block;
  font-size: 17px;
  font-style: italic;
  margin: 0 25px 16px 0;
  opacity: .8;
  word-wrap: break-word
}
.author-name {
  color: rgba(0, 0, 0, .8)
}
.author-bio {
  max-width: 600px
}
.author.has--image {
  color: #fff!important;
  text-shadow: 0 0 10px rgba(0, 0, 0, .33)
}
.author.has--image .author-link:hover {
  opacity: 1!important
}
.author.has--image .u-accentColor--iconNormal {
  fill: #fff
}
.author.has--image .author-name,
.author.has--image a {
  color: #fff
}
.author.has--image .author-follow a {
  border: 2px solid;
  border-color: hsla(0, 0%, 100%, .5)!important;
  font-size: 16px
}
@media only screen and (max-width: 766px) {
  .author-header,
  .author-meta span {
    display: block
  }
  .author-avatar {
    margin: 0 auto 20px
  }
}
.search {
  background-color: #fff;
  display: none;
  height: 100%;
  padding: 0 20px;
  position: fixed!important;
  z-index: 9999
}
.search-header {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  height: 50px;
  margin: 0 -20px 30px;
  padding: 0 20px
}
.search-form {
  max-width: 680px
}
.search-form:before {
  background: #eee;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}
.search-form input {
  border: none;
  display: block;
  line-height: 40px;
  padding-bottom: 8px
}
.search-form input:focus {
  outline: 0
}
.search-results {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  max-width: 680px;
  overflow: auto
}
.search-results a {
  border-bottom: 1px solid #eee;
  padding: 12px 0
}
.search-results a:hover {
  color: rgba(0, 0, 0, .44)
}
body.is-search {
  overflow: hidden
}
body.is-search .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.sidebar-title {
  border-bottom: 1px solid rgba(0, 0, 0, .0785);
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px
}
.sidebar-border {
  border-left: 3px solid #00a034;
  bottom: 0;
  color: rgba(0, 0, 0, .2);
  font-family: Droid Serif, serif;
  left: 0;
  padding: 15px 10px 10px;
  top: 0
}
.sidebar-post:nth-child(3n) .sidebar-border {
  border-color: #f59e00
}
.sidebar-post:nth-child(3n+2) .sidebar-border {
  border-color: #26a8ed
}
.sidebar-post--title {
  line-height: 1.1
}
.sidebar-post--link {
  background-color: #fff;
  min-height: 50px;
  padding: 15px 15px 15px 55px
}
.sidebar-post--link:hover .sidebar-border {
  background-color: #e5eff5
}
.sideNav {
  color: rgba(0, 0, 0, .8);
  height: 100vh;
  padding: 50px 20px;
  position: fixed!important;
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  will-change: transform;
  z-index: 99
}
.sideNav-menu a {
  padding: 10px 20px
}
.sideNav-wrap {
  background: #eee;
  overflow: auto;
  padding: 20px 0;
  top: 50px
}
.sideNav-section {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
  padding-bottom: 8px
}
.sideNav-follow {
  border-top: 1px solid #ddd;
  margin: 15px 0
}
.sideNav-follow a {
  color: #fff;
  display: inline-block;
  height: 36px;
  line-height: 20px;
  margin: 0 5px 5px 0;
  min-width: 36px;
  padding: 8px;
  text-align: center;
  vertical-align: middle
}
@media only screen and (min-width: 766px) {
  .is-author.has-featured-image .header,
  .is-author.has-featured-image .mainMenu,
  .is-tag.has-featured-image .header,
  .is-tag.has-featured-image .mainMenu {
    background-color: transparent!important
  }
  .is-author.has-featured-image .u-headerColorLink a,
  .is-tag.has-featured-image .u-headerColorLink a {
    color: #fff!important
  }
  .is-author.has-featured-image .main,
  .is-tag.has-featured-image .main {
    margin-top: -110px
  }
  .is-author.has-featured-image .author,
  .is-author.has-featured-image .tag,
  .is-tag.has-featured-image .author,
  .is-tag.has-featured-image .tag {
    padding-top: 120px
  }
  .is-article .post-header {
    padding-top: 35px
  }
  .is-article .post-body {
    margin-top: 30px
  }
  .is-article .post-image,
  .is-article .video-post-format {
    margin-top: 50px
  }
}