/*!
 * Project:   Geof Harries 2018
 * Date:      August 12, 2021
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #111; font: 300 20px/1.4 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 28px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@font-face { font-family: 'Icons'; src: url('../fonts/icomoon/fonts/icomoon.eot?z8888v'); src: url('../fonts/icomoon/fonts/icomoon.eot?#iefixz8888v') format('embedded-opentype'), url('../fonts/icomoon/fonts/icomoon.ttf?z8888v') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?z8888v') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?z8888v#icomoon') format('svg'); font-weight: normal; font-style: normal; }

@media screen and (max-width: 719px) {
body, textarea, input, select, option, button { font-size: 16px; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 22px; }
}

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 1160px; margin-left: auto; margin-right: auto; border-left: 30px solid transparent; border-right: 30px solid transparent; }

@media screen and (max-width: 719px) {
.root-a .contain { border-left-width: 20px; border-right-width: 20px; }
}

/* grid */

.grid-a { overflow: hidden; margin: 0 0 28px; }
.grid-a:first-child { margin-top: 0; }
 .grid-a > .wrap { margin: -35px -21px 0; font-size: 0; letter-spacing: -1em; }
 .grid-a > .wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .grid-a > .wrap > .cell { display: inline-block; position: relative; width: 24.999%; margin: 0; border: 1px solid transparent; border-width: 35px 21px 0; background-clip: padding-box; font-size: 20px; letter-spacing: 0; vertical-align: top; }
  .grid-a > .wrap > .w25 { width: 24.999%; } .grid-a > .wrap > .w33 { width: 33.333%; } .grid-a > .wrap > .w40 { width: 39.999%; } .grid-a > .wrap > .w50 { width: 49.999%; } .grid-a > .wrap > .w60 { width: 59.999%; } .grid-a > .wrap > .w67 { width: 66.666%; } .grid-a > .wrap > .w75 { width: 74.999%; } .grid-a > .wrap > .w100 { width: 100%; }

@media screen and (min-width: 720px) and (max-width: 1159px) { .grid-a > .wrap > .w25\@medium { width: 24.999%; } .grid-a > .wrap > .w33\@medium { width: 33.333%; } .grid-a > .wrap > .w40\@medium { width: 39.999%; } .grid-a > .wrap > .w50\@medium { width: 49.999%; } .grid-a > .wrap > .w60\@medium { width: 59.999%; } .grid-a > .wrap > .w67\@medium { width: 66.666%; } .grid-a > .wrap > .w75\@medium { width: 74.999%; } .grid-a > .wrap > .w100\@medium { width: 100%; } }
@media screen and (max-width: 719px) { .grid-a > .wrap > .cell { width: 100%; font-size: 16px; } .grid-a > .wrap > .w25\@small { width: 24.999%; } .grid-a > .wrap > .w33\@small { width: 33.333%; } .grid-a > .wrap > .w40\@small { width: 39.999%; } .grid-a > .wrap > .w50\@small { width: 49.999%; } .grid-a > .wrap > .w60\@small { width: 59.999%; } .grid-a > .wrap > .w67\@small { width: 66.666%; } .grid-a > .wrap > .w75\@small { width: 74.999%; } .grid-a > .wrap > .w100\@small { display: block; width: 100%; } }

}

/*!
 * Modules
/* ---------------------------------------- */

.browser-a { margin: 0 0 40px; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* case */

.case-a { margin-bottom: 35px; }
 .case-a .grid-a { overflow: visible; }
  .case-a .hx { margin-bottom: 10px; }
 .case-a figure.bg { position: relative; padding: 28px 0; }
  .case-a figure.bg:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #eeeeee; }

/* contact */

.contact-a { }
 .contact-a .wrap.a { padding: 20px; background: #f0f3fc; }
  .contact-a .wrap.a .hx { margin-bottom: 10px; color: inherit; }
 .contact-a .wrap.b { }
  .contact-a .wrap.b p { margin-bottom: 10px; }
  .contact-a .wrap.b .action { margin-top: 20px; }

@media screen and (min-width: 1024px) {
 .contact-a .wrap.a { float: right; width: 56.5%; margin: 0 0 0 -100%; }
 .contact-a .wrap.b { width: 43.5%; margin: 0; padding-right: 30px; }
}
@media screen and (max-width: 719px) {
.contact-a .wrap.a { margin-left: -20px; margin-right: -20px; }
}

/* global content */

.content-a { margin-bottom: 0; }
 .content-a > .contain { position: relative; padding: 35px 0 60px; }
  .content-a > .contain:before { position: absolute; left: -30px; right: -30px; top: 0; content: ''; height: 1px; background: #ccc; }
  .content-a > .contain:after { display: table; clear: both; content: ''; }

@media screen and (max-width: 719px) {
.content-a > .contain { position: relative; padding: 25px 0 40px; }
}

/* global footer */

.footer-a { margin-bottom: 0; padding: 35px 0 50px; border-top: 3px solid #ccc; background: #111; color: #ccc; font-size: 16px; }
 .footer-a > .contain { overflow: hidden; }
  .footer-a .wrap { float: left; width: 25%; margin: 0; padding-left: 30px; }
   .footer-a .hx { margin-bottom: 15px; color: inherit; font: inherit; font-size: 12px; text-transform: uppercase; }
   .footer-a ul { padding-left: 0; }
    .footer-a li { font-size: 18px; }
    .footer-a li:before { display: none; }
    .footer-a a, .footer-a strong { color: #fff !important; }
  .footer-a .wrap.a { width: 50%; padding-right: 30px; padding-left: 0; }
   .footer-a .wrap.a p { max-width: 425px; }

@media screen and (max-width: 1023px) {
.footer-a .wrap.a { float: none; width: auto; margin-bottom: 28px; padding-right: 0; }
 .footer-a .wrap.a p { max-width: 100%; }
.footer-a .wrap.b { padding-left: 0; }
}
@media screen and (max-width: 719px) {
.footer-a { font-size: 14px; }
 .footer-a .wrap { width: 50%; }
 .footer-a li { font-size: 16px; }
}

/* journal header */

.header-a { margin-bottom: 42px; }
 .header-a:after { display: table; clear: both; content: ''; }
 .header-a .hx { float: left; width: 40%; margin: 0 -100% 0 0; }
 .header-a .search-a { margin: 0 0 0 40%; padding: 3px 0 0 40px; }
 .header-a .action { float: right; margin-left: 40%; padding: 3px 0 0 40px; }

@media screen and (max-width: 719px) {
.header-a .hx { float: none; width: auto; margin: 0 0 28px; }
.header-a .search-a { margin: 0; padding: 0; }
.header-a .action { float: none; margin-left: 0; padding: 0; }
}

/* intro */

.intro-a { position: relative; }
 .intro-a:after { display: table; clear: both; content: ''; }
 .intro-a figure { float: right; width: 330px; margin: 0; }
 .intro-a .wrap { width: calc(100% - 360px); }
  .intro-a hr { width: calc(100% + 30px); }
  .intro-a .tx-a { max-width: 700px; }
  .intro-a .entries { position: relative; padding-top: 21px; }
   .intro-a .entries:before { position: absolute; left: -30px; right: 0; top: 0; content: ''; height: 1px; background: #ccc; }
   .intro-a .entries > .hx { margin-bottom: 14px; }

@media screen and (max-width: 1023px) {
.intro-a figure { display: none; }
.intro-a .wrap { width: auto; }
 .intro-a hr { width: calc(100% + 60px); }
 .intro-a .tx-a { max-width: 100%; }
}

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* minor styles */

[data-number]:before { float: left; content: attr(data-number); margin: 0 20px 0 0; color: #ccc; font: 100 52px/1 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; }

@media screen and (max-width: 719px) {
[data-number]:before { margin-right: 15px; padding-top: 1px; font-size: 40px; }
}

img[src*="blank.gif"] { display: block; margin: 0 auto; background: url(../images/spinner.gif) 50% 50% no-repeat; }

/* prev/next case study */

.pagenav-a { position: relative; padding-top: 28px; }
 .pagenav-a:before { position: absolute; left: -30px; right: -30px; top: 0; bottom: 0; content: ''; height: 1px; background: #ccc; }
 .pagenav-a ul { padding-left: 0; }
  .pagenav-a ul:after { display: table; clear: both; content: ''; }
  .pagenav-a li { float: left; width: 45%; max-width: 400px; margin: 0; }
  .pagenav-a li.next { float: right; text-align: right; }
   .pagenav-a li:before { display: none; }
   .pagenav-a small { display: block; margin: 0 0 5px; font-size: 12px; font-weight: normal; text-transform: uppercase; }
   .pagenav-a a { font-size: 1.1em; }

@media screen and (max-width: 719px) {
 .pagenav-a li, .pagenav-a li.next { float: none; width: auto; max-width: 100%; margin: 0 0 28px; text-align: left; }
 .pagenav-a li.prev { display: none; }
}

/* search bar */

.search-a { }
 .search-a p { position: relative; vertical-align: top; }
  .search-a input { width: 100%; padding-right: 59px; }
  .search-a button { position: absolute; right: 0; top: 0; width: 60px; height: 50px; border-color: transparent !important; background-color: transparent !important; color: #888; padding: 0; line-height: 50px; text-align: center; }
  .search-a button:hover { color: #111; }
   .search-a button:before { content: '\e906'; font: 22px Icons; line-height: inherit; }
   .search-a button span { display: none; }

/* skip links */

.skips-a { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
 .skips-a li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips-a li:before { display: none;  }
  .skips-a li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips-a li a:focus, .top-a > .skips li a:active { position: relative; left: 0; }

/* journal article */

.story-a { }
 .story-a > header { }
  .story-a > header .hx { margin-bottom: 10px; }
  .story-a > header .meta { color: #888; font-size: 16px; }
 .story-a > section { }
  .story-a > section:after { display: table; clear: both; content: ''; }

/* responsive tables */

.table-a { overflow: auto; overflow-y: hidden; margin-right: -20px; margin-left: -20px; padding-left: 20px; }
 .table-a table { min-width: 600px; }

/* entry teaser */

.teaser-a { position: relative; }
.teaser-a + .teaser-a { padding-top: 21px; }
 .teaser-a + .teaser-a:before { position: absolute; left: -30px; top: 0; right: -30px; content: ''; height: 1px; background: #ccc; }
 .teaser-a:after { display: table; clear: both; content: ''; }
 .teaser-a > a { display: block; box-shadow: none !important; color: inherit; font-weight: inherit; }
  .teaser-a > a:after { display: table; clear: both; content: ''; }
  .teaser-a header { }
  .teaser-a header:not(:last-child) { float: left; width: 40%; margin: 0 -100% 0 0; }
   .teaser-a .hx { margin-bottom: 0; }
    .teaser-a a .hx span { -webkit-transition: all 0.25s; transition: all 0.25s; }
    .teaser-a a:hover .hx span { color: #111; box-shadow: 0 1px 0; }
   .teaser-a .meta { clear: left; padding-top: 5px; color: #888; font-size: 16px; }
  .teaser-a section { margin-left: 40%; padding-left: 40px; }

@media screen and (max-width: 1023px) {
.teaser-a header:not(:last-child) { float: none; width: auto; margin: 0; }
.teaser-a section { display: none; }
}
@media screen and (max-width: 719px) {
.teaser-a .meta { font-size: 14px; }
}

/* custom tick boxes */

.tick-a { }
:root .tick-a { position: absolute; left: -10001px; }
:root .tick-a + label { vertical-align: top; }
 :root .tick-a + label:before { display: inline-block; content: ''; width: 20px; height: 20px; margin: 2px 10px 0 0; padding: 3px; border: 1px solid #ccc; background: #fff; background-clip: content-box; vertical-align: top; }
 :root .tick-a[type=radio] + label:before { border-radius: 50%; }
 :root .tick-a:checked + label:before { background-color: #389066; }

/* global header */

.top-a { position: relative; z-index: 101; margin-bottom: 60px; background: #389066; }
 .top-a > .contain { position: relative; padding: 40px 0 20px; }
 .top-a .logo { margin: 0; color: #fff; font: inherit; font-size: 20px; font-weight: bold; }
  .top-a .logo a { color: inherit; font: inherit; }
  .top-a .logo img { display: block; }
 .top-a .toggler { display: none; position: absolute; right: 0; top: 50%; width: 26px; margin: -15px 0 0; color: #fff; font: 20px/30px Icons; cursor: pointer; text-align: center; }
  .top-a .toggler:before { content: '\e905'; }
  .is-nav .top-a .toggler:before { content: '\e902'; }
  .top-a .toggler span { display: none; }
 .top-a .nav { position: absolute; right: -30px; bottom: 0; height: 43px; margin: 0; border: 3px solid #268051; border-width: 3px 3px 0; background: #fff; }
  .top-a .nav ul { list-style: none; margin: 0; padding: 5px 20px 5px 20px; font-size: 0; letter-spacing: -1em; }
   .top-a .nav li { display: inline-block; font-size: 20px; line-height: 1.1; font-weight: normal; letter-spacing: 0; vertical-align: top; text-transform: capitalize; }
   .top-a .nav li ~ li { margin-left: 20px; }
    .top-a .nav li:before { display: none; }
    .top-a .nav li a { display: block; position: relative; padding: 10px; padding-left: 40px; box-shadow: none; color: #067985; }
     .top-a .nav li a:before { position: absolute; left: 0; top: 10px; content: ''; width: 40px; height: 40px; color: #ccc; font: 32px/1 Icons; }
     .top-a .nav li a:before { -webkit-transition: inherit; transition: inherit; }
     .top-a .nav li a:hover:before, .top-a .nav li.is-active a:before { color: #111; }
     .top-a .nav li.journal a:before { content: '\e904'; }
    .top-a .nav li.work a { padding-left: 45px; }
     .top-a .nav li.work a:before { content: '\e907'; }
     .top-a .nav li.about a:before { content: '\e900'; }
    .top-a .nav li.contact a { padding-left: 50px; }
     .top-a .nav li.contact a:before { content: '\e903'; }
     .top-a .nav li span { display: block; color: #868686; font-size: 12px; text-transform: uppercase; }
     .top-a .nav li span { -webkit-transition: inherit; transition: inherit; }
     .top-a .nav li a:hover span, .top-a .nav li.is-active a span { color: #111; }
    .top-a .nav li em { position: absolute; left: -10001px; top: -10001px; }

@media screen and (max-width: 1159px) {
.top-a .nav { right: 0; }
}
@media screen and (max-width: 719px) {
.top-a { margin-bottom: 40px; border-bottom: 2px solid #268051; }
 .top-a > .contain { padding: 30px 0 20px; }
  .top-a .nav { display: none; position: absolute; left: -20px; top: 100%; right: -20px; bottom: auto; height: auto; margin: 2px 0 0; border: none; background: #fff; }
  .is-nav .top-a .nav { display: block; }
   .top-a .nav ul { padding: 0; }
    .top-a .nav li { display: block; border-bottom: 1px solid #ccc; font-size: 18px; }
    .top-a .nav li ~ li { margin-left: 0; }
     .top-a .nav li a { padding: 20px 20px !important; font-weight: inherit; }
     .top-a .nav li.is-active a { color: #111; }
      .top-a .nav li a:before { display: none; }
      .top-a .nav li span { display: inline-block; color: inherit !important; font-size: inherit; text-transform: none; vertical-align: top; }
  .top-a .toggler { display: block; }
}

/* text styles */

.tx-a { font-size: 28px; font-weight: 300; }

@media screen and (max-width: 719px) {
.tx-a { font-size: 22px; }
}

/* responsive video */

.video-a { position: relative; overflow: hidden; height: 0; padding: 0 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: auto; min-height: 50px; padding: 8px 29px 7px 26px; border: 1px solid #17814F; border-width: 1px 1px 4px 4px; background: #E9FEF0; box-shadow: none !important; color: #177F4C; font-weight: normal; line-height: 30px; text-align: center; text-decoration: none !important; outline: none; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { background-color: #2D9165; color: #fff; }
 .button-a.arrow:after { display: inline-block; content: '\e901'; margin: 0 -3px 0 10px; font: 10px/30px Icons; vertical-align: top; -webkit-transition: none; transition: none; }

/*!
 * Helpers
/* ---------------------------------------- */

.alignright { float: right; max-width: 65%; margin: 0 0 21px 30px; }
.alignleft { float: left; max-width: 65%; margin: 0 21px 30px 0; }
 .alignright img, .alignleft img { display: block; }

@media screen and (max-width: 1023px) {
.alignright, .alignleft { float: none; max-width: 100%; margin: 0 0 28px; }
}

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.ie8 .hide\@large { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1160px) { .show\@large { display: block !important; } .hide\@large { display: none !important; } }
@media screen and (max-width: 1159px) and (min-width: 720px) { .show\@medium { display: block !important; } .hide\@medium { display: none !important; } }
@media screen and (max-width: 719px) { .show\@small { display: block !important; } .hide\@small { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 50px; padding: 0 19px; border: 1px solid #ccc; border-radius: 0; background: #fff; vertical-align: top; line-height: 48px; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 15px; padding-bottom: 15px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 input::-ms-clear { display: none; }
 textarea { overflow: auto; height: auto; padding: 14px 19px; line-height: 26px; resize: vertical; }
 textarea.autoresize { min-height: 50px; max-height: 200px; }
 select { padding: 13px 35px 13px 18px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 18px; padding-left: 16px; background-image: none; }
 .ie8 select { padding-top: 15px; padding-bottom: 15px; }
 .firefox select { padding-left: 13px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/* headers */

h1, .h1 { color: #AC584B; font: 52px/1.1 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h2, .h2 { color: inherit; font: bold 34px/1.3 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; !important }
h3, .h3 { color: inherit; font: bold 26px/1.4 Roboto Slab,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h4, .h4 { color: inherit; font: 22px/1.3 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h5, .h5, h6, .h6 { color: #868686; font: 16px/1.4 Signika Negative,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }

@media screen and (max-width: 719px) {
h1, .h1 { font-size: 40px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
}

/* lists */

ul, ol, dd, blockquote { padding-left: 40px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; }

/* links */

a { background: transparent; color: #067985; font-weight: normal; text-decoration: none; }
a, a:before, a:after, label, button, input[type=submit] { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }
a:hover, a:focus, a:active { color: #111; box-shadow: inset 0 -1px 0; }
 a span { cursor: pointer; }

/* images */

figure { display: inline-block; max-width: 100%; padding: 9px; border: 1px solid #ccc; background: #fff; vertical-align: top; }
figure.borderless { display: block; padding: 0; border: none; background: transparent; }
 figure img { display: block; }
 img { max-width: 100%; border-width: 0; } .ie8 img { max-width: none; }
 img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 figcaption { margin-top: 9px; font-size: 16px; }

@media screen and (max-width: 719px) {
figure { padding: 7px; }
 figcaption { margin-top: 7px; padding: 0 2px; font-size: 14px; }
}

/* other */

strong, b { font-weight: normal; }
blockquote { padding: 20px; background: #f3f3f3; font-style: italic; }
 cite { display: block; margin-top: 10px; font: inherit; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; width: calc(100% + 60px); height: 1px; margin: 28px -30px; border: none; background: #ccc; font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }

/* Google Fonts */

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qqh5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qOh5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1quh5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qSh5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qih5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qmh5DKAc_jQRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qeh5DKAc_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CLwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CCwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CKwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CFwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CJwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CIwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR2oefDo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 300;
  src: local('Signika Negative Light'), local('SignikaNegative-Light'), url(https://fonts.gstatic.com/s/signikanegative/v7/E217_cfngu7HiRpPX3ZpNE4kY5zKal6DupjJ6h3hTApXCQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 300;
  src: local('Signika Negative Light'), local('SignikaNegative-Light'), url(https://fonts.gstatic.com/s/signikanegative/v7/E217_cfngu7HiRpPX3ZpNE4kY5zKal6DupbJ6h3hTAo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Negative Regular'), local('SignikaNegative-Regular'), url(https://fonts.gstatic.com/s/signikanegative/v7/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 400;
  src: local('Signika Negative Regular'), local('SignikaNegative-Regular'), url(https://fonts.gstatic.com/s/signikanegative/v7/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 700;
  src: local('Signika Negative Bold'), local('SignikaNegative-Bold'), url(https://fonts.gstatic.com/s/signikanegative/v7/E217_cfngu7HiRpPX3ZpNE4kY5zKak6EupjJ6h3hTApXCQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 700;
  src: local('Signika Negative Bold'), local('SignikaNegative-Bold'), url(https://fonts.gstatic.com/s/signikanegative/v7/E217_cfngu7HiRpPX3ZpNE4kY5zKak6EupbJ6h3hTAo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}