/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } 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 { font-size: 2em; margin: 0.67em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100% } ::-moz-selection { background-color: #dadada; color: #343434; text-shadow: none } ::selection { background-color: #dadada; color: #343434; text-shadow: none } .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 { list-style: none; margin-left: 0; padding-left: 0 } .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 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease } h1, h2, h3, h4, h5, h6 { font-family: "Alegreya", serif } h1 { font-size: 32px; font-size: 2rem; line-height: 0.8125; margin-bottom: 26px; margin-bottom: 1.625rem; line-height: 1 } h2 { font-size: 28px; font-size: 1.75rem; line-height: 0.9286; margin-bottom: 26px; margin-bottom: 1.625rem; line-height: 1 } h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.0833; margin-bottom: 26px; margin-bottom: 1.625rem } h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.4444; margin-bottom: 26px; margin-bottom: 1.625rem } h5 { font-size: 16px; font-size: 1rem; line-height: 1.625; margin-bottom: 26px; margin-bottom: 1.625rem } h6 { font-size: 14px; font-size: 0.875rem; line-height: 1.8571; margin-bottom: 26px; margin-bottom: 1.625rem } a { text-decoration: none; color: #343434 } a:visited { color: #4e4e4e } a:hover { color: #1a1a1a } a:focus { outline: thin dotted; color: #343434 } a:hover, a:active { outline: 0 } figcaption { padding-top: 10px; font-size: 14px; font-size: 0.875rem; line-height: 1.8571; line-height: 1.3; color: #4d4d4b } .image-credit { display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; display: block; text-align: right; font-size: 12px; font-size: 0.75rem; line-height: 2.1667; line-height: 1.3; font-style: italic; color: #80807e } @media only screen and (min-width: 37.5em) { .image-credit { display: inline; float: left; width: 75%; margin-left: 0%; margin-right: 0% } } @media only screen and (min-width: 86.375em) { .image-credit { display: inline; float: left; width: 70.83333% } } .image-credit a { color: #80807e } .notice { margin-top: 1.5em; padding: .5em 1em; text-indent: 0; font-size: 14px; font-size: 0.875rem; background-color: #fff; border: 1px solid #ccc; border-radius: 3px } blockquote { margin-left: -28px; padding-left: 20px; border-left: 8px solid #333332; font-family: "Alegreya", serif; font-style: italic } .footnotes ol, .footnotes li, .footnotes p { margin-bottom: 0; font-size: 14px; font-size: 0.875rem } p { font-size: 1.1rem; margin: 0 0 1.625rem; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; -moz-hyphens: auto; hyphens: auto } p+p { margin-top: 0 } .post article ul, .page article ul { list-style-type: none } .post article ul li: before, .page article ul li: before { content: "–"; float: left; display: inline; width: 1em; margin-left: -1em } tt, code, kbd, samp, pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace } p code, li code { font-size: 12px; font-size: 0.75rem; line-height: 1.5; white-space: nowrap; margin: 0 2px; padding: 0 5px; border: 1px solid #f7f7f7; background-color: #efefef; border-radius: 3px } pre { font-size: 12px; font-size: 0.75rem; line-height: 1.5; overflow-x: auto } .highlight { background-color: #efefef; font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 12px; font-size: 0.75rem; line-height: 2.1667; color: #333332; margin-bottom: 1.5em; border-radius: 4px } .highlight pre { position: relative; margin: 0; padding: 1em } .highlight .lineno { padding-right: 24px; color: #b3b3b1 } .highlight .hll { background-color: #ffc } .highlight .c { color: #999988; font-style: italic } .highlight .err { color: #a61717; background-color: #e3d2d2 } .highlight .k { color: #000000; font-weight: bold } .highlight .o { color: #000000; font-weight: bold } .highlight .cm { color: #999988; font-style: italic } .highlight .cp { color: #999999; font-weight: bold; font-style: italic } .highlight .c1 { color: #999988; font-style: italic } .highlight .cs { color: #999999; font-weight: bold; font-style: italic } .highlight .gd { color: #000000; background-color: #fdd } .highlight .ge { color: #000000; font-style: italic } .highlight .gr { color: #a00 } .highlight .gh { color: #999 } .highlight .gi { color: #000000; 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 { color: #000000; font-weight: bold } .highlight .kd { color: #000000; font-weight: bold } .highlight .kn { color: #000000; font-weight: bold } .highlight .kp { color: #000000; font-weight: bold } .highlight .kr { color: #000000; font-weight: bold } .highlight .kt { color: #445588; font-weight: bold } .highlight .m { color: #099 } .highlight .s { color: #d01040 } .highlight .na { color: teal } .highlight .nb { color: #0086B3 } .highlight .nc { color: #445588; font-weight: bold } .highlight .no { color: teal } .highlight .nd { color: #3c5d5d; font-weight: bold } .highlight .ni { color: purple } .highlight .ne { color: #990000; font-weight: bold } .highlight .nf { color: #990000; font-weight: bold } .highlight .nl { color: #990000; font-weight: bold } .highlight .nn { color: #555 } .highlight .nt { color: navy } .highlight .nv { color: teal } .highlight .ow { color: #000000; font-weight: bold } .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: teal } .highlight .vg { color: teal } .highlight .vi { color: teal } .highlight .il { color: #099 } .CodeRay { background-color: #efefef; font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 12px; font-size: 0.75rem; line-height: 2.1667; color: #333332; margin-bottom: 1.5em; border-radius: 4px } .CodeRay pre { margin: 0px; padding: 1em } span.CodeRay { white-space: pre; border: 0px; padding: 2px } table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px } table.CodeRay td { padding: 1em 0.5em; vertical-align: top } .CodeRay .line-numbers, .CodeRay .no { background-color: #ECECEC; color: #AAA; text-align: right } .CodeRay .line-numbers a { color: #AAA } .CodeRay .line-numbers tt { font-weight: bold } .CodeRay .line-numbers .highlighted { color: red } .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: #fff !important; background: blue !important } .CodeRay .annotation { color: #007 } .CodeRay .attribute-name { color: #f08 } .CodeRay .attribute-value { color: #700 } .CodeRay .binary { color: #509; font-weight: bold } .CodeRay .comment { color: #998; font-style: italic } .CodeRay .char { color: #04D } .CodeRay .char .content { color: #04D } .CodeRay .char .delimiter { color: #039 } .CodeRay .class { color: #458; font-weight: bold } .CodeRay .complex { color: #A08; font-weight: bold } .CodeRay .constant { color: teal } .CodeRay .color { color: #0A0 } .CodeRay .class-variable { color: #369 } .CodeRay .decorator { color: #B0B } .CodeRay .definition { color: #099; font-weight: bold } .CodeRay .directive { color: #088; font-weight: bold } .CodeRay .delimiter { color: #000 } .CodeRay .doc { color: #970 } .CodeRay .doctype { color: #34b } .CodeRay .doc-string { color: #D42; font-weight: bold } .CodeRay .escape { color: #666; font-weight: bold } .CodeRay .entity { color: #800; font-weight: bold } .CodeRay .error { color: #F00; background-color: #FAA } .CodeRay .exception { color: #C00; font-weight: bold } .CodeRay .filename { color: #099 } .CodeRay .function { color: #900; font-weight: bold } .CodeRay .global-variable { color: teal; font-weight: bold } .CodeRay .hex { color: #058; font-weight: bold } .CodeRay .integer { color: #099 } .CodeRay .include { color: #B44; font-weight: bold } .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 { color: #B2B; font-weight: bold } .CodeRay .instance-variable { color: teal } .CodeRay .label { color: #970; font-weight: bold } .CodeRay .local-variable { color: #963 } .CodeRay .octal { color: #40E; font-weight: bold } .CodeRay .predefined-constant { font-weight: bold } .CodeRay .predefined { color: #369; font-weight: bold } .CodeRay .preprocessor { color: #579 } .CodeRay .pseudo-class { color: #00C; font-weight: bold } .CodeRay .predefined-type { color: #074; font-weight: bold } .CodeRay .reserved, .keyword { color: #000; font-weight: bold } .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 { color: #404; font-weight: bold } .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 { color: #D70; font-weight: bold } .CodeRay .type { color: #339; font-weight: bold } .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 { color: #080; font-weight: bold } .CodeRay .delete .delete { color: #800; font-weight: bold } .CodeRay .change .change { color: #66f } .CodeRay .head .head { color: #f4f } hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff } figure { margin-bottom: 1.625rem } article img { max-width: 100%; height: auto; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } .half { margin: 0 auto; width: 100%; *zoom: 1; } .half:before, .half:after { display: table; content: ""; line-height: 0 } .half:after { clear: both } @media only screen and (min-width: 30em) { .half img { display: inline; float: left; width: 50% } .half figcaption { display: inline; float: left; width: 100% } } .third { margin: 0 auto; width: 100%; *zoom: 1 } .third:before, .third:after { display: table; content: ""; line-height: 0 } .third:after { clear: both } @media only screen and (min-width: 30em) { .third img { display: inline; float: left; width: 33.33333% } .third figcaption { display: inline; float: left; width: 100% } } .btn, #goog-wm-sb { display: inline-block; margin-bottom: 20px; padding: 8px 20px; font-size: 14px; font-size: 0.875rem; font-family: "Alegreya", serif; font-weight: 700; background-color: #111; color: #fff; border-width: 2px !important; border-style: solid !important; border-color: #111; text-decoration: none !important; border-radius: 3px } .btn:visited, #goog-wm-sb:visited { color: #fff } .btn:hover, #goog-wm-sb:hover { background-color: #fff; color: #111 } .btn-success { background-color: #5cb85c; color: #fff; border-color: #5cb85c } .btn-success:visited { color: #fff } .btn-success:hover { background-color: #fff; color: #5cb85c } .btn-warning { background-color: #dd8338; color: #fff; border-color: #dd8338 } .btn-warning:visited { color: #fff } .btn-warning:hover { background-color: #fff; color: #dd8338 } .btn-danger { background-color: #C64537; color: #fff; border-color: #C64537 } .btn-danger:visited { color: #fff } .btn-danger:hover { background-color: #fff; color: #C64537 } .btn-info { background-color: #308cbc; color: #fff; border-color: #308cbc } .btn-info:visited { color: #fff } .btn-info:hover { background-color: #fff; color: #308cbc } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; 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) } btnform { margin: 0 0 5px 0 } btnform fieldset { margin-bottom: 5px; padding: 0; border-width: 0 } btnform legend { display: block; width: 100%; margin-bottom: 10px; *margin-left: -7px; padding: 0; color: #333332; border: 0; border-bottom: 1px solid #ddd; white-space: normal } btnform p { margin-bottom: 5px / 2 } btnform ul { list-style-type: none; margin: 0 0 5px 0; padding: 0 } btnform br { display: none } label, input, button, select, textarea { vertical-align: baseline; *vertical-align: middle } input, button, select, textarea { font-family: "Alegreya", 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: 10px / 8; 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: 5px / 4; background-color: #fff; border: 1px solid #ddd; color: #333332 } 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-radius: 0; border: 0 \9 } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px } 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; border: initial; background-color: transparent; background-color: 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; cursor: pointer; *overflow: visible } select, input[type="file"] { *margin-top: 4px } select { width: auto; background-color: #fff } select[multiple], select[size] { height: auto } textarea { resize: vertical; overflow: auto; height: auto; overflow: auto; vertical-align: top } 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] { opacity: 0.5; cursor: not-allowed } 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; vertical-align: middle; padding-left: 5px } .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-left: 0; margin-right: 3px } .form-search input, .form-search textarea, .form-search select { display: inline-block; margin-bottom: 0 } .form-search .search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; 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-left: 0; margin-right: 3px } body { background-color: #fff; font-family: "Alegreya", serif; color: #333332 } .navigation-wrapper { margin: 0 auto; width: 100%; padding: 2em 0 1em; font-family: "Alegreya", serif; font-weight: 500; background-color: #DDD; *zoom: 1 } .navigation-wrapper:before, .navigation-wrapper:after { display: table; content: ""; line-height: 0 } .navigation-wrapper:after { clear: both } .home .navigation-wrapper { background-color: inherit } .site-name { display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; margin-bottom: 1em; float: none; display: block; text-transform: uppercase; font-size: 24px; font-size: 1.5rem } @media only screen and (min-width: 37.5em) { .site-name { display: inline; float: left; width: 16.66667%; margin-left: 4.16667%; margin-right: 4.16667%; font-size: 16px; font-size: 1rem } } @media only screen and (min-width: 86.375em) { .site-name { display: inline; float: left; width: 12.5%; margin-left: 16.66667% } } .top-navigation, .right-navigation { display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; margin-bottom: 1em; float: none; display: block } @media only screen and (min-width: 37.5em) { .top-navigation, .right-navigation { display: inline; float: left; width: 75%; margin-left: 0%; margin-right: 0% } } @media only screen and (min-width: 86.375em) { .top-navigation, .right-navigation { display: inline; float: left; width: 66.66667% } } .top-navigation ul, .right-navigation ul { margin: 0; padding: 0; clear: both; list-style-type: none } .top-navigation li, .right-navigation li { display: block; list-style-type: none; border-bottom: 1px solid #ddd; border-bottom: 1px solid fade(#111, 10); font-size: 16px; font-size: 1rem } .top-navigation li: last-child, .right-navigation li: last-child { border-bottom: 0 solid transparent } @media only screen and (min-width: 37.5em) { .top-navigation li, .right-navigation li { display: inline; margin-right: 25px; white-space: nowrap; border-bottom: 0 solid transparent } } .top-navigation li a, .right-navigation li a { display: block; padding: 10px 0; decoration: none; border-bottom: 0 solid transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s } @media only screen and (min-width: 37.5em) { .top-navigation li a, .right-navigation li a { display: inline; padding: 0 } } .navicon-lines-button { padding: 0.375rem 0.75rem; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.21429rem } .navicon-lines-button:hover { opacity: 1 } .navicon-lines-button:active { transition: 0 } .navicon-lines { margin-right: 10px; margin-bottom: 0.3rem; display: inline-block; width: 1.5rem; height: 0.21429rem; background: #fff; border-radius: 0.10714rem; transition: .3s; position: relative } .navicon-lines:before, .navicon-lines:after { display: inline-block; width: 1.5rem; height: 0.21429rem; background: #fff; border-radius: 0.10714rem; transition: .3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.10714rem center; transform-origin: 0.10714rem center } .navicon-lines:before { top: 0.375rem } .navicon-lines:after { top: -0.375rem } .navicon-lines-button:hover { opacity: 1 } .navicon-lines-button:hover .navicon-lines:before { top: 0.42857rem } .navicon-lines-button:hover .navicon-lines:after { top: -0.42857rem } .navicon-lines-button.x.active .navicon-lines { background: transparent } .navicon-lines-button.x.active .navicon-lines: before, .navicon-lines-button.x.active .navicon-lines: after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 1.5rem } .navicon-lines-button.x.active .navicon-lines: before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .navicon-lines-button.x.active .navicon-lines: after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .nav .navtoggle { font-size: 18px; font-size: 1.125rem; font-weight: normal; background-color: #111; color: #fff; border: none; cursor: pointer } @media only screen and (min-width: 37.5em) { .nav .navtoggle { display: none } } .nav button { border: none; background: none } .navtoggle i { z-index: -1 } .icon-menu { position: relative; top: 3px; line-height: 0 } .no-js .nav .navtoggle { display: none } .no-js .nav ul { max-height: 30em; overflow: hidden } .js .nav ul { max-height: 0; overflow: hidden } @media only screen and (min-width: 37.5em) { .js .nav ul { max-height: 30em } } .js .nav .active+ul { max-height: 30em; overflow: hidden; -webkit-transition: max-height .4s; -moz-transition: max-height .4s; -o-transition: max-height .4s; -ms-transition: max-height .4s; transition: max-height .4s } #main { counter-reset: captions; margin: 0 auto; width: 100%; *zoom: 1; clear: both; margin-top: 2em } #main:before, #main:after { display: table; content: ""; line-height: 0 } #main:after { clear: both } #main h1 { margin-top: 0 } #main .post, #main .page { margin: 0 auto; width: 100%; display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; margin-bottom: 2em } @media only screen and (min-width: 37.5em) { #main .post, #main .page { display: inline; float: left; width: 50%; margin-left: 0%; margin-right: 0% } } @media only screen and (min-width: 86.375em) { #main .post, #main .page { display: inline; float: left; width: 37.5% } } #index { margin: 0 auto; width: 100%; display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; margin-bottom: 2em } @media only screen and (min-width: 37.5em) { #index { display: inline; float: left; width: 50%; margin-left: 0%; margin-right: 0% } } @media only screen and (min-width: 86.375em) { #index { display: inline; float: left; width: 37.5% } } #index h3 { margin: 0; padding-bottom: .5em; font-size: 28px; font-size: 1.75rem; border-bottom: 1px solid #c4c4c4 } #index article h2 { margin-bottom: 4px; font-size: 20px; font-size: 1.25rem } #index article h2.link-post { margin-bottom: 26px; margin-bottom: 1.625rem } #index article p { font-size: 14px; font-size: 0.875rem } #index article p+p { text-indent: 0 } .image-wrap { position: relative; margin-bottom: 2em; background-color: #DDD; *zoom: 1 } .image-wrap:before, .image-wrap:after { display: table; content: ""; line-height: 0 } .image-wrap:after { clear: both } @media only screen and (min-width: 37.5em) { .image-wrap { padding: 1em 0 } } .image-wrap img { max-width: 70%; height: auto; display: block; margin-left: auto; margin-right: auto; -ms-interpolation-mode: bicubic } .image-wrap .headline-wrap { position: absolute; bottom: 25px; margin-left: 8.33333% } @media only screen and (min-width: 37.5em) { .image-wrap .headline-wrap { left: 25%; margin-left: 0 } } @media only screen and (min-width: 86.375em) { .image-wrap .headline-wrap { margin-left: 8.33333% } } .image-wrap .headline-wrap h1, .image-wrap .headline-wrap h2 { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) } .home .image-wrap img { max-width: 90% } @media only screen and (min-width: 62em) { .home .image-wrap img { max-width: 50%; margin-top: 1.5em; margin-bottom: 1.5em } } .byline { clear: both; font-size: 80% } .article-author-side h3, .article-author-bottom h3 { margin-bottom: 0 } .article-author-side p, .article-author-bottom p { font-size: 80%; font-style: italic } .article-author-side a, .article-author-side a: hover, .article-author-bottom a, .article-author-bottom a: hover { border-bottom: 0 solid transparent } .author-social { display: block; margin-bottom: 5px; font-size: 14px; font-size: 0.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) } .author-social .fa { margin-right: 5px } .article-author-side { display: none } .article-author-side .bio-photo { max-width: 110px; border-radius: 150px } @media only screen and (min-width: 37.5em) { .article-author-side { display: block; display: inline; float: left; width: 16.66667%; margin-left: 4.16667%; margin-right: 4.16667% } .article-author-side h3, .article-author-side p, .article-author-side .author-social { display: block; max-width: 125px } .article-author-side h3 { margin-top: 10px; margin-bottom: 10px; text-align: center } .article-author-side p { margin-bottom: 20px } .article-author-side .author-social { margin-bottom: 5px } } @media only screen and (min-width: 62em) { .article-author-side h3, .article-author-side .bio-photo, .article-author-side p, .article-author-side .author-social { max-width: 150px } } @media only screen and (min-width: 86.375em) { .article-author-side { display: inline; float: left; width: 12.5%; margin-left: 16.66667% } } .article-author-bottom { margin-bottom: 1em } @media only screen and (min-width: 37.5em) { .article-author-bottom { display: none } } .article-author-bottom .bio-photo { float: left; margin-right: 25px; max-width: 100px; border-radius: 150px } .article-author-bottom .author-social { display: inline-block; margin-right: 10px } @media only screen and (min-width: 62em) { .article-author-bottom h3, .article-author-bottom .bio-photo, .article-author-bottom p, .article-author-bottom .author-social { max-width: 150px } } .article-wrap p>a, .article-wrap p>em>a, .article-wrap p>strong>a, .article-wrap li>a { text-decoration: none; color: #00E } .article-wrap p>a: visited, .article-wrap p>em>a: visited, .article-wrap p>strong>a: visited, .article-wrap li>a: visited { color: #22f } .article-wrap p>a: hover, .article-wrap p>em>a: hover, .article-wrap p>strong>a: hover, .article-wrap li>a: hover { color: #00b } .article-wrap p>a: focus, .article-wrap p>em>a: focus, .article-wrap p>strong>a: focus, .article-wrap li>a: focus { outline: thin dotted; color: #00e } .toc { font-size: 95% } @media only screen and (min-width: 62em) { .toc { display: block; display: inline; float: left; width: 16.66667%; margin-left: 4.16667%; margin-right: 4.16667%; position: absolute; top: 5.5em; right: 0; background-color: #fff } } .toc header { background: #2b2b2b } .toc h3 { margin: 0; padding: 5px 10px; color: #fff; font-size: 16px; font-size: 1rem; text-transform: uppercase } .toc h3: hover { cursor: pointer } .toc ul { margin: 2px 0 0; padding: 0; line-height: 1 } .toc li { display: block; margin: 0 0 1px 0; padding: 0; font-family: "Alegreya", serif; list-style-type: none } .toc li: last-child { border-bottom-width: 0 } .toc li a { padding: 10px; display: block; color: #fff; text-decoration: none; background: #5e5e5e; opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out } .toc li a: hover { opacity: 1; color: #fff } .toc li a: visited { color: #ccc } .toc li ul { margin: 1px 0 0 } .toc li ul li a { padding-left: 20px } #drawer { max-height: 100%; overflow: hidden } #drawer.js-hidden { max-height: 0 } .image-grid { *zoom: 1; list-style: none; margin: 0 0 1em; padding: 0 } .image-grid:before, .image-grid:after { display: table; content: ""; line-height: 0 } .image-grid:after { clear: both } .image-grid li { display: inline; float: left; width: 50% } @media only screen and (min-width: 30em) { .image-grid li { width: 33.333333% } } @media only screen and (min-width: 37.5em) { .image-grid li { width: 25% } } @media only screen and (min-width: 48em) { .image-grid li { width: 20% } } @media only screen and (min-width: 62em) { .image-grid li { width: 16.666666666% } } .recent-grid { *zoom: 1; list-style: none; margin: 1em 0 } .recent-grid:before, .recent-grid:after { display: table; content: ""; line-height: 0 } .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% } .social-share { margin-bottom: 26px; margin-bottom: 1.625rem } .social-share ul, .social-share li { margin: 0; padding: 0; list-style: none } .social-share li { display: inline-block } .social-share .facebook { background: #3b5998 } .social-share .flickr { background: #ff0084 } .social-share .foursquare { background: #0cbadf } .social-share .google-plus { background: #dd4b39 } .social-share .instagram { background: #4e433c } .social-share .linkedin { background: #4875b4 } .social-share .pinterest { background: #cb2027 } .social-share .rss { background: #fa9b39 } .social-share .tumblr { background: #2c4762 } .social-share .twitter { background: #55acee } .social-share .vimeo { background: #1ab7ea } .social-share .youtube { background: #f33 } .social-share a { display: block; padding: 8px 20px; text-decoration: none !important; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; font-family: "Alegreya", serif; font-weight: 700; color: #fff; opacity: 0.8 } .social-share a: hover { opacity: 1 } .social-share span { display: none } @media only screen and (min-width: 48em) { .social-share span { display: inline; padding-left: 5px } } .social-share h4 { font-size: 14px; font-size: 0.875rem; margin-bottom: 10px; text-transform: uppercase } .footer-wrap { margin: 0 auto; width: 100%; *zoom: 1; clear: both; padding-bottom: 3em } .footer-wrap:before, .footer-wrap:after { display: table; content: ""; line-height: 0 } .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 { font-size: 14px; font-size: 0.875rem } .footer-wrap footer { display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; font-style: italic } @media only screen and (min-width: 37.5em) { .footer-wrap footer { display: inline; float: left; width: 50%; margin-left: 25%; margin-right: 25% } } @media only screen and (min-width: 86.375em) { .footer-wrap footer { display: inline; float: left; width: 37.5%; margin-left: 33.33333%; margin-right: 29.16667% } } .footer-wrap footer nav { display: inline; display: inline-block; font-style: normal } @media only screen and (min-width: 37.5em) { .home .footer-wrap { padding-bottom: 0; position: fixed; bottom: 0 } .home .footer-wrap footer { padding: 10px 0; background-color: #fff } } .related-articles { display: inline; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: 8.33333%; margin-bottom: 2em } @media only screen and (min-width: 37.5em) { .related-articles { display: inline; float: left; width: 50%; margin-left: 25%; margin-right: 25% } } @media only screen and (min-width: 86.375em) { .related-articles { display: inline; float: left; width: 37.5%; margin-left: 33.33333%; margin-right: 29.16667% } } .related-articles h4 { text-transform: uppercase; margin-bottom: 0 } .related-articles li { margin-bottom: 0 } .browser-upgrade { background: #000; text-align: center; margin: 0 0 2em 0; padding: 10px; text-align: center; color: #fff } .browser-upgrade a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none } .browser-upgrade a: hover { border-bottom: 1px solid #fff } #goog-fixurl ul { list-style: none; margin-left: 0; padding-left: 0 } #goog-fixurl ul li { list-style-type: none } #goog-wm-qt { width: auto; margin-right: 10px; margin-bottom: 20px; padding: 8px 20px; display: inline-block; font-size: 14px; font-size: 0.875rem; background-color: #fff; color: #111; border-width: 2px !important; border-style: solid !important; border-color: #919191; border-radius: 3px } /*! * Font Awesome 4.5.0 by @davegandy - http: //fontawesome.io - @fontawesome * License - http: //fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center } .fa-li.fa-lg { left: -1.85714em } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "" } .fa-music:before { content: "" } .fa-search:before { content: "" } .fa-envelope-o:before { content: "" } .fa-heart:before { content: "" } .fa-star:before { content: "" } .fa-star-o:before { content: "" } .fa-user:before { content: "" } .fa-film:before { content: "" } .fa-th-large:before { content: "" } .fa-th:before { content: "" } .fa-th-list:before { content: "" } .fa-check:before { content: "" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "" } .fa-search-plus:before { content: "" } .fa-search-minus:before { content: "" } .fa-power-off:before { content: "" } .fa-signal:before { content: "" } .fa-gear:before, .fa-cog:before { content: "" } .fa-trash-o:before { content: "" } .fa-home:before { content: "" } .fa-file-o:before { content: "" } .fa-clock-o:before { content: "" } .fa-road:before { content: "" } .fa-download:before { content: "" } .fa-arrow-circle-o-down:before { content: "" } .fa-arrow-circle-o-up:before { content: "" } .fa-inbox:before { content: "" } .fa-play-circle-o:before { content: "" } .fa-rotate-right:before, .fa-repeat:before { content: "" } .fa-refresh:before { content: "" } .fa-list-alt:before { content: "" } .fa-lock:before { content: "" } .fa-flag:before { content: "" } .fa-headphones:before { content: "" } .fa-volume-off:before { content: "" } .fa-volume-down:before { content: "" } .fa-volume-up:before { content: "" } .fa-qrcode:before { content: "" } .fa-barcode:before { content: "" } .fa-tag:before { content: "" } .fa-tags:before { content: "" } .fa-book:before { content: "" } .fa-bookmark:before { content: "" } .fa-print:before { content: "" } .fa-camera:before { content: "" } .fa-font:before { content: "" } .fa-bold:before { content: "" } .fa-italic:before { content: "" } .fa-text-height:before { content: "" } .fa-text-width:before { content: "" } .fa-align-left:before { content: "" } .fa-align-center:before { content: "" } .fa-align-right:before { content: "" } .fa-align-justify:before { content: "" } .fa-list:before { content: "" } .fa-dedent:before, .fa-outdent:before { content: "" } .fa-indent:before { content: "" } .fa-video-camera:before { content: "" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "" } .fa-pencil:before { content: "" } .fa-map-marker:before { content: "" } .fa-adjust:before { content: "" } .fa-tint:before { content: "" } .fa-edit:before, .fa-pencil-square-o:before { content: "" } .fa-share-square-o:before { content: "" } .fa-check-square-o:before { content: "" } .fa-arrows:before { content: "" } .fa-step-backward:before { content: "" } .fa-fast-backward:before { content: "" } .fa-backward:before { content: "" } .fa-play:before { content: "" } .fa-pause:before { content: "" } .fa-stop:before { content: "" } .fa-forward:before { content: "" } .fa-fast-forward:before { content: "" } .fa-step-forward:before { content: "" } .fa-eject:before { content: "" } .fa-chevron-left:before { content: "" } .fa-chevron-right:before { content: "" } .fa-plus-circle:before { content: "" } .fa-minus-circle:before { content: "" } .fa-times-circle:before { content: "" } .fa-check-circle:before { content: "" } .fa-question-circle:before { content: "" } .fa-info-circle:before { content: "" } .fa-crosshairs:before { content: "" } .fa-times-circle-o:before { content: "" } .fa-check-circle-o:before { content: "" } .fa-ban:before { content: "" } .fa-arrow-left:before { content: "" } .fa-arrow-right:before { content: "" } .fa-arrow-up:before { content: "" } .fa-arrow-down:before { content: "" } .fa-mail-forward:before, .fa-share:before { content: "" } .fa-expand:before { content: "" } .fa-compress:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-asterisk:before { content: "" } .fa-exclamation-circle:before { content: "" } .fa-gift:before { content: "" } .fa-leaf:before { content: "" } .fa-fire:before { content: "" } .fa-eye:before { content: "" } .fa-eye-slash:before { content: "" } .fa-warning:before, .fa-exclamation-triangle:before { content: "" } .fa-plane:before { content: "" } .fa-calendar:before { content: "" } .fa-random:before { content: "" } .fa-comment:before { content: "" } .fa-magnet:before { content: "" } .fa-chevron-up:before { content: "" } .fa-chevron-down:before { content: "" } .fa-retweet:before { content: "" } .fa-shopping-cart:before { content: "" } .fa-folder:before { content: "" } .fa-folder-open:before { content: "" } .fa-arrows-v:before { content: "" } .fa-arrows-h:before { content: "" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "" } .fa-twitter-square:before { content: "" } .fa-facebook-square:before { content: "" } .fa-camera-retro:before { content: "" } .fa-key:before { content: "" } .fa-gears:before, .fa-cogs:before { content: "" } .fa-comments:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-star-half:before { content: "" } .fa-heart-o:before { content: "" } .fa-sign-out:before { content: "" } .fa-linkedin-square:before { content: "" } .fa-thumb-tack:before { content: "" } .fa-external-link:before { content: "" } .fa-sign-in:before { content: "" } .fa-trophy:before { content: "" } .fa-github-square:before { content: "" } .fa-upload:before { content: "" } .fa-lemon-o:before { content: "" } .fa-phone:before { content: "" } .fa-square-o:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-phone-square:before { content: "" } .fa-twitter:before { content: "" } .fa-facebook-f:before, .fa-facebook:before { content: "" } .fa-github:before { content: "" } .fa-unlock:before { content: "" } .fa-credit-card:before { content: "" } .fa-feed:before, .fa-rss:before { content: "" } .fa-hdd-o:before { content: "" } .fa-bullhorn:before { content: "" } .fa-bell:before { content: "" } .fa-certificate:before { content: "" } .fa-hand-o-right:before { content: "" } .fa-hand-o-left:before { content: "" } .fa-hand-o-up:before { content: "" } .fa-hand-o-down:before { content: "" } .fa-arrow-circle-left:before { content: "" } .fa-arrow-circle-right:before { content: "" } .fa-arrow-circle-up:before { content: "" } .fa-arrow-circle-down:before { content: "" } .fa-globe:before { content: "" } .fa-wrench:before { content: "" } .fa-tasks:before { content: "" } .fa-filter:before { content: "" } .fa-briefcase:before { content: "" } .fa-arrows-alt:before { content: "" } .fa-group:before, .fa-users:before { content: "" } .fa-chain:before, .fa-link:before { content: "" } .fa-cloud:before { content: "" } .fa-flask:before { content: "" } .fa-cut:before, .fa-scissors:before { content: "" } .fa-copy:before, .fa-files-o:before { content: "" } .fa-paperclip:before { content: "" } .fa-save:before, .fa-floppy-o:before { content: "" } .fa-square:before { content: "" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "" } .fa-list-ul:before { content: "" } .fa-list-ol:before { content: "" } .fa-strikethrough:before { content: "" } .fa-underline:before { content: "" } .fa-table:before { content: "" } .fa-magic:before { content: "" } .fa-truck:before { content: "" } .fa-pinterest:before { content: "" } .fa-pinterest-square:before { content: "" } .fa-google-plus-square:before { content: "" } .fa-google-plus:before { content: "" } .fa-money:before { content: "" } .fa-caret-down:before { content: "" } .fa-caret-up:before { content: "" } .fa-caret-left:before { content: "" } .fa-caret-right:before { content: "" } .fa-columns:before { content: "" } .fa-unsorted:before, .fa-sort:before { content: "" } .fa-sort-down:before, .fa-sort-desc:before { content: "" } .fa-sort-up:before, .fa-sort-asc:before { content: "" } .fa-envelope:before { content: "" } .fa-linkedin:before { content: "" } .fa-rotate-left:before, .fa-undo:before { content: "" } .fa-legal:before, .fa-gavel:before { content: "" } .fa-dashboard:before, .fa-tachometer:before { content: "" } .fa-comment-o:before { content: "" } .fa-comments-o:before { content: "" } .fa-flash:before, .fa-bolt:before { content: "" } .fa-sitemap:before { content: "" } .fa-umbrella:before { content: "" } .fa-paste:before, .fa-clipboard:before { content: "" } .fa-lightbulb-o:before { content: "" } .fa-exchange:before { content: "" } .fa-cloud-download:before { content: "" } .fa-cloud-upload:before { content: "" } .fa-user-md:before { content: "" } .fa-stethoscope:before { content: "" } .fa-suitcase:before { content: "" } .fa-bell-o:before { content: "" } .fa-coffee:before { content: "" } .fa-cutlery:before { content: "" } .fa-file-text-o:before { content: "" } .fa-building-o:before { content: "" } .fa-hospital-o:before { content: "" } .fa-ambulance:before { content: "" } .fa-medkit:before { content: "" } .fa-fighter-jet:before { content: "" } .fa-beer:before { content: "" } .fa-h-square:before { content: "" } .fa-plus-square:before { content: "" } .fa-angle-double-left:before { content: "" } .fa-angle-double-right:before { content: "" } .fa-angle-double-up:before { content: "" } .fa-angle-double-down:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-angle-up:before { content: "" } .fa-angle-down:before { content: "" } .fa-desktop:before { content: "" } .fa-laptop:before { content: "" } .fa-tablet:before { content: "" } .fa-mobile-phone:before, .fa-mobile:before { content: "" } .fa-circle-o:before { content: "" } .fa-quote-left:before { content: "" } .fa-quote-right:before { content: "" } .fa-spinner:before { content: "" } .fa-circle:before { content: "" } .fa-mail-reply:before, .fa-reply:before { content: "" } .fa-github-alt:before { content: "" } .fa-folder-o:before { content: "" } .fa-folder-open-o:before { content: "" } .fa-smile-o:before { content: "" } .fa-frown-o:before { content: "" } .fa-meh-o:before { content: "" } .fa-gamepad:before { content: "" } .fa-keyboard-o:before { content: "" } .fa-flag-o:before { content: "" } .fa-flag-checkered:before { content: "" } .fa-terminal:before { content: "" } .fa-code:before { content: "" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "" } .fa-location-arrow:before { content: "" } .fa-crop:before { content: "" } .fa-code-fork:before { content: "" } .fa-unlink:before, .fa-chain-broken:before { content: "" } .fa-question:before { content: "" } .fa-info:before { content: "" } .fa-exclamation:before { content: "" } .fa-superscript:before { content: "" } .fa-subscript:before { content: "" } .fa-eraser:before { content: "" } .fa-puzzle-piece:before { content: "" } .fa-microphone:before { content: "" } .fa-microphone-slash:before { content: "" } .fa-shield:before { content: "" } .fa-calendar-o:before { content: "" } .fa-fire-extinguisher:before { content: "" } .fa-rocket:before { content: "" } .fa-maxcdn:before { content: "" } .fa-chevron-circle-left:before { content: "" } .fa-chevron-circle-right:before { content: "" } .fa-chevron-circle-up:before { content: "" } .fa-chevron-circle-down:before { content: "" } .fa-html5:before { content: "" } .fa-css3:before { content: "" } .fa-anchor:before { content: "" } .fa-unlock-alt:before { content: "" } .fa-bullseye:before { content: "" } .fa-ellipsis-h:before { content: "" } .fa-ellipsis-v:before { content: "" } .fa-rss-square:before { content: "" } .fa-play-circle:before { content: "" } .fa-ticket:before { content: "" } .fa-minus-square:before { content: "" } .fa-minus-square-o:before { content: "" } .fa-level-up:before { content: "" } .fa-level-down:before { content: "" } .fa-check-square:before { content: "" } .fa-pencil-square:before { content: "" } .fa-external-link-square:before { content: "" } .fa-share-square:before { content: "" } .fa-compass:before { content: "" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "" } .fa-euro:before, .fa-eur:before { content: "" } .fa-gbp:before { content: "" } .fa-dollar:before, .fa-usd:before { content: "" } .fa-rupee:before, .fa-inr:before { content: "" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "" } .fa-won:before, .fa-krw:before { content: "" } .fa-bitcoin:before, .fa-btc:before { content: "" } .fa-file:before { content: "" } .fa-file-text:before { content: "" } .fa-sort-alpha-asc:before { content: "" } .fa-sort-alpha-desc:before { content: "" } .fa-sort-amount-asc:before { content: "" } .fa-sort-amount-desc:before { content: "" } .fa-sort-numeric-asc:before { content: "" } .fa-sort-numeric-desc:before { content: "" } .fa-thumbs-up:before { content: "" } .fa-thumbs-down:before { content: "" } .fa-youtube-square:before { content: "" } .fa-youtube:before { content: "" } .fa-xing:before { content: "" } .fa-xing-square:before { content: "" } .fa-youtube-play:before { content: "" } .fa-dropbox:before { content: "" } .fa-stack-overflow:before { content: "" } .fa-instagram:before { content: "" } .fa-flickr:before { content: "" } .fa-adn:before { content: "" } .fa-bitbucket:before { content: "" } .fa-bitbucket-square:before { content: "" } .fa-tumblr:before { content: "" } .fa-tumblr-square:before { content: "" } .fa-long-arrow-down:before { content: "" } .fa-long-arrow-up:before { content: "" } .fa-long-arrow-left:before { content: "" } .fa-long-arrow-right:before { content: "" } .fa-apple:before { content: "" } .fa-windows:before { content: "" } .fa-android:before { content: "" } .fa-linux:before { content: "" } .fa-dribbble:before { content: "" } .fa-skype:before { content: "" } .fa-foursquare:before { content: "" } .fa-trello:before { content: "" } .fa-female:before { content: "" } .fa-male:before { content: "" } .fa-gittip:before, .fa-gratipay:before { content: "" } .fa-sun-o:before { content: "" } .fa-moon-o:before { content: "" } .fa-archive:before { content: "" } .fa-bug:before { content: "" } .fa-vk:before { content: "" } .fa-weibo:before { content: "" } .fa-renren:before { content: "" } .fa-pagelines:before { content: "" } .fa-stack-exchange:before { content: "" } .fa-arrow-circle-o-right:before { content: "" } .fa-arrow-circle-o-left:before { content: "" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "" } .fa-dot-circle-o:before { content: "" } .fa-wheelchair:before { content: "" } .fa-vimeo-square:before { content: "" } .fa-turkish-lira:before, .fa-try:before { content: "" } .fa-plus-square-o:before { content: "" } .fa-space-shuttle:before { content: "" } .fa-slack:before { content: "" } .fa-envelope-square:before { content: "" } .fa-wordpress:before { content: "" } .fa-openid:before { content: "" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "" } .fa-yahoo:before { content: "" } .fa-google:before { content: "" } .fa-reddit:before { content: "" } .fa-reddit-square:before { content: "" } .fa-stumbleupon-circle:before { content: "" } .fa-stumbleupon:before { content: "" } .fa-delicious:before { content: "" } .fa-digg:before { content: "" } .fa-pied-piper:before { content: "" } .fa-pied-piper-alt:before { content: "" } .fa-drupal:before { content: "" } .fa-joomla:before { content: "" } .fa-language:before { content: "" } .fa-fax:before { content: "" } .fa-building:before { content: "" } .fa-child:before { content: "" } .fa-paw:before { content: "" } .fa-spoon:before { content: "" } .fa-cube:before { content: "" } .fa-cubes:before { content: "" } .fa-behance:before { content: "" } .fa-behance-square:before { content: "" } .fa-steam:before { content: "" } .fa-steam-square:before { content: "" } .fa-recycle:before { content: "" } .fa-automobile:before, .fa-car:before { content: "" } .fa-cab:before, .fa-taxi:before { content: "" } .fa-tree:before { content: "" } .fa-spotify:before { content: "" } .fa-deviantart:before { content: "" } .fa-soundcloud:before { content: "" } .fa-database:before { content: "" } .fa-file-pdf-o:before { content: "" } .fa-file-word-o:before { content: "" } .fa-file-excel-o:before { content: "" } .fa-file-powerpoint-o:before { content: "" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "" } .fa-file-code-o:before { content: "" } .fa-vine:before { content: "" } .fa-codepen:before { content: "" } .fa-jsfiddle:before { content: "" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "" } .fa-circle-o-notch:before { content: "" } .fa-ra:before, .fa-rebel:before { content: "" } .fa-ge:before, .fa-empire:before { content: "" } .fa-git-square:before { content: "" } .fa-git:before { content: "" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "" } .fa-tencent-weibo:before { content: "" } .fa-qq:before { content: "" } .fa-wechat:before, .fa-weixin:before { content: "" } .fa-send:before, .fa-paper-plane:before { content: "" } .fa-send-o:before, .fa-paper-plane-o:before { content: "" } .fa-history:before { content: "" } .fa-circle-thin:before { content: "" } .fa-header:before { content: "" } .fa-paragraph:before { content: "" } .fa-sliders:before { content: "" } .fa-share-alt:before { content: "" } .fa-share-alt-square:before { content: "" } .fa-bomb:before { content: "" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "" } .fa-tty:before { content: "" } .fa-binoculars:before { content: "" } .fa-plug:before { content: "" } .fa-slideshare:before { content: "" } .fa-twitch:before { content: "" } .fa-yelp:before { content: "" } .fa-newspaper-o:before { content: "" } .fa-wifi:before { content: "" } .fa-calculator:before { content: "" } .fa-paypal:before { content: "" } .fa-google-wallet:before { content: "" } .fa-cc-visa:before { content: "" } .fa-cc-mastercard:before { content: "" } .fa-cc-discover:before { content: "" } .fa-cc-amex:before { content: "" } .fa-cc-paypal:before { content: "" } .fa-cc-stripe:before { content: "" } .fa-bell-slash:before { content: "" } .fa-bell-slash-o:before { content: "" } .fa-trash:before { content: "" } .fa-copyright:before { content: "" } .fa-at:before { content: "" } .fa-eyedropper:before { content: "" } .fa-paint-brush:before { content: "" } .fa-birthday-cake:before { content: "" } .fa-area-chart:before { content: "" } .fa-pie-chart:before { content: "" } .fa-line-chart:before { content: "" } .fa-lastfm:before { content: "" } .fa-lastfm-square:before { content: "" } .fa-toggle-off:before { content: "" } .fa-toggle-on:before { content: "" } .fa-bicycle:before { content: "" } .fa-bus:before { content: "" } .fa-ioxhost:before { content: "" } .fa-angellist:before { content: "" } .fa-cc:before { content: "" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "" } .fa-meanpath:before { content: "" } .fa-buysellads:before { content: "" } .fa-connectdevelop:before { content: "" } .fa-dashcube:before { content: "" } .fa-forumbee:before { content: "" } .fa-leanpub:before { content: "" } .fa-sellsy:before { content: "" } .fa-shirtsinbulk:before { content: "" } .fa-simplybuilt:before { content: "" } .fa-skyatlas:before { content: "" } .fa-cart-plus:before { content: "" } .fa-cart-arrow-down:before { content: "" } .fa-diamond:before { content: "" } .fa-ship:before { content: "" } .fa-user-secret:before { content: "" } .fa-motorcycle:before { content: "" } .fa-street-view:before { content: "" } .fa-heartbeat:before { content: "" } .fa-venus:before { content: "" } .fa-mars:before { content: "" } .fa-mercury:before { content: "" } .fa-intersex:before, .fa-transgender:before { content: "" } .fa-transgender-alt:before { content: "" } .fa-venus-double:before { content: "" } .fa-mars-double:before { content: "" } .fa-venus-mars:before { content: "" } .fa-mars-stroke:before { content: "" } .fa-mars-stroke-v:before { content: "" } .fa-mars-stroke-h:before { content: "" } .fa-neuter:before { content: "" } .fa-genderless:before { content: "" } .fa-facebook-official:before { content: "" } .fa-pinterest-p:before { content: "" } .fa-whatsapp:before { content: "" } .fa-server:before { content: "" } .fa-user-plus:before { content: "" } .fa-user-times:before { content: "" } .fa-hotel:before, .fa-bed:before { content: "" } .fa-viacoin:before { content: "" } .fa-train:before { content: "" } .fa-subway:before { content: "" } .fa-medium:before { content: "" } .fa-yc:before, .fa-y-combinator:before { content: "" } .fa-optin-monster:before { content: "" } .fa-opencart:before { content: "" } .fa-expeditedssl:before { content: "" } .fa-battery-4:before, .fa-battery-full:before { content: "" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "" } .fa-battery-2:before, .fa-battery-half:before { content: "" } .fa-battery-1:before, .fa-battery-quarter:before { content: "" } .fa-battery-0:before, .fa-battery-empty:before { content: "" } .fa-mouse-pointer:before { content: "" } .fa-i-cursor:before { content: "" } .fa-object-group:before { content: "" } .fa-object-ungroup:before { content: "" } .fa-sticky-note:before { content: "" } .fa-sticky-note-o:before { content: "" } .fa-cc-jcb:before { content: "" } .fa-cc-diners-club:before { content: "" } .fa-clone:before { content: "" } .fa-balance-scale:before { content: "" } .fa-hourglass-o:before { content: "" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "" } .fa-hourglass:before { content: "" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "" } .fa-hand-scissors-o:before { content: "" } .fa-hand-lizard-o:before { content: "" } .fa-hand-spock-o:before { content: "" } .fa-hand-pointer-o:before { content: "" } .fa-hand-peace-o:before { content: "" } .fa-trademark:before { content: "" } .fa-registered:before { content: "" } .fa-creative-commons:before { content: "" } .fa-gg:before { content: "" } .fa-gg-circle:before { content: "" } .fa-tripadvisor:before { content: "" } .fa-odnoklassniki:before { content: "" } .fa-odnoklassniki-square:before { content: "" } .fa-get-pocket:before { content: "" } .fa-wikipedia-w:before { content: "" } .fa-safari:before { content: "" } .fa-chrome:before { content: "" } .fa-firefox:before { content: "" } .fa-opera:before { content: "" } .fa-internet-explorer:before { content: "" } .fa-tv:before, .fa-television:before { content: "" } .fa-contao:before { content: "" } .fa-500px:before { content: "" } .fa-amazon:before { content: "" } .fa-calendar-plus-o:before { content: "" } .fa-calendar-minus-o:before { content: "" } .fa-calendar-times-o:before { content: "" } .fa-calendar-check-o:before { content: "" } .fa-industry:before { content: "" } .fa-map-pin:before { content: "" } .fa-map-signs:before { content: "" } .fa-map-o:before { content: "" } .fa-map:before { content: "" } .fa-commenting:before { content: "" } .fa-commenting-o:before { content: "" } .fa-houzz:before { content: "" } .fa-vimeo:before { content: "" } .fa-black-tie:before { content: "" } .fa-fonticons:before { content: "" } .fa-reddit-alien:before { content: "" } .fa-edge:before { content: "" } .fa-credit-card-alt:before { content: "" } .fa-codiepie:before { content: "" } .fa-modx:before { content: "" } .fa-fort-awesome:before { content: "" } .fa-usb:before { content: "" } .fa-product-hunt:before { content: "" } .fa-mixcloud:before { content: "" } .fa-scribd:before { content: "" } .fa-pause-circle:before { content: "" } .fa-pause-circle-o:before { content: "" } .fa-stop-circle:before { content: "" } .fa-stop-circle-o:before { content: "" } .fa-shopping-bag:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-hashtag:before { content: "" } .fa-bluetooth:before { content: "" } .fa-bluetooth-b:before { content: "" } .fa-percent:before { content: "" } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC Black Italic"), url("../fonts/alegreyasc-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-blackitalic-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-blackitalic-webfont.woff") format("woff"), url("../fonts/alegreyasc-blackitalic-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-blackitalic-webfont.svg#alegreya_scblack_italic") format("svg"); font-weight: 900; font-style: italic; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC Black"), url("../fonts/alegreyasc-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-black-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-black-webfont.woff") format("woff"), url("../fonts/alegreyasc-black-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-black-webfont.svg#alegreya_scblack") format("svg"); font-weight: 900; font-style: normal; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC Bold Italic"), url("../fonts/alegreyasc-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-bolditalic-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-bolditalic-webfont.woff") format("woff"), url("../fonts/alegreyasc-bolditalic-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-bolditalic-webfont.svg#alegreya_scbold_italic") format("svg"); font-weight: 700; font-style: italic; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC Bold"), url("../fonts/alegreyasc-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-bold-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-bold-webfont.woff") format("woff"), url("../fonts/alegreyasc-bold-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-bold-webfont.svg#alegreya_scbold") format("svg"); font-weight: 700; font-style: normal; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC Italic"), url("../fonts/alegreyasc-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-italic-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-italic-webfont.woff") format("woff"), url("../fonts/alegreyasc-italic-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-italic-webfont.svg#alegreya_scitalic") format("svg"); font-weight: normal; font-style: italic; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya SC"), url("../fonts/alegreyasc-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreyasc-regular-webfont.woff2") format("woff2"), url("../fonts/alegreyasc-regular-webfont.woff") format("woff"), url("../fonts/alegreyasc-regular-webfont.ttf") format("truetype"), url("../fonts/alegreyasc-regular-webfont.svg#alegreya_scregular") format("svg"); font-weight: normal; font-style: normal; font-variant: small-caps } @font-face { font-family: 'Alegreya'; src: local("Alegreya Black Italic"), url("../fonts/alegreya-blackitalic-google.woff2") format("woff2"), url("../fonts/alegreya-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-blackitalic-webfont.woff") format("woff"), url("../fonts/alegreya-blackitalic-webfont.ttf") format("truetype"), url("../fonts/alegreya-blackitalic-webfont.svg#alegreyablack_italic") format("svg"); font-weight: 900; font-style: italic } @font-face { font-family: 'Alegreya'; src: local("Alegreya Black"), url("../fonts/alegreya-black-google.woff2") format("woff2"), url("../fonts/alegreya-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-black-webfont.woff") format("woff"), url("../fonts/alegreya-black-webfont.ttf") format("truetype"), url("../fonts/alegreya-black-webfont.svg#alegreyablack") format("svg"); font-weight: 900; font-style: normal } @font-face { font-family: 'Alegreya'; src: local("Alegreya Bold Italic"), url("../fonts/alegreya-bolditalic-google.woff2") format("woff2"), url("../fonts/alegreya-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-bolditalic-webfont.woff") format("woff"), url("../fonts/alegreya-bolditalic-webfont.ttf") format("truetype"), url("../fonts/alegreya-bolditalic-webfont.svg#alegreyabold_italic") format("svg"); font-weight: 700; font-style: italic } @font-face { font-family: 'Alegreya'; src: local("Alegreya Bold"), url("../fonts/alegreya-bold-google.woff2") format("woff2"), url("../fonts/alegreya-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-bold-webfont.woff") format("woff"), url("../fonts/alegreya-bold-webfont.ttf") format("truetype"), url("../fonts/alegreya-bold-webfont.svg#alegreyabold") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'Alegreya'; src: local("Alegreya Italic"), url("../fonts/alegreya-italic-google.woff2") format("woff2"), url("../fonts/alegreya-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-italic-webfont.woff") format("woff"), url("../fonts/alegreya-italic-webfont.ttf") format("truetype"), url("../fonts/alegreya-italic-webfont.svg#alegreyaitalic") format("svg"); font-weight: normal; font-style: italic } @font-face { font-family: 'Alegreya'; src: local("Alegreya"), url("../fonts/alegreya-regular-google.woff2") format("woff2"), url("../fonts/alegreya-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-regular-webfont.woff") format("woff"), url("../fonts/alegreya-regular-webfont.ttf") format("truetype"), url("../fonts/alegreya-regular-webfont.svg#alegreyaregular") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: 'Junction'; src: url("../fonts/junction-bold.eot"); src: url("../fonts/junction-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/junction-bold.woff") format("woff"), url("../fonts/junction-bold.ttf") format("truetype"), url("../fonts/junction-bold.svg#junctionbold") format("svg"); font-weight: bold; font-style: normal } @font-face { font-family: 'Junction'; src: url("../fonts/junction-light.eot"); src: url("../fonts/junction-light.eot?#iefix") format("embedded-opentype"), url("../fonts/junction-light.woff") format("woff"), url("../fonts/junction-light.ttf") format("truetype"), url("../fonts/junction-light.svg#junctionlight") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'Junction'; src: url("../fonts/junction-regular.eot"); src: url("../fonts/junction-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/junction-regular.woff") format("woff"), url("../fonts/junction-regular.ttf") format("truetype"), url("../fonts/junction-regular.svg#junctionregular") format("svg"); font-weight: normal; font-style: normal } .mfp-counter { font-family: "Alegreya", serif } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #111; opacity: 0.8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container: before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .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 { 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 { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a: hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; filter: alpha(opacity=100); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #fff } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px } .mfp-arrow { position: absolute; opacity: 1; filter: alpha(opacity=100); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #fff } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #fff } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .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-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure: after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -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 { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } .right-navigation { position: absolute; top: 10px; right: 0; text-align: right; width: auto; font-size: 80% } #lang-nav { @extend #site-nav !optional; } @media only screen and (min-width: 86.375em) { #lang-nav { background: transparent url('/static/images/icon-language.png') no-repeat scroll left center; padding-left: 30px; } } #lang-nav li { margin-right: 7px; } .pinned-news { margin-left: 1em; margin-right: 1em; margin-bottom: 2em; } @media only screen and (max-width: 37.49em) { .home .article-author-side { display: block; margin-left: 1em; margin-right: 1em; margin-bottom: 2em; } .home .article-author-side .bio-photo, .home .article-author-side h3 { display: none; } .home .article-author-side .author-social { display: inline; margin-right: 2em; } .home .article-author-side p { font-size: 100%; } }