/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

article {
    margin-top: 10px;
    padding-bottom: 0px;
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

h1 {
    margin: .67em 0;
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

mark {
    color: #000;
    background: #ff0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

legend {
    padding: 0;
    border: 0
}

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

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

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

input[type="checkbox"], input[type="radio"] {
    padding: 0;
    box-sizing: border-box
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0
}

::-moz-selection {
    color: #343434;
    text-shadow: none;
    background-color: #dadada
}

::selection {
    color: #343434;
    text-shadow: none;
    background-color: #dadada
}

.all-caps {
    text-transform: uppercase
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.image-pull-right {
    float: right;
    margin-top: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.unstyled-list {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.unstyled-list li {
    list-style-type: none
}

b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.50;
    color: #333332;
    color: #333332
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

h1 {


    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;

    padding-bottom: 0.3em;
    font-size: 2em;
    border-bottom: 1px solid #eee;
}

h2 {
    /*margin-bottom: 26px;*/
    /*margin-bottom: 1.625rem;*/
    /*font-size: 28px;*/
    /*font-size: 1.75rem;*/
    /*line-height: .9286*/
    padding-top: 0.5em;
    padding-bottom: 0.3em;
    font-size: 28px;
    font-weight:600;
    border-bottom: 1px solid #eee;
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}

h3 {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.0833
}

h4 {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4444
}

h5 {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625
}

h6 {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.8571
}

a {
    color: #343464;
    text-decoration: none;
}

a:visited {
    color: #676767
    text-decoration: underline;
}

a:hover {
    color: #010101
    text-decoration: underline;
}

a:focus {
    color: #010101;
    outline: thin dotted
}

a:hover, a:active {
    outline: 0;
    text-decoration: underline;
}

figcaption {
    font-style: italic;
    padding-top: 10px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.8571;
    line-height: 1.3;
    color: #4d4d4b
}

.image-credit {
    display: inline;
    display: block;
    float: left;
    width: 83.33333333333334%;
    margin-right: 8.333333333333334%;
    margin-left: 8.333333333333334%;
    font-size: 12px;
    font-size: .75rem;
    font-style: italic;
    line-height: 2.1667;
    line-height: 1.3;
    color: #80807e;
    text-align: right
}

.image-credit a {
    color: #80807e
}

.notice {
    padding: .5em 1em;
    margin-top: 1.5em;
    font-size: 14px;
    font-size: .875rem;
    text-indent: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

blockquote {
    padding-left: 20px;
    margin-left: -28px;
    font-family: 'PT Serif', serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-style: italic;
    border-left: 8px solid #333332
}

.footnotes ol, .footnotes li, .footnotes p {
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.8571
}

p {
    margin: 0 0 1.625rem
}

p + p {
    margin-top: -1.625rem;
    text-indent: 1.625rem
}

tt, code, kbd, samp, pre {
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace
}

p code, li code {
    padding: 0 5px;
    margin: 0 2px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    white-space: nowrap;
    background-color: #efefef;
    border: 1px solid #f7f7f7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

pre {
    overflow-x: auto;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.highlight {
    margin-bottom: 1.5em;
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    font-size: 12px;
    font-size: .75rem;
    line-height: 2.1667;
    color: #333332;
    background-color: #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.highlight pre {
    position: relative;
    padding: 1em;
    margin: 0
}

.highlight .lineno {
    padding-right: 24px;
    color: #b3b3b1
}

.highlight .hll {
    background-color: #ffc
}

.highlight .c {
    font-style: italic;
    color: #998
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}

.highlight .k {
    font-weight: bold;
    color: #000
}

.highlight .o {
    font-weight: bold;
    color: #000
}

.highlight .cm {
    font-style: italic;
    color: #998
}

.highlight .cp {
    font-style: italic;
    font-weight: bold;
    color: #999
}

.highlight .c1 {
    font-style: italic;
    color: #998
}

.highlight .cs {
    font-style: italic;
    font-weight: bold;
    color: #999
}

.highlight .gd {
    color: #000;
    background-color: #fdd
}

.highlight .ge {
    font-style: italic;
    color: #000
}

.highlight .gr {
    color: #a00
}

.highlight .gh {
    color: #999
}

.highlight .gi {
    color: #000;
    background-color: #dfd
}

.highlight .go {
    color: #888
}

.highlight .gp {
    color: #555
}

.highlight .gs {
    font-weight: bold
}

.highlight .gu {
    color: #aaa
}

.highlight .gt {
    color: #a00
}

.highlight .kc {
    font-weight: bold;
    color: #000
}

.highlight .kd {
    font-weight: bold;
    color: #000
}

.highlight .kn {
    font-weight: bold;
    color: #000
}

.highlight .kp {
    font-weight: bold;
    color: #000
}

.highlight .kr {
    font-weight: bold;
    color: #000
}

.highlight .kt {
    font-weight: bold;
    color: #458
}

.highlight .m {
    color: #099
}

.highlight .s {
    color: #d01040
}

.highlight .na {
    color: #008080
}

.highlight .nb {
    color: #0086b3
}

.highlight .nc {
    font-weight: bold;
    color: #458
}

.highlight .no {
    color: #008080
}

.highlight .nd {
    font-weight: bold;
    color: #3c5d5d
}

.highlight .ni {
    color: #800080
}

.highlight .ne {
    font-weight: bold;
    color: #900
}

.highlight .nf {
    font-weight: bold;
    color: #900
}

.highlight .nl {
    font-weight: bold;
    color: #900
}

.highlight .nn {
    color: #555
}

.highlight .nt {
    color: #000080
}

.highlight .nv {
    color: #008080
}

.highlight .ow {
    font-weight: bold;
    color: #000
}

.highlight .w {
    color: #bbb
}

.highlight .mf {
    color: #099
}

.highlight .mh {
    color: #099
}

.highlight .mi {
    color: #099
}

.highlight .mo {
    color: #099
}

.highlight .sb {
    color: #d01040
}

.highlight .sc {
    color: #d01040
}

.highlight .sd {
    color: #d01040
}

.highlight .s2 {
    color: #d01040
}

.highlight .se {
    color: #d01040
}

.highlight .sh {
    color: #d01040
}

.highlight .si {
    color: #d01040
}

.highlight .sx {
    color: #d01040
}

.highlight .sr {
    color: #009926
}

.highlight .s1 {
    color: #d01040
}

.highlight .ss {
    color: #990073
}

.highlight .bp {
    color: #999
}

.highlight .vc {
    color: #008080
}

.highlight .vg {
    color: #008080
}

.highlight .vi {
    color: #008080
}

.highlight .il {
    color: #099
}

.CodeRay {
    margin-bottom: 1.5em;
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    font-size: 12px;
    font-size: .75rem;
    line-height: 2.1667;
    color: #333332;
    background-color: #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.CodeRay pre {
    padding: 1em;
    margin: 0
}

span.CodeRay {
    padding: 2px;
    white-space: pre;
    border: 0
}

table.CodeRay {
    width: 100%;
    padding: 2px;
    border-collapse: collapse
}

table.CodeRay td {
    padding: 1em .5em;
    vertical-align: top
}

.CodeRay .line-numbers, .CodeRay .no {
    color: #AAA;
    text-align: right;
    background-color: #ececec
}

.CodeRay .line-numbers a {
    color: #AAA
}

.CodeRay .line-numbers tt {
    font-weight: bold
}

.CodeRay .line-numbers .highlighted {
    color: #f00
}

.CodeRay .line {
    display: block;
    float: left;
    width: 100%
}

.CodeRay span.line-numbers {
    padding: 0 24px 0 4px
}

.CodeRay .code {
    width: 100%
}

ol.CodeRay {
    font-size: 10pt
}

ol.CodeRay li {
    white-space: pre
}

.CodeRay .code pre {
    overflow: auto
}

.CodeRay .debug {
    color: white !important;
    background: blue !important
}

.CodeRay .annotation {
    color: #007
}

.CodeRay .attribute-name {
    color: #f08
}

.CodeRay .attribute-value {
    color: #700
}

.CodeRay .binary {
    font-weight: bold;
    color: #509
}

.CodeRay .comment {
    font-style: italic;
    color: #998
}

.CodeRay .char {
    color: #04d
}

.CodeRay .char .content {
    color: #04d
}

.CodeRay .char .delimiter {
    color: #039
}

.CodeRay .class {
    font-weight: bold;
    color: #458
}

.CodeRay .complex {
    font-weight: bold;
    color: #A08
}

.CodeRay .constant {
    color: teal
}

.CodeRay .color {
    color: #0a0
}

.CodeRay .class-variable {
    color: #369
}

.CodeRay .decorator {
    color: #B0B
}

.CodeRay .definition {
    font-weight: bold;
    color: #099
}

.CodeRay .directive {
    font-weight: bold;
    color: #088
}

.CodeRay .delimiter {
    color: #000
}

.CodeRay .doc {
    color: #970
}

.CodeRay .doctype {
    color: #34b
}

.CodeRay .doc-string {
    font-weight: bold;
    color: #D42
}

.CodeRay .escape {
    font-weight: bold;
    color: #666
}

.CodeRay .entity {
    font-weight: bold;
    color: #800
}

.CodeRay .error {
    color: #F00;
    background-color: #faa
}

.CodeRay .exception {
    font-weight: bold;
    color: #C00
}

.CodeRay .filename {
    color: #099
}

.CodeRay .function {
    font-weight: bold;
    color: #900
}

.CodeRay .global-variable {
    font-weight: bold;
    color: teal
}

.CodeRay .hex {
    font-weight: bold;
    color: #058
}

.CodeRay .integer {
    color: #099
}

.CodeRay .include {
    font-weight: bold;
    color: #B44
}

.CodeRay .inline {
    color: #000
}

.CodeRay .inline .inline {
    background: #ccc
}

.CodeRay .inline .inline .inline {
    background: #bbb
}

.CodeRay .inline .inline-delimiter {
    color: #D14
}

.CodeRay .inline-delimiter {
    color: #D14
}

.CodeRay .important {
    color: #f00
}

.CodeRay .interpreted {
    font-weight: bold;
    color: #B2B
}

.CodeRay .instance-variable {
    color: #008080
}

.CodeRay .label {
    font-weight: bold;
    color: #970
}

.CodeRay .local-variable {
    color: #963
}

.CodeRay .octal {
    font-weight: bold;
    color: #40E
}

.CodeRay .predefined-constant {
    font-weight: bold
}

.CodeRay .predefined {
    font-weight: bold;
    color: #369
}

.CodeRay .preprocessor {
    color: #579
}

.CodeRay .pseudo-class {
    font-weight: bold;
    color: #00C
}

.CodeRay .predefined-type {
    font-weight: bold;
    color: #074
}

.CodeRay .reserved, .keyword {
    font-weight: bold;
    color: #000
}

.CodeRay .key {
    color: #808
}

.CodeRay .key .delimiter {
    color: #606
}

.CodeRay .key .char {
    color: #80f
}

.CodeRay .value {
    color: #088
}

.CodeRay .regexp {
    background-color: #fff0ff
}

.CodeRay .regexp .content {
    color: #808
}

.CodeRay .regexp .delimiter {
    color: #404
}

.CodeRay .regexp .modifier {
    color: #c2c
}

.CodeRay .regexp .function {
    font-weight: bold;
    color: #404
}

.CodeRay .string {
    color: #D20
}

.CodeRay .string .string .string {
    background-color: #ffd0d0
}

.CodeRay .string .content {
    color: #D14
}

.CodeRay .string .char {
    color: #D14
}

.CodeRay .string .delimiter {
    color: #D14
}

.CodeRay .shell {
    color: #d14
}

.CodeRay .shell .delimiter {
    color: #d14
}

.CodeRay .symbol {
    color: #990073
}

.CodeRay .symbol .content {
    color: #a60
}

.CodeRay .symbol .delimiter {
    color: #630
}

.CodeRay .tag {
    color: #070
}

.CodeRay .tag-special {
    font-weight: bold;
    color: #D70
}

.CodeRay .type {
    font-weight: bold;
    color: #339
}

.CodeRay .variable {
    color: #036
}

.CodeRay .insert {
    background: #afa
}

.CodeRay .delete {
    background: #faa
}

.CodeRay .change {
    color: #aaf;
    background: #007
}

.CodeRay .head {
    color: #f8f;
    background: #505
}

.CodeRay .insert .insert {
    font-weight: bold;
    color: #080
}

.CodeRay .delete .delete {
    font-weight: bold;
    color: #800
}

.CodeRay .change .change {
    color: #66f
}

.CodeRay .head .head {
    color: #f4f
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.hidden {
    display: none;
    visibility: hidden
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff
}

article img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border-width: 0;
    -ms-interpolation-mode: bicubic
}

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

.half {
    width: 100%;
    margin: 0 auto;
    *zoom: 1
}

.half:before, .half:after {
    display: table;
    content: ""
}

.half:after {
    clear: both
}

.half:before, .half:after {
    display: table;
    line-height: 0;
    content: ""
}

.half:after {
    clear: both
}

.half img {
    display: inline;
    float: left;
    width: 50%
}

.half figcaption {
    display: inline;
    float: left;
    width: 100%
}

.clients img {
    padding: 5px;
}


.third {
    width: 100%;
    margin: 0 auto;
    *zoom: 1
}

.third:before, .third:after {
    display: table;
    content: ""
}

.third:after {
    clear: both
}

.third:before, .third:after {
    display: table;
    line-height: 0;
    content: ""
}

.third:after {
    clear: both
}

.third img {
    display: inline;
    float: left;
    width: 33.333333333333336%
}

.third figcaption {
    display: inline;
    float: left;
    width: 100%
}

.fourth {
    width: 100%;
    margin: 0 auto;
    *zoom: 1
}

.fourth:before, .fourth:after {
    display: table;
    content: ""
}

.fourth:after {
    clear: both
}

.fourth:before, .fourth:after {
    display: table;
    line-height: 0;
    content: ""
}

.fourth:after {
    clear: both
}

.fourth img {
    display: inline;
    float: left;
    width: 25%
}

.fourth figcaption {
    display: inline;
    float: left;
    width: 100%
}

.btn {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    background-color: #111;
    border: 2px solid #111 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn:visited {
    color: #fff
}

.btn:hover {
    color: #111;
    background-color: #fff
}

.btn:active {
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

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

[data-icon]:before {
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    content: attr(data-icon);
    speak: none;
    font-variant: normal
}

.icon-instagram, .icon-facebook, .icon-twitter, .icon-google-plus, .icon-feed, .icon-feed-2, .icon-linkedin, .icon-tumblr, .icon-lastfm, .icon-mail, .icon-github {
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    font-variant: normal
}

.icon-instagram:before {
    content: "\e004"
}

.icon-facebook:before {
    content: "\e003"
}

.icon-twitter:before {
    content: "\e007"
}

.icon-google-plus:before {
    content: "\e00a"
}

.icon-feed:before {
    content: "\e00b"
}

.icon-feed-2:before {
    content: "\e00c"
}

.icon-linkedin:before {
    content: "\e001"
}

.icon-tumblr:before {
    content: "\e002"
}

.icon-lastfm:before {
    content: "\e005"
}

.icon-mail:before {
    content: "\e006"
}

.icon-github:before {
    content: "\e000"
}

form {
    margin: 0 0 5px 0
}

form fieldset {
    padding: 0;
    margin-bottom: 5px;
    border-width: 0
}

form legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    *margin-left: -7px;
    color: #333332;
    white-space: normal;
    border: 0;
    border-bottom: 1px solid #ddd
}

form p {
    margin-bottom: 2.5px
}

form ul {
    padding: 0;
    margin: 0 0 5px 0;
    list-style-type: none
}

form br {
    display: none
}

label, input, button, select, textarea {
    vertical-align: baseline;
    *vertical-align: middle
}

input, button, select, textarea {
    font-family: 'PT Serif', serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

label {
    display: block;
    margin-bottom: 1.25px;
    font-weight: bold;
    color: #333332;
    cursor: pointer
}

label input, label textarea, label select {
    display: block
}

input, textarea, select {
    display: inline-block;
    width: 100%;
    padding: 4px;
    margin-bottom: 1.25px;
    color: #333332;
    background-color: #fff;
    border: 1px solid #ddd
}

input:hover, textarea:hover, select:hover {
    border-color: #919191
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

input[type="image"], input[type="checkbox"], input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    border: 0 \9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

input[type="checkbox"], input[type="radio"] {
    *width: 13px;
    *height: 13px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

input[type="image"] {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    background-color: transparent;
    background-color: initial;
    border: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type="button"], input[type="reset"], input[type="submit"] {
    width: auto;
    height: auto;
    *overflow: visible;
    cursor: pointer
}

select, input[type="file"] {
    *margin-top: 4px
}

select {
    width: auto;
    background-color: #fff
}

select[multiple], select[size] {
    height: auto
}

textarea {
    height: auto;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input[type="hidden"] {
    display: none
}

.radio, .checkbox {
    padding-left: 18px;
    font-weight: normal
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 10px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}

input:focus, textarea:focus {
    border-color: #111;
    outline: 0;
    outline: thin dotted \9
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.help-block, .help-inline {
    color: #919191
}

.help-block {
    display: block;
    margin-bottom: 1em;
    line-height: 1em
}

.help-inline {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle
}

.form-inline input, .form-inline textarea, .form-inline select {
    display: inline-block;
    margin-bottom: 0
}

.form-inline label {
    display: inline-block
}

.form-inline .radio, .form-inline .checkbox, .form-inline .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.form-search input, .form-search textarea, .form-search select {
    display: inline-block;
    margin-bottom: 0
}

.form-search .search-query {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.form-search label {
    display: inline-block
}

.form-search .radio, .form-search .checkbox, .form-inline .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.50;
    color: #333332;
    background-color: #ffffff;
}

.navigation-wrapper {
    width: 100%;
    padding: 2em 0 3em;
    margin: 0 auto;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.site-name {
    display: inline;
    float: left;
    width: 100%;
    width: 83.33333333333334%;
    margin: 0 auto;
    margin-right: 8.333333333333334%;
    margin-bottom: 1em;
    margin-left: 8.333333333333334%
}

.top-navigation {
    display: inline;
    float: left;
    width: 100%;
    width: 83.33333333333334%;
    margin: 0 auto;
    margin-right: 8.333333333333334%;
    margin-bottom: 1em;
    margin-left: 8.333333333333334%
}

.top-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-navigation li {
    display: inline;
    margin-right: 25px;
    list-style-type: none
}

.top-navigation li a {
    border-bottom: 0 solid transparent;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    decoration: none
}

#main {
    width: 100%;
    margin: 0 auto;
    margin-top: 1em;
    clear: both;
    *zoom: 1;
    counter-reset: captions
}

#main:before, #main:after {
    display: table;
    content: ""
}

#main:after {
    clear: both
}

#main:before, #main:after {
    display: table;
    line-height: 0;
    content: ""
}

#main:after {
    clear: both
}

#main article {
    display: inline;
    float: left;
    width: 100%;
    width: 83.33333333333334%;
    margin: 0 auto;
    margin-right: 8.333333333333334%;
    margin-bottom: 2em;
    margin-left: 8.333333333333334%
}

#index {
    display: inline;
    float: left;
    width: 100%;
    width: 83.33333333333334%;
    margin: 0 auto;
    margin-right: 8.333333333333334%;
    margin-bottom: 2em;
    margin-left: 8.333333333333334%
}

#index h3 {
    padding-bottom: .5em;
    margin: 0;
    font-size: 28px;
    font-size: 1.75rem;
    border-bottom: 1px solid #c3c3c3
}

#index article h2 {
    /*border-top: 1px solid black;*/
    margin-top: 0;
    border-bottom: 0px;
    margin-bottom: 4px;
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase
}

#index article p {
    font-size: 14px;
    font-size: .875rem
}

#index article p + p {
    text-indent: 0
}

.image-wrap {
    position: relative;
    margin-bottom: 2em
}

.image-wrap:after {
    position: absolute;
    bottom: -1px;
    left: 8%;
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff;
    content: " "
}

.image-wrap img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

.image-wrap .headline-wrap {
    position: absolute;
    bottom: 25px;
    margin-left: 8.333333333333334%
}

.image-wrap .headline-wrap h1, .image-wrap .headline-wrap h2 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}

.byline {
    clear: both;
    font-size: 80%
}

.article-author-top h3, .article-author-bottom h3 {
    margin-bottom: 0
}

.article-author-top p, .article-author-bottom p {
    font-size: 80%;
    /*font-style: italic*/
}

.article-author-top a, .article-author-bottom a, .article-author-top a:hover, .article-author-bottom a:hover {
    border-bottom: 0 solid transparent
}

.article-author-top img.bio-photo, .article-author-bottom img.bio-photo {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.author-social {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: .875rem;
    color: #111
}

.author-social:visited {
    color: #111
}

.author-social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.author-social:active {
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.article-author-top {
    display: none
}

.article-author-bottom {
    margin-bottom: 1em
}

.article-author-bottom .bio-photo {
    float: left;
    margin-right: 25px
}

.article-author-bottom .author-social {
    display: inline-block;
    margin-right: 5px
}

.article-wrap p > a, .article-wrap li > a {
    border-bottom: 1px dotted #b3b3b3
}

.article-wrap p > a:hover, .article-wrap li > a:hover {
    border-bottom-style: solid
}

.article-wrap p > a.reversefootnote, .article-wrap li > a.reversefootnote {
    border-bottom-width: 0
}

.toc {
    display: none;
    font-size: 95%;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.toc:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.toc header {
    background: #2b2b2b
}

.toc h3 {
    padding: 5px 10px;
    margin: 0;
    color: #fff
}

.toc h3:hover {
    cursor: pointer
}

.toc ul {
    padding: 0;
    margin: 2px 0 0;
    line-height: 1;
    background: #5e5e5e
}

.toc li {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 'PT Sans Narrow', sans-serif;
    border-bottom: 1px solid #808080
}

.toc li:last-child {
    border-bottom-width: 0
}

.toc li a {
    display: block;
    padding: 10px;
    color: #fff;
    border-bottom-width: 0
}

.toc li a:hover {
    font-weight: 400
}

.toc li a:hover:before {
    padding-right: 5px;
    content: "\00bb"
}

.toc li ul {
    margin: 0;
    border-top: 1px solid #808080
}

.image-grid {
    padding: 0;
    margin: 0 0 1em;
    list-style: none;
    *zoom: 1
}

.image-grid:before, .image-grid:after {
    display: table;
    content: ""
}

.image-grid:after {
    clear: both
}

.image-grid:before, .image-grid:after {
    display: table;
    line-height: 0;
    content: ""
}

.image-grid:after {
    clear: both
}

.image-grid li {
    display: inline;
    float: left;
    width: 50%
}

.recent-grid {
    margin: 1em 0;
    list-style: none;
    *zoom: 1
}

.recent-grid:before, .recent-grid:after {
    display: table;
    content: ""
}

.recent-grid:after {
    clear: both
}

.recent-grid:before, .recent-grid:after {
    display: table;
    line-height: 0;
    content: ""
}

.recent-grid:after {
    clear: both
}

.recent-grid li {
    display: inline
}

.recent-grid li a {
    border-bottom: 0 solid transparent
}

.recent-grid li a:hover {
    border-bottom: 0 solid transparent
}

.recent-grid img {
    width: 19%;
    margin-bottom: 1%
}

.holder {
    font-family: 'PT Sans Narrow', sans-serif
}

.holder a {
    margin: 0 5px;
    cursor: pointer
}

.holder a.jp-previous {
    margin-right: 16px;
    margin-left: 0
}

.holder a.jp-next {
    margin-right: 0;
    margin-left: 16px
}

.holder a.jp-current {
    font-weight: bold
}

.holder a.jp-current, .holder a.jp-current:hover, .holder a.jp-disabled, .holder a.jp-disabled:hover {
    cursor: default;
    background: 0
}

.holder span {
    margin: 0 5px
}

.footer-wrap {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 3em;
    margin: 0 auto;
    margin-top: 1em;
    clear: both;
    background-color: #111;
    *zoom: 1
}

.footer-wrap:before, .footer-wrap:after {
    display: table;
    content: ""
}

.footer-wrap:after {
    clear: both
}

.footer-wrap:before, .footer-wrap:after {
    display: table;
    line-height: 0;
    content: ""
}

.footer-wrap:after {
    clear: both
}

.footer-wrap a, .footer-wrap a:active, .footer-wrap a:visited, .footer-wrap p, .footer-wrap h4, .footer-wrap h5, .footer-wrap h6, .footer-wrap span {
    color: #bfbfbf
}

.footer-wrap span {
    font-size: 14px;
    font-size: .875rem
}

.footer-wrap a {
    border-bottom: 0 solid transparent
}

.footer-wrap a:hover {
    color: #fff;
    border-bottom: 0 solid transparent
}

.footer-wrap footer {
    display: inline;
    float: left;
    width: 83.33333333333334%;
    margin-right: 8.333333333333334%;
    margin-left: 8.333333333333334%
}

.related-articles {
    display: inline;
    float: left;
    width: 83.33333333333334%;
    margin-right: 8.333333333333334%;
    margin-bottom: 2em;
    margin-left: 8.333333333333334%
}

.related-articles h4 {
    margin-bottom: 0;
    text-transform: uppercase
}

.related-articles li {
    margin-bottom: 0;
    color: #fff
}

.footer-icons li {
    display: inline-block;
    padding-right: 5px
}

.footer-icons li a {
    color: #9a9a9a;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -ms-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear
}

.footer-icons li a:hover {
    text-decoration: none;
    border-bottom: 0
}

.footer-icons li a:hover .icon-twitter, .footer-icons li a:hover .icon-twitter-sign {
    color: #2aa9df
}

.footer-icons li a:hover .icon-facebook, .footer-icons li a:hover .icon-facebook-sign {
    color: #3a5a98
}

.footer-icons li a:hover .icon-instagram, .footer-icons li a:hover .icon-instagram-sign {
    color: #306088
}

.footer-icons li a:hover .icon-google-plus, .footer-icons li a:hover .icon-google-plus-sign {
    color: #b63324
}

.footer-icons li a:hover .icon-lastfm, .footer-icons li a:hover .icon-lastfm-sign {
    color: #d80049
}

.footer-icons li a:hover .icon-github {
    color: #4183c4
}

.browser-upgrade {
    padding: 10px;
    margin: 0 0 2em 0;
    color: #fff;
    text-align: center;
    background: #000
}

.browser-upgrade a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff
}

.browser-upgrade a:hover {
    border-bottom: 1px solid #fff
}

#goog-fixurl ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

#goog-fixurl ul li {
    list-style-type: none
}

#goog-wm-qt {
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #111;
    background-color: #fff;
    border-color: #919191;
    border-style: solid !important;
    border-width: 2px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#goog-wm-sb {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    background-color: #111;
    border: 2px solid #111 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#goog-wm-sb:visited {
    color: #fff
}

#goog-wm-sb:hover {
    color: #111;
    background-color: #fff
}

#goog-wm-sb:active {
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 502;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 503;
    width: 100%;
    height: 100%;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    z-index: 505;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-inline-holder .mfp-content:after, .mfp-ajax-holder .mfp-content:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    content: '';
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom, .image-popup {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 504;
    width: auto;
    margin-top: -0.8em;
    color: #ccc;
    text-align: center
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    z-index: 506;
    display: block;
    padding: 0;
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none
}

button.mfp-close {
    background: transparent
}

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

.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    color: white;
    text-align: center;
    text-decoration: none;
    opacity: .65
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    color: white;
    text-align: right
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 18px;
    color: #ccc
}

.mfp-arrow {
    position: absolute;
    top: 0;
    top: 50%;
    width: 90px;
    height: 110px;
    padding: 0;
    margin: 0;
    margin-top: -55px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #111;
    opacity: .65;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent;
    content: ''
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    top: 8px;
    border-top-width: 12px;
    border-bottom-width: 12px;
    opacity: .8
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 20px;
    border-bottom-width: 20px
}

.mfp-arrow-left {
    left: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    left: 5px;
    border-right: 12px solid #fff
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    border-right: 20px solid #fff
}

.mfp-arrow-right {
    right: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    left: 3px;
    border-left: 12px solid #fff
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 20px solid #fff
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 900px;
    line-height: 0
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

img.mfp-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    padding: 40px 0 40px;
    margin: 0 auto;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-figure:after {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    content: '';
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.mfp-figure {
    line-height: 0
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -36px;
    cursor: auto
}

.mfp-title {
    line-height: 18px;
    color: #f3f3f3;
    text-align: left
}

.mfp-figure small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #bdbdbd
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { {
}.mfp-img-mobile .mfp-image-holder {
    padding-right: 0;
    padding-left: 0
}

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        padding: 3px 5px;
        margin: 0;
        background: rgba(0, 0, 0, 0.6);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px
    }

    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        line-height: 35px;
        text-align: center;
        background: rgba(0, 0, 0, 0.6)
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width: 800px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    width: 600px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-left: -300px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-fade .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mfp-fade.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.mfp-fade.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.mfp-fade.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-fade.mfp-removing.mfp-bg {
    opacity: 0
}

@media print {
    * {
        position: static !important;
        color: black !important;
        text-shadow: none !important;
        background: transparent !important;
        -ms-filter: none !important;
        filter: none !important;
        box-shadow: none !important
    }

    @page {
        margin: .5cm
    }

    h2, h3 {
        orphans: 3;
        widows: 3;
        page-break-after: avoid
    }

    p {
        orphans: 3;
        widows: 3
    }

    pre, blockquote {
        padding: 1em;
        border: 1px solid #333;
        page-break-inside: avoid
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr {
        page-break-inside: avoid
    }
}

@media only screen and (min-width: 30em) {
    .image-grid li {
        width: 33.333333%
    }
}

@media only screen and (min-width: 37.5em) {
    .site-name {
        display: inline;
        float: left;
        width: 16.666666666666668%;
        margin-right: 4.166666666666667%;
        margin-left: 4.166666666666667%
    }

    .top-navigation {
        display: inline;
        float: left;
        width: 75%;
        margin-right: 0;
        margin-left: 0
    }

    .image-wrap .headline-wrap, .image-wrap:after {
        left: 25%
    }

    .image-wrap .headline-wrap {
        margin-left: 0
    }

    .image-credit {
        display: inline;
        float: left;
        width: 75%;
        margin-right: 0;
        margin-left: 0
    }

    #main article {
        display: inline;
        float: left;
        width: 50%;
        margin-right: 0;
        margin-left: 0
    }

    #index {
        display: inline;
        float: left;
        width: 50%;
        margin-right: 0;
        margin-left: 0
    }

    .footer-wrap footer {
        display: inline;
        float: left;
        width: 50%;
        margin-right: 25%;
        margin-left: 25%
    }

    .article-author-top {
        display: block;
        display: inline;
        float: left;
        width: 16.666666666666668%;
        margin-right: 4.166666666666667%;
        margin-left: 4.166666666666667%
    }

    .article-author-top h3, .article-author-top .bio-photo, .article-author-top p, .article-author-top .author-social {
        display: block;
        max-width: 125px;
        margin: auto
    }

    .article-author-top h3 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .article-author-top p {
        margin-bottom: 20px
    }

    .article-author-top .author-social {
        margin-bottom: 5px
    }

    .article-author-bottom {
        display: none
    }

    .toc {
        position: absolute;
        top: 5.5em;
        right: 0;
        display: block;
        display: inline;
        float: left;
        width: 16.666666666666668%;
        margin-right: 4.166666666666667%;
        margin-left: 4.166666666666667%;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
    }

    .image-grid li {
        width: 25%
    }

    .related-articles {
        display: inline;
        float: left;
        width: 50%;
        margin-right: 25%;
        margin-left: 25%
    }
}

@media only screen and (min-width: 48em) { {
}.image-grid li {
    width: 20%
}
}

@media only screen and (min-width: 62em) { {
}.article-author-top h3, .article-author-bottom h3, .article-author-top .bio-photo, .article-author-bottom .bio-photo, .article-author-top p, .article-author-bottom p, .article-author-top .author-social, .article-author-bottom .author-social {
    max-width: 150px
}

    .article-author-top img.bio-photo, .article-author-bottom img.bio-photo {
        width: 150px;
        height: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px
    }

    .image-grid li {
        width: 16.666666666%
    }
}

@media only screen and (min-width: 86.375em) {
    .site-name {
        display: inline;
        float: left;
        width: 12.5%;
        margin-left: 16.666666666666668%
    }

    .top-navigation {
        display: inline;
        float: left;
        width: 66.66666666666667%
    }

    .image-wrap:after {
        left: 33.333333333%
    }

    .image-wrap .headline-wrap {
        margin-left: 8.333333333333334%
    }

    .image-credit {
        display: inline;
        float: left;
        width: 70.83333333333334%
    }

    #main article {
        display: inline;
        float: left;
        width: 37.5%
    }

    #index {
        display: inline;
        float: left;
        width: 37.5%
    }

    .related-articles {
        display: inline;
        float: left;
        width: 37.5%;
        margin-right: 29.166666666666668%;
        margin-left: 33.333333333333336%
    }

    .footer-wrap footer {
        display: inline;
        float: left;
        width: 37.5%;
        margin-right: 29.166666666666668%;
        margin-left: 33.333333333333336%
    }

    .article-author-top {
        display: inline;
        float: left;
        width: 12.5%;
        margin-left: 16.666666666666668%
    }
}

/* To center images */
.center {
    text-align: center;
}

.column {
    float: left;
}

.left {
    width: 50%;
}

.right {
    width: 45%;
    padding-left: 5px;
}